@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100&display=swap');



/*************************















*******Typography******







.col-md-4.footer-firma a img {

    margin-top: 34px !important;

    width: 187px;

}







**************************/



body {



  overflow-x: hidden;



}



.mp-menu {



  display: none;



}



.triggermenu {



  display: none;



}



.sliderlink {



  width: 100%;



  height: 100%;



  display: inline-block;



  position: absolute;



  z-index: 2;



}



.bx-wrapper .bx-viewport ul li:nth-child(2):after {



  background: #000;



  width: 100%;



  height: 57px;



  content: "Yakın Çekim";



  position: absolute;



  z-index: 999;



  bottom: 19px;



  color: #fff;



  padding: 18px;



}



.bx-wrapper .bx-viewport ul li:nth-child(3):after {



  background: #000;



  width: 100%;



  height: 57px;



  content: "Uzak Çekim";



  position: absolute;



  z-index: 999;



  bottom: 19px;



  color: #fff;



  padding: 18px;



}



.owl-theme .owl-controls {



  position: absolute;



  top: 50px;



}



.owl-prev {



  left: -35px;



  position: absolute;



  z-index: 999;



}



.well h2 {



  display: none;



}



.owl-next {



  right: -1180px;



  position: absolute;



}



.bg {



  width: 100%;



  height: 450px;



  background-position: bottom;



  background-attachment: fixed;



}



.innerpage-fqa-area {



  width: 100%;



  display: block;



  padding-left: 45px;



}



ul.product-container {



  /*overflow: hidden;*/



  padding-left: 0;



}



p.innerpage-desc {



  padding-left: 0;



}



#ctl00_ContentPlaceHolder1_uyeMenu1_uyeNotLogin {



  display: none;



}



.referans-content {



  display: block;



  padding: 10px;



  background: #FFF;



  border: solid 1px #d2d2d2;



  width: 23%;



  margin-right: 20px;



  margin-bottom: 20px;



}



#bx-pager a {



  width: 120px !important;



}



.referans-content:nth-child(4n+0) {



  margin-right: 0;



}



.markalar ul {



  list-style: none;



  margin: 0;



  padding: 0;



}



.markalar li {



    width: 24%;



    float: left;



    border-bottom: solid 1px #e2e2e2;



    margin: 0 5px;



    list-style: none;



    padding: 32px;



}



.tum {



  width: 100%;



  text-align: center;



}



.tum a {



  display: inline-block;



  background: #ff0200;



  color: #fff;



  padding: 8px 16px;



  font-size: 18px;



  border-radius: 4px;



  margin: 25px 0 0;



  font-weight: 700;



}



.tum a:hover {



  background: #008dd2;



  color: #fff;



}



.tum a i {



  padding-left: 15px;



}



.tumu {



  display: inline-block;



  background: #008dd2;



  color: #fff;



  padding: 7px 15px;



  font-size: 14px;



  border-radius: 4px;



  margin: 15px 0;



  line-height: 16px;



}



.tumu:hover {



  background: #008dd2;



  color: #000;



}



.tumu i {



  padding-left: 15px;



}



.tumu-link {



  display: inline-block;



  padding: 8px 12px;



  background: fff;



  color: #000;



  font-size: 13px;



  border: solid 1px #d2d2d2;



}



#referance .owl-wrapper {



  display: block;



  overflow: hidden;



}



#referance .owl-item {}



.landing-page #rptKategoriler {



  display: none;



}



.slider-landing {



  position: relative;



  width: 100%;



}



.form-alan {



  position: absolute;



  z-index: 999;



  width: 380px;



  padding: 15px;



  background: rgba(0, 0, 0, 0.70);



  top: 140px;



  right: 20%;



}



.landingform {



  background: #fff;



}



.form-alan table {



  width: 100%;



}



.bx-wrapper {



  max-width: 100%;



  z-index: 9;



  position: absolute;



}



.landingform .form-group {



  margin-bottom: 5px;



}



.landingform .form-control {



  padding: 20px 12px;



  margin-bottom: 3px;



}



.landingform h4 {



  padding: 15px;



  text-align: center;



  background: #d62918;



  color: #fff;



  margin: 0;



}



.landingform .btn-primary {



  padding: 8px 20px;



  background: #548b14;



  color: #fff;



  border-radius: 0;



  border: none;



  margin-top: 0px;



  width: 100%;



  display: block;



  margin-bottom: 0;



  line-height: 34px;



}



.landing-page {



  display: none;



}



.landing-page-ic .kategori-listesi {



  display: none;



}



.listelem {



  margin-bottom: 20px;



}



.listelem img {



  border-right: solid 2px #e0e0e0;



  border-bottom: solid 2px #e0e0e0;



}



.belgeler-body {



  margin: 0 !important;



}



.belge-tipi-list {



  padding: 15px 15px 0;



}



.belge-tipi-list label {



  margin-left: 10px;



  font-weight: 400;



}



.belge-tipi-top {



  font-size: 15px;



  line-height: 50px;



  font-weight: 700;



  color: white;



  background: #adadac;



  text-align: center;



  margin: 0;



  position: relative;



  display: block;



  border-radius: 3px;



}



.kategori-tipi-top {



  font-size: 15px;



  line-height: 50px;



  font-weight: 700;



  color: white;



  background: #adadac;



  text-align: center;



  margin-bottom: 0;



  position: relative;



  display: block;



  border-radius: 3px;



}



.filtrele {



  font-size: 15px;



  line-height: 50px;



  font-weight: 700;



  color: white;



  background: #adadac;



  text-align: center;



  margin-bottom: 0;



  position: relative;



  display: block;



  border-radius: 3px;



}



.detay-karsi {



  margin: 15px 0;



  padding: 8px 15px;



  border: solid 1px #ddd;



}



.detay-karsi-sil {



  margin: 15px 0;



  padding: 8px 15px;



  border: solid 1px #ddd;



}



.kategori-tipi-list label {



  margin-left: 10px;



  font-weight: 400;



}



.kategori-tipi-list .panel-heading {



  padding: 0;



}



.kategori-tipi-list .panel-title > a {



  width: 100%;



  padding: 10px 15px 10px 25px;



  display: block;



}



.kategori-tipi-list .panel-default > .panel-heading {



  background: white;



  position: relative;



}



.kategori-tipi-list .panel-default > .panel-heading {



  position: relative;



}



.kategori-tipi-list .panel-default > .panel-heading input {



  position: absolute;



  left: 0px;



  top: 7px;



}



.tooltip {



  display: none;



}



.search-form {



  position: relative;



}



.belge-liste-top {



  border-bottom: solid 1px #ddd;



}



.belge-liste-box:nth-child(2n+0) {



  background: #f8f8f8;



}



.belge-ara-btn {



  position: absolute;



  right: 25px;



  top: 10px;



}



.belge-ara-btn i {



  color: #62ab00;



  font-size: 18px;



}



.belge-ara-bsl {



  background: #836f5b;



  color: white;



  font-weight: 600;



  padding: 6px 15px;



}



.belge-ara-body input {



  border-radius: 0 15px 15px 0;



}



.ustyazi-p {



  padding: 10px;



}



.belge-liste-adi {



  display: flex;



  align-items: center;



  height: 80px;



}



.belge-liste-tipi {



  display: flex;



  align-items: center;



  height: 80px;



}



.belge-liste-aciklama {



  display: flex;



  align-items: center;



  height: 80px;



}



.belge-liste-indir {



  display: flex;



  align-items: center;



  height: 80px;



}



.altyazi-holder {



  width: 100%;



  padding: 40px 0;



}



.altyazi-holder .container {



  margin: 0;



  padding: 0;



}



.altyazi-holder h2 {



  font-size: 24px;



}



.landing-slider {



  position: relative;



  overflow: hidden;



  width: 100%;



}



.form-table {



  margin: 15px 0;



}



.home-link {



  display: block;



  height: 150px;



}



.home-ban-img {



  height: 150px;



  display: inline-flex !important;



}



body {



  background: #fff;



  font-family: 'Roboto', 'Roboto', sans-serif;



  color: #4e4e4e;



  line-height: 22px;



}



h1, h2, h3, h4, h5, h6 {



  font-weight: 600;



  font-family: 'Roboto', 'Roboto', 'Roboto', sans-serif;



  color: #4e4e4e;



}



h1 {



  font-size: 36px;



  color: #3b3b3b;



}



h2 {



  font-size: 32px;



  text-align: left;



  color: #010101;



  font-weight: 400;



  position: relative;



  padding: 18px 0;



  margin: 0;



}



h3 {



  font-size: 16px;



  color: #4a4a4a;



  font-weight: 400;



  line-height: 24px;



}



h4 {



  font-size: 16px;



}



a {



  color: #111;



  -webkit-transition: color 300ms, background-color 300ms;



  -moz-transition: color 300ms, background-color 300ms;



  -o-transition: color 300ms, background-color 300ms;



  transition: color 300ms, background-color 300ms;



}



a:hover, a:focus {



  color: #d43133;



}



hr {



  border-top: 1px solid #e5e5e5;



  border-bottom: 1px solid #fff;



}



.btn-primary {



  padding: 8px 20px;



  background: #008dd2;



  color: #fff;



  border-radius: 4px;



  border: none;



  margin-top: 10px;



}



#ctl00_ContentPlaceHolder1_uyeMenu1_uyeNotLogin {



  margin-right: 0 !important;



}



.blog-line {



  margin-top: 20px;



}



.btn-primary:hover, .btn-primary:focus {



  background: #008dd2;



  outline: none;



  box-shadow: none;



}



.btn-transparent {



  border: 3px solid #fff;



  background: transparent;



  color: #fff;



}



.btn-transparent:hover {



  border-color: rgba(255, 255, 255, 0.5);



}



a:hover, a:focus {



  color: #111;



  text-decoration: none;



  outline: none;



}



.dropdown-menu {



  margin-top: -1px;



  min-width: 295px;



}



.center h2 {



  font-size: 36px;



  margin-top: 0;



  margin-bottom: 20px;



}



.media > .pull-left {



  margin-right: 20px;



  width: 23%;



}



.media > .pull-right {



  margin-left: 20px;



}



body > section {



  padding: 70px 0;



}



.center {



  text-align: center;



  padding-bottom: 55px;



}



.scaleIn {



  -webkit-animation-name: scaleIn;



  animation-name: scaleIn;



}



.lead {



  font-size: 16px;



  line-height: 24px;



  font-weight: 400;



}



.transparent-bg {



  background-color: transparent !important;



  margin-bottom: 0;



}



@-webkit-keyframes scaleIn {



  0% {



    opacity: 0;



    -webkit-transform: scale(0);



    transform: scale(0);



  }



  100% {



    opacity: 1;



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}



@keyframes scaleIn {



  0% {



    opacity: 0;



    -webkit-transform: scale(0);



    -ms-transform: scale(0);



    transform: scale(0);



  }



  100% {



    opacity: 1;



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



  }



}



/*************************















*******Header******















**************************/



header {



  z-index: 100;



  position: relative;



}



header:before {



  content: "";



  background: #6c6e70;



  height: 80px;



  display: block;



  position: absolute;



  width: 100%;



}



.header-body {



  background: white;



  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, .03), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03);



}



.top-tel {



  float: left;



  font-size: 13px;



  color: white;



  padding-top: 3px;



  margin: 4px;



}



.top-tel a {



  margin: 0 10px;



  color: white;



}



#header .search {



  display: inline-block;



}



.header-container {}



.navbar > .container .navbar-brand {



  margin-left: 0;



}



.navbar > .container .navbar-brand img {



  margin-top: 15px;



}



.slider-body {



  position: relative;



  top: -48px;



}



.slider {}



.top-bar {



  padding: 4px 0;



  padding-top: 0;



  line-height: 28px;



}



.top-number {



  display: block;



  color: #484748;



  float: right;



}



.top-number p {



  display: none;



  margin: 0;



  color: #6a6a6a;



  text-align: right;



  font-size: 13px;



}



.top-number .fa-envelope {



  margin-left: 15px;



}



.top-number .fa {



  padding-right: 5px;



}



.top-number h3 {



  font-size: 14px;



  font-weight: 600;



  color: #008dd2;



  margin-bottom: 2px;



  margin-top: 0;



}



.top-number a {



  color: #000;



  font-weight: 700;



}



.search-box {



  width: 100%;



  border: none;



  padding: 7px;



}



.search-cont {



  display: none;



  padding: 10px 0;



}



.top-menu {



  padding-right: 15px;



  float: right;



  margin-right: 25px;



  display: block;



  position: relative;



}



.top-menu:after {



  content: "|";



  display: block;



  position: absolute;



  right: -10px;



  color: #dedede;



  font-size: 38px;



  bottom: 15px;



  font-weight: 300;



}



.top-menu h3 {



  font-size: 14px;



  font-weight: 600;



  color: #008dd2;



  margin-bottom: 2px;



  margin-top: 0;



}



.top-menu a {



  margin-left: 4px;



  padding: 0;



  font-size: 14px;



  color: #000;



  font-weight: 700;



}



.social {



  text-align: left;



  float: none;



  display: block;



  background: transparent;



}



.social-share {



  display: inline-block;



  list-style: none;



  padding: 0;



  margin: 1px 0 0 25px;



}



ul.social-share li {



  display: inline-block;



  padding: 5px 0;



  margin-right: 10px;



}



ul.social-share li a {



  display: inline-block;



  background: none;



}



ul.social-share li a img {



  height: 15px;



}



ul.social-share li a:hover {}



.search i {



  color: #fff;



}



input.search-form {



  background: transparent;



  border: 0 none;



  width: 60px;



  padding: 0 10px;



  color: #FFF;



  -webkit-transition: all 400ms;



  -moz-transition: all 400ms;



  -ms-transition: all 400ms;



  -o-transition: all 400ms;



  transition: all 400ms;



}



input.search-form::-webkit-input-placeholder {



  color: transparent;



}



input.search-form:hover::-webkit-input-placeholder {



  color: #fff;



}



input.search-form:hover {



  width: 180px;



}



.logo-menu {



  padding: 0;



}



.navbar-brand {



  padding: 0;



  margin: 0;



}



.navbar {



  clear: both;



  border-radius: 0;



  margin-bottom: 0;



  background: transparent;



  padding: 0px 0;



  padding-bottom: 0;



  border: none;



  position: relative;



}



.navbar-nav {



  /*margin-top: 12px;*/



  float: none;



  display: flex;



}



.navbar .container {



  overflow: inherit;



}



.navbar-nav > li {



  text-align: right;



  display: inline-block;



}



.navbar-inverse .navbar-nav > li > a {



  padding: 40px 15px 15px;



  margin: 0;



  color: #363636;



  display: inline-block;



  font-size: 14px;



  font-weight: 600;



  text-transform: uppercase;



  font-family: 'Roboto';



}



.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {



  color: #FFF;



  background: #008dd2;



}



.navbar-nav > li i {



  margin-left: 8px;



}



.acmenu {



  position: absolute;



  left: -190px !important;



  width: 1170px;



  background: #fff !important;



}



.acmenu li {



  width: 16.66666666666667%;



  float: left;



  padding: 25px 8px;



}



.acmenu li img {



  width: 100%;



  margin-bottom: 10px;



  border: solid 1px #a9a9a9;



}



.acmenu li .menu-left {



  width: 100%;



}



.acmenu li .menu-left a {



  color: #868686;



  font-size: 13px;



  font-weight: 600;



  text-transform: uppercase;



  padding-top: 8px;



  letter-spacing: -0.5px;



}



.acmenu li .menu-alt {



  border-top: solid 2px #a9a9a9;



  padding-top: 10px;



  margin-top: 10px;



  width: 100%;



}



.acmenu li .menu-alt ul {



  padding: 0 5px;



}



.acmenu li ul li {



  width: 100%;



  padding: 5px 0;



  border: none;



  text-align: left;



}



.acmenu li ul li a {



  color: #868686;



}



.acmenu li ul li a:hover {



  text-decoration: underline;



}



span.text {



  font-size: 14px !important;



  margin: -10px 0 10px !important;



  /* margin-bottom: 0!important; */



  float: none;



  margin-right: 10px;



  color: #e61616 !important;



  font-family: 'Roboto';



  display: block;



}



.secmece select {



  text-transform: none;



  width: 100%;



  padding: 15px;



  margin-bottom: 30px;



  border: none;



  border-bottom: solid 2px #7b6750;



  color: #548d28;



}



.secmece select:focus, .secmece select:active {



  border: none;



  border-bottom: solid 2px #79c142;



}



.secmece select option {



  padding: 5px;



}



.navbar-inverse .navbar-nav > li:hover {



  color: #FFF;



  background: #adadac;



}



.navbar-inverse .navbar-nav > li:hover a {



  color: #FFF;



}



.navbar-inverse .navbar-nav > li > a:hover {



  color: #FFF;



  background: #adadac;



}



.carousel-indicators {



  bottom: 0px;



  width: auto;



  margin-left: -6%;



  display: none;



}



.logo-main {



  padding: 30px 25px;



}



.logo-main a {



  padding: 0 !important;



  border: none !important;



}



.logo-main a:hover {



  background: none !important;



}



.language {



  position: relative;



  float: right;



  margin-right: 25px;



  margin-top: 5px;



}



.language ul {



  margin: 0;



  padding: 0;



  list-style: none;



}



.language ul li {



  float: left;



  margin: 0px 2px;



  padding-top: 0px;



}



.language ul li:last-child {



  border: none;



}



.language ul li a {



  color: #fff;



  font-weight: 600;



  padding: 0px 8px;



  font-size: 13px;



}



.telmail {



  float: right;



  text-align: right;



}



.navbar-inverse .navbar-brand {



  font-size: 36px;



  line-height: 50px;



  color: #fff;



  position: relative;



  top: -50px;



}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {



  /*background-color: #008dd2;















  color: #fff;*/



}



.navbar-nav > li:hover a {



  background-color: #adadac;



  ;



}



.navbar-inverse .navbar-nav .dropdown-menu {



  background-color: #adadac;



  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  border: 0;



  padding: 0;



  margin-top: 0;



  border-top: 0;



  border-radius: 0;



  left: 0;



}



.navbar-inverse .navbar-nav .dropdown-menu:before {



  position: absolute;



  top: 0;



}



.navbar-inverse .navbar-nav .dropdown-menu > li > a {



  padding: 8px 15px;



  color: #fff;



  text-align: left;



  border-bottom: 1px solid #ccd7ce;



  font-family: 'Roboto';



}



.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {



  background-color: #6c6e70;



  color: #fff;



}



.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {



  border-radius: 0 0 3px 3px;



}



.navbar-inverse .navbar-nav .dropdown-menu > li.divider {



  background-color: transparent;



}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {



  height: inherit;



  border-top: 0;



  padding-bottom: 0;



  padding: 0;



  width: 100%;



  margin-top: 0px;



  text-align: center;



}



/*************************















*******Home Page******















**************************/



#main-slider {



  position: relative;



}



.no-margin {



  margin: 0;



  padding: 0;



}



.services-wrap p {



  color: #000;



}



.news-container h4 {



  text-transform: uppercase;



  margin-top: -3px;



  color: #0079B0;



  font-size: 23px;



  font-weight: 800;



  margin-bottom: 23px;



}



.news-container h4 a {



  float: right;



  font-size: 13px;



  margin-top: 9px;



  margin-right: 15px;



}



#main-slider .container {



  /*















    position: absolute;















    top: 0;















	left:5%;*/



}



#main-slider .carousel .carousel-content {



  margin-top: 87px;



}



#main-slider .carousel .slide-margin {



  margin-top: 81px;



} /*















#main-slider .carousel .item:nth-child(3) .animated-item-1 {















	font-size: 41px!important;















	line-height: 49px;















	margin-bottom: 15px;















}*/



#main-slider .animated-item-2 {



  color: #fff;



  font-size: 14px;



  font-weight: 400;



  margin-top: 0;



}



#main-slider .animation.animated-item-2 span {



  font-size: 18px !important;



}



#main-slider .carousel h2 span {



  color: #000;



  font-weight: 800;



}



#main-slider .carousel .btn-slide {



  padding: 13px 80px 13px 20px;



  background: #f8ee19;



  color: #6d6e6f;



  border-radius: 4px;



  margin-top: 13px;



  display: inline-block;



  font-size: 13px;



  font-weight: 700;



  border-radius: 0;



  position: relative;



}



#main-slider .carousel .btn-slide:after {



  content: "";



  display: block;



  position: absolute;



  right: 15px;



  top: 20px;



  background: url(/assets/images/ok.png) no-repeat;



  width: 27px;



  height: 8px;



  filter: brightness(0.5);



}



#main-slider .carousel .slider-img {



  text-align: right;



  position: absolute;



  top: 20px;



}



#main-slider .carousel .col-sm-6 {}



.content-refferance #owl-brand .owl-prev {



  float: left;



  margin-left: -45px;



}



.content-refferance .owl-theme .owl-controls .owl-buttons div {



  zoom: 0.8;



}



.content-refferance #owl-brand .owl-next {



  float: right;



  margin-right: -32px;



}



table td {



  vertical-align: middle !important;



  border: solid 1px #d2d2d2;



  padding: 10px;



}



.owl-carousel .owl-wrapper-outer {



  z-index: 100;



  padding: 20px 0;



}



.carousel-content .animated-item-1 {



  font-weight: 800;



  font-size: 80px;



  line-height: 77px;



  color: #fff;



  letter-spacing: -2px;



  text-shadow: 2px 2px 9px #000;



}



.carousel-content .animated-item-1 a {



  color: #084888;



}



.carousel-content .animated-item-1 span {



  font-size: 40px;



  font-weight: 600;



  color: #79c142;



  display: block;



}



#main-slider .carousel .item {



  left: 0 !important;



  opacity: 0;



  position: absolute;



  width: 100%;



  display: block !important;



  height: 580px;



  background-position: center top;



  background-size: cover;



  background-repeat: no-repeat;



  -webkit-transition: opacity ease-in-out 500ms;



  -moz-transition: opacity ease-in-out 500ms;



  -o-transition: opacity ease-in-out 500ms;



  transition: opacity ease-in-out 500ms;



}



#main-slider .carousel .item:first-child {



  position: relative;



}



#main-slider .carousel .item.active {



  opacity: 1;



  -webkit-transition: opacity ease-in-out 500ms;



  -moz-transition: opacity ease-in-out 500ms;



  -o-transition: opacity ease-in-out 500ms;



  transition: opacity ease-in-out 500ms;



  z-index: 1;



  top: 0;



}



#main-slider .prev, #main-slider .next {



  position: absolute;



  top: 50%;



  color: #fff;



  display: inline-block;



  margin-top: -25px;



  height: 40px;



  line-height: 40px;



  width: 40px;



  line-height: 40px;



  text-align: center;



  border-radius: 4px;



  z-index: 5;



  font-size: 26px;



}



#main-slider .prev:hover, #main-slider .next:hover {



  background-color: #f8ee19;



  color: #6c6e70;



}



#main-slider .prev {



  left: 10px;



}



#main-slider .next {



  right: 10px;



}



#main-slider .carousel-indicators li {



  width: 20px;



  height: 20px;



  background-color: #fff;



  margin: 0 5px 0 0;



  position: relative;



  border: 1px solid rgb(204, 204, 204);



  margin-top: 16px;



  background-image: -moz-radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



  background-image: -webkit-gradient(radial, color-stop(0, rgb(255, 255, 255)), color-stop(0.53, rgb(255, 255, 255)), color-stop(1, rgb(235, 235, 235)));



  background-image: -webkit-radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



  background-image: radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



}



#main-slider .carousel-indicators li:after {



  position: absolute;



  content: "";



  width: 20px;



  height: 20px;



  border-radius: 100%;



  background: rgba(0, 0, 0, 0);



  border: 1px solid #FFF;



  left: -3px;



  top: -3px;



}



#main-slider .carousel-indicators .active {



  width: 20px;



  height: 20px;



  background-color: #fff;



  margin: 0 5px 0 0;



  border: 1px solid rgb(204, 204, 204);



  position: relative;



  margin-top: 16px;



  background-image: -moz-radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



  background-image: -webkit-gradient(radial, color-stop(0, rgb(255, 255, 255)), color-stop(0.53, rgb(255, 255, 255)), color-stop(1, rgb(235, 235, 235)));



  background-image: -webkit-radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



  background-image: radial-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 53%, rgb(235, 235, 235) 100%);



}



#main-slider .carousel-indicators .active:after {



  position: absolute;



  content: "";



  width: 20px;



  height: 20px;



  border-radius: 100%;



  border: 1px solid rgb(204, 204, 204);



  left: -1px;



  top: -1px;



  background: #484748;



  background: -moz-radial-gradient(center, ellipse cover, #484748 29%, #ffffff 32%);



  background: -webkit-radial-gradient(center, ellipse cover, #484748 29%, #ffffff 32%);



  background: radial-gradient(ellipse at center, #484748 29%, #ffffff 32%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484748', endColorstr='#ffffff', GradientType=1);



}



#main-slider .active .animation.animated-item-1 {



  -webkit-animation: fadeInUp 300ms linear 300ms both;



  -moz-animation: fadeInUp 300ms linear 300ms both;



  -o-animation: fadeInUp 300ms linear 300ms both;



  -ms-animation: fadeInUp 300ms linear 300ms both;



  animation: fadeInUp 300ms linear 300ms both;



}



#main-slider .active .animation.animated-item-2 {



  -webkit-animation: fadeInUp 300ms linear 600ms both;



  -moz-animation: fadeInUp 300ms linear 600ms both;



  -o-animation: fadeInUp 300ms linear 600ms both;



  -ms-animation: fadeInUp 300ms linear 600ms both;



  animation: fadeInUp 300ms linear 600ms both;



}



#main-slider .active .animation.animated-item-2 a {



  color: #333;



}



#main-slider .active .animation.animated-item-3 {



  -webkit-animation: fadeInUp 300ms linear 900ms both;



  -moz-animation: fadeInUp 300ms linear 900ms both;



  -o-animation: fadeInUp 300ms linear 900ms both;



  -ms-animation: fadeInUp 300ms linear 900ms both;



  animation: fadeInUp 300ms linear 900ms both;



}



#main-slider .animated-item-4 {



  -webkit-animation: fadeInUp 300ms linear 1200ms both;



  -moz-animation: fadeInUp 300ms linear 1200ms both;



  -o-animation: fadeInUp 300ms linear 1200ms both;



  -ms-animation: fadeInUp 300ms linear 1200ms both;



  animation: fadeInUp 300ms linear 1200ms both;



  padding: 0;



  display: none;



}



.header-bg {



  background: #fff;



  background-size: cover;



}



.left-menu {



  padding-left: 0;



  background: #fff;



  border-radius: 5px;



  padding: 10px;



}



.left-menu .list-group-item {



  background: #fff;



  border: none;



  margin-bottom: 0;



  padding: 0;



}



.left-menu .list-group-item a {



  background: #008dd2;



  color: #fff;



  padding: 10px;



  display: block;



  font-size: 13px;



  font-weight: 400;



  border-bottom: solid 1px #d0d0d0;



}



.left-menu .list-group-item a:hover {



  background: #216130;



  color: #FFF;



}



.left-menu .list-group-item div .list-group-item a {



  border: none;



  background: #fff;



  color: #595965;



}



.left-menu .list-group-item div .list-group-item a:hover {



  background: #000;



  color: #FFF;



}



.list-group-item.active {



  background: #000;



  color: #FFF;



}



.list-group-item.active a {



  background: #008dd2;



  color: #FFF;



}



.list-group-item.active ul li a {



  color: #595965 !important;



}



.float-left {



  float: left;



  padding-right: 30px;



  width: 45%;



}



.text-center {



  text-align: center;



}



.clear {



  clear: both;



}



.float-left i {



  margin-right: 15px;



}



address:after {



  content: "";



  display: block;



  clear: both;



}



#merhabaDe {



  border-top: solid 1px #ddd;



  border-bottom: solid 1px #ddd;



  padding: 22px 15px 15px 15px;



  background: #008dd2;



  margin-bottom: 29px;



}



div#merhabaDe a {



  font-size: 26px !important;



  color: #fff;



}



.urun-kat {



  padding: 15px 4px 30px;



}



.out-center .item {



  padding: 0 25px;



}



.out-center .item i {



  padding-left: 15px;



} /*















.out-center .item i:before {















	content:"";















	display:block;















	background:#000;















	width:160px;















	height:160px;















	position:absolute;















	bottom:-12px;















	left:-12px;















	z-index:-1;















}*/



.out-center .item i img {



  width: 100%;



}



.out-center .owl-next {



  right: -1170px;



  z-index: 999;



}



.out-center .item p {



  padding-top: 12px;



  text-align: center;



}



.out-center .item:hover p a {



  background: #008dd2;



  color: #fff;



}



.out-center .item p a {



  display: flex;



  background: #dddddd;



  color: #111;



  padding: 5px 12px;



  font-size: 14px;



  border-radius: 4px;



  margin: 15px 0;



  align-items: center;



  height: 53px;



}



.out-center .item p a:hover {



  background: #008dd2;



  color: #fff;



}



.out-center .owl-theme .owl-controls {



  top: 100px;



}



.out-center .owl-carousel .owl-wrapper-outer {



  padding: 20px 0 20px 20px;



}



.video iframe {



  width: 100%;



  height: 290px;



  margin-top: 15px;



}



#feature {



  background: #FFF;



  padding: 35px 0;



  min-height: 430px;



}



#feature2 {



  background: #fff;



  padding: 20px 0;



  text-align: center;



}



#feature2 h2 {



  text-align: center;



}



#feature2 .features {



  padding-top: 10px;



}



.features {



  padding: 0;



}



.feature-wrap {



  margin-bottom: 35px;



  overflow: hidden;



}



.feature-wrap span {



  color: #FFF !important;



}



.feature-wrap h2 {



  float: right;



  background: #F15B5A;



  padding: 8px;



  color: #fff;



  width: 48%;



  font-size: 16px;



  font-weight: 700;



  margin-top: 11%;



}



.feature-wrap h2 a {



  color: #FFF;



}



.feature-wrap h3 {



  margin-top: -3px;



  float: right;



  background: #777777;



  padding: 8px;



  color: #fff;



  width: 48%;



  font-size: 16px;



  font-weight: 700;



}



.feature-wrap h3 a {



  color: #FFF;



}



.cat-container {



  padding-left: 0;



  width: 65%;



}



.form-container {



  padding-left: 0;



  width: 35%;



}



.form-main {



  width: 100%;



  padding: 12px;



  background-color: rgb(247, 247, 247);



  height: 472px;



  border: 1px solid rgb(238, 238, 238);



  -moz-border-radius: 6px;



  -webkit-border-radius: 6px;



  border-radius: 6px;



}



#area-works {



  padding: 30px 0;



  background: #F8F8F8;



}



.media-body {



  color: #FFF;



}



.media-body strong {



  color: #FFF;



}



.media-body table tr td {



  color: #FFF;



}



.out-center {



  padding-top: 40px;



  position: relative;



}



.out-center h1 {



  margin-bottom: 25px;



}



#home-urun {



  position: relative;



  height: 220px;



  z-index: 1;



}



#home-urun .home-urun-box {



  position: absolute;



  width: 100%;



  top: -130px;



}



#home-urun h1 {



  margin-bottom: 15px;



}



#home-urun p {



  width: 60%;



  text-align: center;



  margin: 0 auto 40px;



}



.all-ozel {



  margin: 0 auto;



  width: 100%;



  text-align: center;



  display: inline-block;



  border-top: solid 1px #ddd;



  padding: 10px;



  font-size: 16px;



  font-weight: 600;



  color: #6d6e6f;



  background: #f8ee19;



}



.urun-list ul {



  padding: 0;



  margin: 0;



}



.urun-list ul:after {



  content: "";



  display: block;



  clear: both;



}



.urun-list li {



  position: relative;



  float: left;



  list-style: none;



  width: 24%;



  margin: 0 1.3% 2% 0;



  background: white;



  /*box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,.03), 0 0.9375rem 1.40625rem rgba(4,9,20,.03), 0 0.25rem 0.53125rem rgba(4,9,20,.05), 0 0.125rem 0.1875rem rgba(4,9,20,.03);*/



}



.urun-list li:last-child {



  margin-right: 0;



}



.urun-list li:hover h3 {



  color: #836f5a;



}



.urun-list li:hover .home-urun-img {



  background: #ffe2c5;



}



.urun-list li h3 {



  font-size: 16px;



  font-weight: 700;



  padding: 0;



  margin: 0;



  font-family: 'Roboto';



  color: #7b6750;



}



.urun-list li a img {



  width: auto;



  text-align: center;



  margin: 0 auto;



}



.urun-list li p a {



  color: #4a494a;



}



.urun-list li .detayli-btn {



  display: none;



}



#home-urun .urun-list li p {



  font-size: 14px;



  font-weight: 400;



  display: block;



  text-align: center;



  padding: 0 15px;



  color: #4a494a;



  width: 100%;



}



.home-urun-img {



  width: 110px;



  height: 110px;



  border-radius: 60px;



  background: white;



  overflow: hidden;



  text-align: center;



  align-items: center;



  display: flex;



  margin: 0 auto;



  position: relative;



  top: -50px;



  border: solid 3px #836f5a;



}



.home-urun-img a {



  display: contents;



}



.home-urun-txt {



  width: 100%;



  text-align: center;



  position: relative;



  top: -30px;



  height: 150px;



  overflow: hidden;



}



.btn-slide {



  padding: 13px 80px 13px 20px;



  background: #adadac;



  color: #fff;



  border-radius: 4px;



  margin-top: 13px;



  display: inline-block;



  font-size: 13px;



  font-weight: 700;



  border-radius: 0;



  position: relative;



  text-transform: uppercase;



}



.btn-slide:after {



  content: "";



  display: block;



  position: absolute;



  right: 15px;



  top: 20px;



  background: url(/assets/images/ok.png) no-repeat;



  width: 27px;



  height: 8px;



}



.detayli-btn {



  width: 100%;



  background: #f2f2f2;



  color: #111;



  display: block;



  text-align: center;



  padding: 10px 0;



}



.detayli-btn i {



  margin-left: 10px;



}



.detayli-ok {



  background: url(/assets/images/ok.png) no-repeat;



  width: 27px;



  height: 8px;



  display: inline-block;



  margin-left: 10px;



  filter: brightness(0.5);



}



.all-ozel:hover .detayli-ok {



  background: url(/assets/images/ok-black.png) no-repeat;



}



.home-ilet-alt {



  padding: 30px 0;



}



.home-ilet, .home-ilet li {



  list-style: none;



  margin: 0;



  padding: 0;



}



.home-ilet li {



  width: 100%;



  padding: 12px 0;



  border-bottom: solid 2px #008dd2;



  margin-bottom: 20px;



}



.home-ilet li i {



  float: left;



  text-align: left;



  width: 10%;



  color: #008dd2;



  font-size: 22px;



}



.home-ilet li p {



  float: right;



  width: 90%;



}



.home-ilet li:after {



  content: "";



  display: block;



  clear: both;



}



.home-form ul, .home-form li {



  padding: 0;



  margin: 0;



  list-style: none;



}



.home-form input {



  border-radius: 4px;



  border: solid 1px #e2e2e2;



  color: #999999;



  font-size: 13px;



  margin-bottom: 15px;



  padding: 5px !important;



}



.home-form li:nth-child(1) {



  width: 48%;



  float: left;



}



.home-form li:nth-child(2) {



  width: 48%;



  float: right;



}



.home-form li:nth-child(3) {



  width: 48%;



  float: left;



}



.home-form li:nth-child(4) {



  width: 48%;



  float: right;



}



.home-form li:nth-child(1) input {



  background: url(/assets/images/form-kisi.jpg) no-repeat 95% center;



}



.home-form li:nth-child(2) input {



  background: url(/assets/images/form-kisi.jpg) no-repeat 95% center;



}



.home-form li:nth-child(3) input {



  background: url(/assets/images/form-tel.jpg) no-repeat 95% center;



}



.home-form li:nth-child(4) input {



  background: url(/assets/images/form-mail.jpg) no-repeat 95% center;



}



.home-form a {



  background: #008dd2;



  padding: 10px;



  width: 100%;



  display: block;



  color: #fff;



  text-decoration: none;



  text-align: center;



  border-radius: 4px;



  clear: both;



}



.home-form .form-group {



  margin: 15px 0 0;



}



.home-form .form-group a {



  display: inline;



  background: transparent;



  color: #008dd2;



  padding: 0;



}



.form-ic ul, .form-ic li {



  padding: 0;



  margin: 0;



  list-style: none;



}



.form-ic input {



  border-radius: 4px;



  border: solid 1px #e2e2e2;



  color: #999999;



  font-size: 13px;



  margin-bottom: 15px;



  padding: 15px;



}



.form-ic li:nth-child(1) {



  width: 48%;



  float: left;



}



.form-ic li:nth-child(2) {



  width: 48%;



  float: right;



}



.form-ic li:nth-child(3) {



  width: 48%;



  float: left;



}



.form-ic li:nth-child(4) {



  width: 48%;



  float: right;



}



.form-ic li:nth-child(1) input {



  background: url(/assets/images/form-kisi.jpg) no-repeat 95% center;



}



.form-ic li:nth-child(2) input {



  background: url(/assets/images/form-kisi.jpg) no-repeat 95% center;



}



.form-ic li:nth-child(3) input {



  background: url(/assets/images/form-tel.jpg) no-repeat 95% center;



}



.form-ic li:nth-child(4) input {



  background: url(/assets/images/form-mail.jpg) no-repeat 95% center;



}



.form-ic a {



  background: #008dd2;



  padding: 10px;



  width: 100%;



  display: block;



  color: #fff;



  text-decoration: none;



  text-align: center;



  border-radius: 4px;



  clear: both;



}



.urun-detay {



  margin-top: 16px;



  display: none;



  padding: 8px 12px;



  background: #D02528;



  color: #FFF;



  font-size: 13px;



}



.kategori-adi {



  display: none;



}



#referance .owl-item {



  float: left;



  height: 120px;



}



/*************















HOME KATEGORİ















*****************/



.home-kategori {



  margin: 45px 0;



  text-align: center;




}



h1 {



  font-size: 36px;



  font-weight: 600;



  text-align: center;



  position: relative;



  width: auto;



  margin: 20px auto 50px;



  display: table;



}



h1:before {



  content: "";



  display: block;



  background: url(/upload/bannerlar/h1-left.png) no-repeat;



  position: absolute;



  width: 61px;



  height: 9px;



  left: -80px;



  top: 42%;



}



h1:after {



  content: "";



  display: block;



  background: url(/upload/bannerlar/h1-right.png) no-repeat;



  position: absolute;



  width: 61px;



  height: 9px;



  right: -80px;



  top: 42%;



}



legend {



  font-size: 42px;



  font-weight: 300;



  text-align: center;



  position: relative;



  width: auto;



  margin: 20px auto 50px;



  display: table;



}



legend:before {



  content: "";



  display: block;



  background: url(/upload/bannerlar/h1-left.png) no-repeat;



  position: absolute;



  width: 61px;



  height: 9px;



  left: -100px;



  top: 25%;



}



legend:after {



  content: "";



  display: block;



  background: url(/upload/bannerlar/h1-right.png) no-repeat;



  position: absolute;



  width: 61px;



  height: 9px;



  right: -100px;



  top: 25%;



}



.home-kategori p {



  padding-top: 15px;



  font-size: 20px;



  font-weight: 700;



  color: #585859;



}



.home-kategori h1 {



  margin-top: 0;



}



.home-kategori h3 {



  font-size: 20px;



  color: #7c6850;



  font-weight: 700;



  line-height: 24px;



}



.home-kategori h3 span {



  display: inline-block;



  color: #216131;



  line-height: 20px;



}



.home-kategori ul, .home-kategori li {



  margin: 0;



  padding: 0;



  list-style: none;



}



.home-kategori ul {



  border-bottom: solid 1px #e0e0e0;



}



.home-kategori ul:after {



  content: "";



  clear: both;



  display: block;



}



.home-kategori li {



  background: #fff;



  width: 50%;



  float: left;



  position: relative;



  height: 312px;



  border-left: solid 1px #fff;



  margin-bottom: 1px;



  overflow: hidden;



}



.home-kategori li:hover {



  background: #f2f2f2;



  cursor: pointer;



}



.home-kategori li a:hover {



  cursor: pointer /*crosshair*/ ;



}



.home-kategori li:nth-child(4n+0) {



  border-right: solid 1px #e0e0e0;



}



.home-kat-bsl {



  position: absolute;



  right: 0;



  width: 50%;



  top: 0;



  height: 100%;



  display: flex;



  align-items: center;



  text-align: center;



  background: #fff;



  z-index: 1;



  opacity: 0.7;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -o-transition: all 1s ease;



  -ms-transition: all 1s ease;



  transition: all 1s ease;



}



.home-kategori li:hover .home-kat-bsl {



  opacity: 1;



}



.home-kategori li:nth-child(3) .home-kat-bsl {



  left: 0;



  right: inherit;



}



.home-kategori li:nth-child(3) .home-kat-bsl:before {



  content: "";



  display: block;



  width: 22px;



  height: 44px;



  background: url(/assets/images/home-kat-ok-right.png) no-repeat;



  left: 100%;



  position: relative;



}



.home-kategori li:nth-child(3):hover .home-kat-txt {



  left: 50%;



  right: inherit;



}



.home-kategori li:nth-child(4) .home-kat-bsl {



  left: 0;



  right: inherit;



}



.home-kategori li:nth-child(4) .home-kat-bsl:before {



  content: "";



  display: block;



  width: 22px;



  height: 44px;



  background: url(/assets/images/home-kat-ok-right.png) no-repeat;



  left: 100%;



  position: relative;



}



.home-kategori li:nth-child(4):hover .home-kat-txt {



  left: 50%;



  right: inherit;



}



.home-kat-bsl p {



  color: #000;



  width: 100%;



  text-align: center;



  font-size: 30px;



  text-decoration: underline;



  line-height: initial;



}



.home-kat-bsl:before {



  content: "";



  display: block;



  width: 22px;



  height: 44px;



  background: url(/assets/images/home-kat-ok.png) no-repeat;



  left: -20px;



  position: relative;



}



.home-kat-txt {



  position: absolute;



  left: -50%;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -o-transition: all 1s ease;



  -ms-transition: all 1s ease;



  transition: all 1s ease;



}



.home-kategori li:hover .home-kat-txt {



  position: absolute;



  top: 0;



  width: 50%;



  left: 0;



  height: 100%;



  align-items: center;



  display: flex;



  text-align: center;



  background: #7d6952c9;



  z-index: 0;



}



.home-kat-txt span {



  display: block;



  font-size: 14px;



  font-weight: 400;



  color: #fff;



  line-height: 20px;



  padding: 0 30px;



}



.home-kat-img {



  overflow: hidden;



}



.home-kat-img img {



  width: 100%;



}



.product-categories-alt {



  float: left;



  width: 100%;



}



.product-categories-alt .col-md-3 {



  width: 33.33333333333333%;



}



.product-categories .detay-btn {



  margin-top: 0;



}



.home-sosyal {



  margin-bottom: 15px;



}



.detay-btn {



  display: inline-block;



  background: #008dd2;



  color: #fff;



  padding: 7px 15px;



  font-size: 14px;



  border-radius: 4px;



  margin: 15px 0;



}



.detay-btn i {



  padding-left: 15px;



}



.detay-btn:hover {



  color: #fff;



  background: #216130;



}



.owl-item {



  /*padding: 20px;*/



}



#owl-brand .item .urun-t {



  width: 100%;



  padding: 6px 0;



  display: inline-block;



}



#owl-brand .item .urun-t img {



  max-width: 100%;



  margin: 0 auto;



  display: block;



}



#owl-brand .item .urun-t a {



  display: block;



  z-index: 100;



  position: relative;



  width: 100%;



}



#owl-brand .item .urun-t figure {



  position: relative;



  overflow: hidden;



}



#owl-brand .item .urun-t figure::before {



  position: absolute;



  top: 50%;



  left: 50%;



  z-index: 2;



  display: block;



  content: '';



  width: 0;



  height: 0;



  background: rgba(255, 255, 255, .2);



  border-radius: 100%;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  opacity: 0;



}



#owl-brand .item .urun-t figure:hover::before {



  -webkit-animation: circle .75s;



  animation: circle .75s;



}



#owl-brand .item p {



  text-align: center;



  color: #000;



  margin-bottom: 0;



  font-weight: 400;



  font-size: 13px;



}



#owl-brand .item p a {



  color: #000;



}



#owl-brand .item span {



  width: 100%;



  text-align: center;



  display: inline-block;



}



.news {



  float: left;



  width: 100%;



  margin-bottom: 20px;



  display: none;



}



.news h4 {



  background: #fff;



  padding: 10px 5px;



  text-align: center;



  color: #000;



  font-size: 25px;



  margin-bottom: 0;



  font-weight: 700;



  margin-bottom: 10px;



}



.news h4 a {



  float: right;



  font-size: 12px;



  margin-top: 8px;



  color: #016c95;



}



.news ul {



  float: left;



  WIDTH: 100%;



  margin: 0;



  padding: 0;



  list-style: none;



}



.news ul li {



  padding: 10px;



  width: 33%;



  margin-right: 5.8px;



  margin-bottom: 10px;



  min-height: 55px;



  float: left;



  border-bottom: 1px solid #E4E4E4;



  background-color: #FBFBFB;



}



.news ul li:nth-child(3) {



  margin-right: 0;



}



.news ul li:nth-child(6) {



  margin-right: 0;



}



.news ul li p {



  color: #00668C;



  font-weight: 700;



  font-size: 15px;



  margin: 0;



}



.news ul li p a {



  color: #00668C;



}



.news-image img {



  float: left;



  width: 99px;



  margin-right: 10px;



}



.all-news {



  float: right;



  color: #0C90EB;



}



/*.news ul li span {display:none;}*/



.news ul li span a {



  font-size: 12px;



  line-height: 20px;



  color: #333;



}



/*.news ul li:nth-child(odd) {	border-bottom:1px solid #E4E4E4;background-color:#FBFBFB; }















































.news ul li:nth-child(even) {















background-color:#fff; 















border-bottom:1px solid #E4E4E4; 















}*/



.home-hak-img {



  padding: 60px 0 0 60px;



  position: relative;



}



.video {



  position: relative;



}



.home-hak-img:before {



  content: "";



  display: block;



  background: #fff;



  width: 400px;



  height: 620px;



  position: absolute;



  left: 0;



  z-index: 0;



  top: 0px;



}



.home-hak-img:after {



  content: "";



  display: block;



  position: absolute;



  bottom: -25px;



  right: 260px;



  width: 70px;



  height: 70px;



  background: url(/assets/images/tirnak.png) no-repeat;



}



.home-hak-img p {



  font-size: 15px;



  color: #878787;



  padding: 15px 0;



  line-height: 30px;



}



.home-hak-img span {



  font-size: 24px;



  font-weight: 800;



  color: #7c6850;



}



.home-hak {



  padding: 60px 0 30px 0;



  background: #ebebeb;



}



.home-hak-txt {



  padding-top: 60px;



  font-size: 14px;



  color: #000;



}



.home-hak-txt p {



  font-size: 16px;



  color: #868686;



  font-weight: 400;



  line-height: 24px;



}



.home-hak-txt h4 {



  font-size: 18px;



  font-weight: 400;



  color: #828282;



}



.home-hak-txt h2 {



  font-size: 34px;



  font-weight: 300;



  line-height: 50px;



  padding: 0 0 20px;



  color: #27282c;



}



.home-hak-txt h2 span {



  font-weight: 800;



}



.home-hak-txt h3 {



  margin: 0;



  font-size: 16px;



  color: #216131;



  font-weight: 700;



  line-height: 24px;



  text-transform: uppercase;



}



.mainpage-aboutme {



  float: left;



  width: 65%;



  padding-left: 20px;



}



.mainpage-aboutme h4 {



  text-align: left;



}



#owl-kullan .item .urun-t {



  width: 98%;



  padding: 6px;



}



#owl-kullan .item .urun-t img {



  max-width: 63%;



  margin: 0 auto;



  display: block;



}



#owl-kullan .item .urun-t a {



  float: left;



  display: block;



  z-index: 100;



  position: relative;



  width: 100%;



}



#owl-kullan .item p {



  text-align: center;



  margin-top: 9px;



  color: #000;



  font-weight: 800;



}



#owl-kullan .item p a {



  color: #000;



  height: auto !important;



}



.form-main h3 {



  margin: 0;



  font-size: 21px;



  font-weight: 800;



  color: #000;



  text-align: center;



}



.form-main span {



  display: block;



  margin-top: 0;



  font-size: 16.4px;



  font-weight: 800;



  color: #000;



  text-align: center;



  margin-bottom: 14px;



}



.form-main input {



  background-color: rgb(255, 255, 255);



  height: 51px;



  border: 1px solid rgb(211, 211, 211) !important;



  -moz-border-radius: 1px;



  -webkit-border-radius: 1px;



  border-radius: 1px;



  -moz-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



  -webkit-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



  box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



}



.form-main textarea {



  background-color: rgb(255, 255, 255);



  height: 158px;



  border: 1px solid rgb(211, 211, 211);



  -moz-border-radius: 1px;



  -webkit-border-radius: 1px;



  border-radius: 1px;



  -moz-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12);



  -webkit-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12);



  box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12);



}



.form-main a {



  display: block;



  float: left;



  padding: 10px;



  margin-top: 9px;



  text-align: center;



  font-weight: 700;



  color: #FFF;



  font-size: 18px;



  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);



  background-image: -moz-radial-gradient(49% 54%, ellipse farthest-side, rgb(0, 133, 178) 0%, rgb(0, 113, 155) 21%, rgb(0, 81, 119) 100%);



  background-image: -webkit-radial-gradient(49% 54%, ellipse farthest-side, rgb(0, 133, 178) 0%, rgb(0, 113, 155) 21%, rgb(0, 81, 119) 100%);



  background-image: radial-gradient(49% 54%, ellipse farthest-side, rgb(0, 133, 178) 0%, rgb(0, 113, 155) 21%, rgb(0, 81, 119) 100%);



  width: 100%;



}



.feature-wrap .pull-left {



  margin-right: 25px;



}



.feature-wrap i {



  /* margin: 3px;*/



  text-align: center;



  -webkit-transition: 500ms;



  -moz-transition: 500ms;



  -o-transition: 500ms;



  transition: 500ms;



  float: left;



  margin-right: 25px;



}



/*.feature-wrap i:hover {















  background: #008dd2;















  color: #fff;















  box-shadow: inset 0 0 0 5px #008dd2;















  -webkit-box-shadow: inset 0 0 0 5px #008dd2;















  border: 3px solid #008dd2;















}*/



#product-works {



  padding: 44px;



  background: #fff;



}



#owl-product .owl-buttons {



  position: absolute;



  top: -55px;



  right: 0;



}



#owl-product .owl-buttons div {



  margin: 0;



  padding: 0;



}



#product-works h4 {



  margin-top: -3px;



  color: #0079B0;



  font-size: 23px;



  font-weight: 800;



  margin-bottom: 23px;



}



.product-item {



  margin: 0 0 30px;



  text-align: center;



}



.product-item a { /*width:100%; display:block;*/



}



.product-item img {



  display: block;



  margin: 0 auto;



  max-width: 100%;



  width: 100%;



  transition: transform .5s;



}



.product-item:hover img {



  transform: scale(1.2);



}



.product-item:hover .urun-detay-btn, .product-item:focus .urun-detay-btn {



  color: #000;



}



.product-item h4 {



  width: 100%;



  margin: 0;



  margin-bottom: 10px;



  background: #8C0000;



  text-align: center;



}



.product-item h4 a {



  color: #fff;



  padding: 10px;



  font-size: 16px;



}



.urun-detay-btn {



  position: absolute;



  top: 0;



  width: 100%;



  background: #836f5b;



  color: white;



  padding: 10px;



  font-size: 16px;



  font-weight: 600;



  text-transform: initial;



  font-family: 'Roboto';



  left: 0;



  text-align: left;



}



.karsilastir-btn {



  position: absolute;



  top: 8px;



  right: 8px;



  width: 39px;



}



.karsilastir-sil {



  position: absolute;



  top: 8px;



  right: 8px;



  width: 24px;



}



.product-item:hover .karsilastir-btn img {



  transform: scale(1);



}



.product-item:hover .karsilastir-sil img {



  transform: scale(1);



} /*















.karsilastir-btn:hover:after {















	content:"Karşılaştır";















	    display: block;















    background: white;















    padding: 4px 8px;















    font-size: 13px;















    right: -25px;















    position: absolute;















    top: 28px;















    border: solid 1px #98ab94;















    font-weight: 600;















    color: #216130;















}















.karsilastir-sil:hover:after {















	content:"Kaldır";















	    display: block;















    background: white;















    padding: 4px 8px;















    font-size: 13px;















    right: -25px;















    position: absolute;















    top: 28px;















    border: solid 1px #98ab94;















    font-weight: 600;















    color: #216130;















}*/



.karsilastir-box {



  position: fixed;



  right: 0;



  top: 42%;



  padding: 12px 16px;



  font-size: 16px;



  color: white;



  background: #8a7864;



  box-shadow: -1px 1px 4px 0px hsl(0 0% 0% / 0.42);



  font-family: 'roboto', Roboto;



}



#info-works {



  padding: 34px;



  background: fff;



}



.info-line {



  float: left;



  width: 100%;



}



.info-line ul {



  float: left;



  width: 100%;



  list-style: none;



  padding: 0;



}



.info-line ul li {



  display: inline-block;



  float: left;



  width: 24%;



  margin-right: 8px;



}



.info-line ul li:last-child {



  margin-right: 0;



}



.info-line ul li:nth-child(3) span {



  margin-top: 0;



}



.info-line ul li a {



  background: #fff;



  padding: 11px 5px;



  width: 100%;



  height: 68px;



  display: block;



  font-size: 18px;



  font-weight: 700;



  color: #000;



}



.info-line ul li a span {



  margin-top: 10px;



  display: block;



}



.info-line ul li a i {



  float: left;



  margin: 0 15px;



}



#owl-kullan {



  max-width: 1187px;



  margin: 0 auto;



}



#owl-kullan .owl-next {



  float: right;



  margin-right: -49px;



}



#owl-kullan .owl-prev {



  float: left;



  margin-left: -54px;



}



#owl-kullan .owl-buttons {



  position: absolute;



  width: 100%;



  display: none;



}



#owl-kullan .item img {



  display: block;



  margin: 0 auto;



  max-width: 100%;



  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */



  filter: grayscale(100%);



}



#owl-kullan .item p {



  text-align: center;



  font-size: 18px;



}



#owl-kullan .item p a {



  color: #0079B0



}



#referance {



  background: #f6f6f6;



  padding: 10px 0;



}



.ref {



  text-align: center;



  margin: 25px 0 0;



  border-bottom: none;



}



#referance h4 {



  font-size: 32px;



  text-align: center;



  color: #010101;



  font-weight: 400;



  position: relative;



  padding: 18px 0;



  margin: 0;



  border-top: solid 1px #f5f6f6;



  border-bottom: solid 5px #f5f6f6;



}



#area-works h4 {



  text-transform: uppercase;



  text-align: center;



  color: #529DC0;



  font-size: 20px;



  font-weight: 700;



}



#area-works h2 {



  text-align: center;



  color: #529DC0;



  font-size: 20px;



  font-weight: 700;



}



#owl-kullan .item p a {



  color: #0079B0;



  font-size: 13px;



  line-height: 13px;



}



#recent-works .col-xs-12.col-sm-4.col-md-3 {



  padding: 0;



}



#recent-works {



  padding: 34px 0 0 0;



  background: #fff;



}



#recent-works h4 {



  font-size: 32px;



  text-align: center;



  color: #010101;



  font-weight: 400;



  position: relative;



  padding: 18px 0;



  margin: 0;



  border-top: solid 1px #f5f6f6;



  border-bottom: solid 5px #f5f6f6;



}



.recent-work-wrap {



  position: relative;



}



.recent-work-wrap img {



  width: 100%;



}



.recent-work-wrap .recent-work-inner {



  top: 0;



  background: transparent;



  opacity: .8;



  width: 100%;



  border-radius: 0;



  margin-bottom: 0;



}



.recent-work-wrap .recent-work-inner h3 {



  margin: 10px 0;



}



.recent-work-wrap .recent-work-inner h3 a {



  font-size: 24px;



  color: #fff;



}



.recent-work-wrap .overlay {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  opacity: 0;



  border-radius: 0;



  background: #008dd2;



  color: #fff;



  vertical-align: middle;



  -webkit-transition: opacity 500ms;



  -moz-transition: opacity 500ms;



  -o-transition: opacity 500ms;



  transition: opacity 500ms;



  padding: 30px;



}



.recent-work-wrap .overlay .preview {



  bottom: 0;



  display: inline-block;



  height: 35px;



  line-height: 35px;



  border-radius: 0;



  background: transparent;



  text-align: center;



  color: #fff;



}



.recent-work-wrap:hover .overlay {



  opacity: 1;



}



#owl-brand {



  max-width: 100%;



  margin: 0 auto;



}



#owl-brand .owl-next {



  float: right;



  right: -14px;



}



#owl-brand .owl-prev {



  float: left;



  margin-left: 40px;



}



#owl-brand .owl-controls {



  width: 100%;



  max-width: 100%;



}



#owl-brand .owl-buttons {



  top: 82px;



  position: absolute;



  width: 100%;



  z-index: 999;



}



#owl-brand2 .owl-controls {



  margin-top: 0px;



}



#owl-brand .owl-controls .owl-next {}



.owl-theme .owl-controls .owl-buttons div {



  background: none;



}



.owl-theme .owl-controls .owl-buttons .owl-next i {



  background: url(/assets/images/arrow-next.jpg) no-repeat;



  width: 35px;



  height: 35px;



  background-size: 35px;



}



.owl-theme .owl-controls .owl-buttons .owl-prev i {



  background: url(/assets/images/arrow-prev.jpg) no-repeat;



  width: 35px;



  height: 35px;



  background-size: 35px;



}



.owl-theme .owl-controls .owl-buttons div i:before {



  content: none;



  display: none;



}



#services {



  background: #000 url(../images/services/bg_services.png);



  background-size: cover;



  padding-top: 0;



  display: none;



}



#services .lead, #services h2 {



  color: #fff;



}



.services-wrap {



  padding: 7px 6px;



  background: #fff;



  border-radius: 4px;



  margin: 0 0 10px;



}



.services-wrap h3 {



  font-size: 18px;



  font-weight: 600;



  margin: 0px 0;



  color: #000;



}



.services-wrap h3 a {



  width: 100%;



  display: block;



  color: #000;



  font-size: 14px;



  font-family: 'Roboto', 'Roboto', Roboto Condensed;



}



.services-wrap p {



  line-height: 19px;



  font-size: 12px;



}



.services-wrap .pull-left {



  margin-right: 20px;



  width: 29%;



}



.news-container {



  overflow: auto;



  max-height: 212px;



}



.news-container::-webkit-scrollbar-track {



  border-radius: 0px;



  background-color: #F5F5F5;



}



.news-container::-webkit-scrollbar {



  width: 5px;



  background-color: #F5F5F5;



}



.news-container::-webkit-scrollbar-thumb {



  background-color: #6FD9D6;



}



.content-area-part a {



  font-family: 'Roboto', 'Roboto', 'Roboto' !important;



  font-size: 13px !important;



}



.content-area-part p {



  font-family: 'Roboto', 'Roboto', 'Roboto' !important;



  font-size: 13px !important;



}



.content-area-part span {



  font-family: 'Roboto', 'Roboto', 'Roboto' !important;



  font-size: 13px !important;



}



.content-area-part table {



  font-family: 'Roboto', 'Roboto', 'Roboto' !important;



  font-size: 13px !important;



}



#middle {



  background: fff;



}



.skill h2 {



  margin-bottom: 25px;



}



.progress-wrap {



  position: relative;



}



.progress .color1, .progress .color1 .bar-width {



  background: #2d7da4;



}



.progress .color2, .progress .color2 .bar-width {



  background: #6aa42f;



}



.progress .color3, .progress .color3 .bar-width {



  background: #ffcc33;



}



.progress .color4, .progress .color4 .bar-width {



  background: #db3615;



}



.progress, .progress-bar {



  height: 15px;



  line-height: 15px;



  background: #e6e6e6;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  border-radius: 0;



  overflow: visible;



  text-align: right;



}



.progress {



  position: relative;



}



.progress .bar-width {



  position: absolute;



  width: 40px;



  height: 20px;



  line-height: 20px;



  text-align: center;



  font-size: 12px;



  font-weight: 700;



  top: -30px;



  border-radius: 2px;



  margin-left: -30px;



}



.progress span {



  position: relative;



}



.progress span:before {



  content: " ";



  position: absolute;



  width: auto;



  height: auto;



  border-width: 8px 5px;



  border-style: solid;



  bottom: -15px;



  right: 8px;



}



.progress .color1 span:before {



  border-color: #2d7da4 transparent transparent transparent;



}



.progress .color2 span:before {



  border-color: #6aa42f transparent transparent transparent;



}



.progress .color3 span:before {



  border-color: #ffcc33 transparent transparent transparent;



}



.progress .color4 span:before {



  border-color: #db3615 transparent transparent transparent;



}



.accordion h2 {



  margin-bottom: 25px;



}



.panel-default {



  border-color: transparent;



}



.panel-default > .panel-heading, .panel {



  background-color: #e6e6e6;



  border: 0 none;



  box-shadow: none;



}



.panel-default > .panel-heading + .panel-collapse .panel-body {



  background: #fff;



  color: #858586;



}



.panel-body {



  padding: 20px 20px 10px;



}



.panel-group .panel + .panel {



  margin-top: 0;



  border-top: 1px solid #d9d9d9;



}



.panel-group .panel {



  border-radius: 0;



}



.panel-heading {



  border-radius: 0;



}



.panel-title > a {



  color: #4e4e4e;



}



.accordion-inner img {



  border-radius: 4px;



}



.accordion-inner h4 {



  margin-top: 0;



}



.panel-heading.active {



  background: #1f1f20;



}



.panel-heading.active .panel-title > a {



  color: #fff;



}



a.accordion-toggle i {



  width: 45px;



  line-height: 44px;



  font-size: 20px;



  margin-top: -10px;



  text-align: center;



  margin-right: -15px;



  background: #c9c9c9;



}



.panel-heading.active a.accordion-toggle i {



  background: #008dd2;



  color: #fff;



}



.panel-heading.active a.accordion-toggle.collapsed i {



  background: #008dd2;



  color: #fff;



}



.nav-tabs > li {



  margin-bottom: 0px;



  border-bottom: 1px solid #e6e6e6;



}



.nav-tabs {



  margin-top: 30px;



  border-bottom: transparent;



  border-bottom: solid 1px #ebebeb;



}



.nav-tabs > li > a {



  color: #008dd2;



  border-radius: 0;



  border: 0 none;



  line-height: 24px;



  margin-right: 0;



  padding: 12px 15px;



  font-size: 20px;



  font-weight: 800;



  text-transform: uppercase;



}



.nav-tabs li:last-child {



  border-bottom: 0 none;



}



.nav-stacked > li + li {



  margin-top: 0;



}



.nav-tabs > li > a:hover {



  background: #1f1f20;



  color: #fff;



}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {



  border: 0;



  color: #111;



  background: #fff;



  position: relative;



}



/*.nav-tabs>li.active>a:after {















  position: absolute;















  content:  "";















  width: auto;















  height: auto;















  border-style:solid;















  border-color: transparent transparent transparent #1f1f20;















  border-width: 25px 22px;















  right: -44px;















  top:0;















}*/



#pdf a {



  background: url(/assets/images/pdf-icon.png) no-repeat center left;



  padding: 5px 0 5px 29px;



  display: block;



  margin: 10px 0;



}



.tab-wrap {



  border-left: 0;



  margin-bottom: 20px;



}



.tab-content {



  padding: 20px;



}



.tab-content h2 {



  margin-top: 0;



}



.tab-content img {



  border-radius: 4px;



}



.tab-content table {



  width: 100% !important;



}



.testimonial h2 {



  margin-top: 0;



}



.testimonial-inner {



  color: #858586;



  font-size: 14px;



}



.testimonial-inner .pull-left {



  border-right: 1px solid #e7e7e7;



  padding-right: 15px;



  position: relative;



}



.testimonial-inner .pull-left:after {



  content: "";



  position: absolute;



  width: 9px;



  height: 9px;



  top: 50%;



  margin-top: -5px;



  background: #FFF;



  -webkit-transform: rotate(45deg);



  border: 1px solid #e7e7e7;



  right: -5px;



  border-left: 0 none;



  border-bottom: 0 none;



}



#partner {



  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;



  background-size: cover;



}



#partner {



  color: #fff;



  text-align: center;



}



#partner h2, #partner h3 {



  color: #fff;



}



.partners ul {



  list-style: none;



  margin: 0;



  padding: 0;



}



.partners ul li {



  display: inline-block;



  float: left;



  width: 20%;



}



#conatcat-info {



  background: fff;



  padding: 20px 0;



}



.contact-info i {



  width: 60px;



  height: 60px;



  font-size: 40px;



  line-height: 60px;



  color: #fff;



  background: #000;



  text-align: center;



  border-radius: 10px;



}



.contact-info h2 {



  margin-top: 0;



  color: #000;



}



.contact-info {



  color: #000;



}



/*************************















********* About Us Page CSS ******















**************************/



.about-us {



  margin-top: 110px;



  margin-bottom: -110px;



}



.about-us h2, .skill_text h2 {



  color: #4e4e4e;



  font-size: 30px;



  font-weight: 600;



}



.about-us p {



  color: #4e4e4e;



}



#carousel-slider {



  position: relative;



}



#carousel-slider .carousel-indicators {



  bottom: -25px;



}



#carousel-slider .carousel-indicators li {



  border: 1px solid #ffbd20;



}



#carousel-slider a i {



  border: 1px solid #777;



  border-radius: 50%;



  font-size: 28px;



  height: 50px;



  padding: 8px;



  position: absolute;



  top: 50%;



  width: 50px;



  color: #777;



}



#carousel-slider a i:hover {



  background: #bfbfbf;



  color: #fff;



  border: 1px solid #bfbfbf;



}



#carousel-slider .carousel-control {



  width: inherit;



}



#carousel-slider .carousel-control.left i {



  left: -25px



}



#carousel-slider .carousel-control.right i {



  right: -25px;



}



#carousel-slider .carousel-control.left, #carousel-slider .carousel-control.right {



  background: none;



}



.skill_text {



  display: block;



  margin-bottom: 60px;



  margin-top: 25px;



  overflow: hidden;



}



.sinlge-skill {



  background: fff;



  border-radius: 100%;



  color: #FFFFFF;



  font-size: 22px;



  font-weight: bold;



  height: 200px;



  position: relative;



  width: 200px;



  text-transform: uppercase;



  overflow: hidden;



  margin: 30px 0;



}



.sinlge-skill p em {



  color: #FFFFFF;



  font-size: 38px;



}



.sinlge-skill p {



  line-height: 1;



}



.joomla-skill, .html-skill, .css-skill, .wp-skill {



  position: absolute;



  height: 100%;



  bottom: 0;



  width: 100%;



  border-radius: 100%;



  padding: 70px 0;



  text-align: center;



}



.joomla-skill {



  background: rgb(242, 242, 242); /* Old browsers */



  background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* FF3.6+ */



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(45, 125, 164, 1))); /* Chrome,Safari4+ */



  background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* Chrome10+,Safari5.1+ */



  background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* Opera 11.10+ */



  background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* IE10+ */



  background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#2d7da4', GradientType=0); /* IE6-9 */



}



.html-skill {



  background: rgb(242, 242, 242); /* Old browsers */



  background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* FF3.6+ */



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(106, 164, 47, 1))); /* Chrome,Safari4+ */



  background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* Chrome10+,Safari5.1+ */



  background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* Opera 11.10+ */



  background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* IE10+ */



  background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#6aa42f', GradientType=0); /* IE6-9 */



}



.css-skill {



  background: rgb(242, 242, 242); /* Old browsers */



  background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* FF3.6+ */



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(255, 189, 32, 1))); /* Chrome,Safari4+ */



  background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* Chrome10+,Safari5.1+ */



  background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* Opera 11.10+ */



  background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* IE10+ */



  background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffbd20', GradientType=0); /* IE6-9 */



}



.wp-skill {



  background: rgb(242, 242, 242); /* Old browsers */



  background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* FF3.6+ */



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(219, 54, 21, 1))); /* Chrome,Safari4+ */



  background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* Chrome10+,Safari5.1+ */



  background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* Opera 11.10+ */



  background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* IE10+ */



  background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* W3C */



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#db3615', GradientType=0); /* IE6-9 */



}



.skill-wrap {



  display: block;



  overflow: hidden;



  margin: 60px 0;



}



.team h4 {



  margin-top: 0;



  text-transform: uppercase;



}



.team h5 {



  font-weight: 300;



}



.single-profile-top, .single-profile-bottom {



  font-weight: 400;



  line-height: 24px;



}



.single-profile-top, .single-profile-bottom {



  border: 1px solid #ddd;



  padding: 15px;



  position: relative;



}



.media_image {



  margin-bottom: 10px;



}



.team .btn {



  background: transparent;



  font-size: 12px;



  font-weight: 300;



  margin-bottom: 3px;



  padding: 1px 5px;



  text-transform: uppercase;



  border: 1px solid#ddd;



  margin-right: 3px;



}



ul.social_icons, ul.tag {



  list-style: none;



  padding: 0;



  margin: 10px 0;



  display: block;



}



ul.social_icons li, ul.tag li {



  display: inline-block;



  margin-right: 5px;



}



ul.social_icons li a i {



  border-radius: 50%;



  color: #FFFFFF;



  height: 25px;



  line-height: 25px;



  font-size: 12px;



  padding: 0;



  text-align: center;



  width: 25px;



  opacity: .8;



}



.team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover {



  transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  transition-duration: 2s;



  transition-property: all;



  transition-timing-function: ease;



  opacity: 1;



  transition: all 0.9s ease 0s;



  -moz-transition: all 0.9s ease 0s;



  -webkit-transition: all 0.9s ease 0s;



  -o-transition: all 0.9s ease 0s;



}



.team .social_icons .fa-facebook {



  background: #0182c4;



}



.team .social_icons .fa-twitter {



  background: #20B8FF



}



.team .social_icons .fa-google-plus {



  background: #D34836



}



.team-bar .first-one-arrow {



  float: left;



  margin-right: 30px;



  width: 2%;



}



.team-bar .first-arrow {



  float: left;



  margin-left: 5px;



  margin-right: 35px;



  width: 22%;



}



.team-bar .second-arrow {



  float: left;



  margin-left: 5px;



  width: 21%;



}



.team-bar .third-arrow {



  float: left;



  margin-left: 40px;



  margin-right: 12px;



  width: 22%;



}



.team-bar .fourth-arrow {



  float: left;



  margin-left: 25px;



  width: 20%;



}



.team-bar .first-one-arrow hr {



  border-bottom: 1px solid #2D7DA4;



  border-top: 1px solid #2D7DA4;



}



.team-bar .first-arrow hr {



  border-bottom: 1px solid #2D7DA4;



  border-top: 1px solid #2D7DA4;



}



.team-bar .second-arrow hr {



  border-bottom: 1px solid #6aa42f;



  border-top: 1px solid #6aa42f;



}



.team-bar .third-arrow hr {



  border-bottom: 1px solid #FFBD20;



  border-top: 1px solid #FFBD20;



}



.team-bar .fourth-arrow hr {



  border-bottom: 1px solid #db3615;



  border-top: 1px solid #db3615;



}



.team-bar {



  margin-bottom: 15px;



  margin-top: 30px;



  position: relative;



}



.team-bar i {



  border-radius: 50%;



  color: #FFFFFF;



  display: block;



  height: 24px;



  line-height: 24px;



  margin-top: -32px;



  overflow: hidden;



  padding: 0;



  text-align: center;



  width: 24px;



  position: absolute;



}



.team-bar .first-arrow .fa-angle-up {



  background: #2D7DA4;



  margin-left: -33px



}



.team-bar .second-arrow .fa-angle-down {



  background: #6AA42F;



  margin-left: -33px;



}



.team-bar .third-arrow .fa-angle-up {



  background: #FFBD20;



  margin-left: -32px;



}



.team-bar .fourth-arrow .fa-angle-down {



  background: #db3615;



  margin-left: -32px;



}



.team .single-profile-top:before, .team .single-profile-top:after {



  content: "";



  position: absolute;



  width: 0;



  height: 0;



  border-style: solid;



}



.team .single-profile-top:before {



  left: 26px;



  bottom: -20px;



  border-width: 10px;



  border-color: #fff transparent transparent transparent;



  z-index: 1;



}



.team .single-profile-top:after {



  left: 25px;



  bottom: -22px;



  border-style: solid;



  border-width: 11px;



  border-color: #ddd transparent transparent transparent;



  z-index: 0;



}



.team .single-profile-bottom:before, .team .single-profile-bottom:after {



  position: absolute;



  content: "";



  width: 0;



  height: 0;



  border-style: solid;



}



.team .single-profile-bottom:before {



  left: 30px;



  top: -20px;



  border-width: 10px;



  border-color: transparent transparent #fff transparent;



  z-index: 1;



}



.team .single-profile-bottom:after {



  left: 29px;



  top: -22px;



  border-style: solid;



  border-width: 11px;



  border-color: transparent transparent #DDD transparent;



  z-index: 0;



}



/***********************















****Service page css****















***********************/



.services {



  padding: 0;



}



.get-started {



  background: none repeat scroll 0 0 #F3F3F3;



  border-radius: 3px;



  padding-bottom: 30px;



  position: relative;



  margin-bottom: 18px;



  margin-top: 60px;



}



.get-started h2 {



  padding-top: 30px;



  margin-bottom: 20px;



}



.request {



  bottom: -15px;



  left: 50%;



  position: absolute;



  margin-left: -110px;



}



.request h4 {



  position: absolute;



  width: 220px;



  position: relative;



}



.request h4 a {



  background: #008dd2;



  color: #fff;



  font-size: 14px;



  font-weight: normal;



  border-radius: 3px;



  padding: 5px 15px;



}



.request h4:after {



  border-color: #008dd2 transparent transparent;



  border-style: solid;



  border-width: 12px;



  bottom: -18px;



  content: "";



  height: 0;



  position: absolute;



  right: 13px;



  z-index: -99999;



}



.request h4:before {



  border-color: #008dd2 transparent transparent;



  border-style: solid;



  border-width: 12px;



  bottom: -18px;



  content: "";



  height: 0;



  left: 13px;



  position: absolute;



  z-index: -99999;



}



.clients-area {



  padding: 60px;



}



.clients-comments {



  background-image: url("../images/image_bg.png");



  background-position: center 118px;



  background-repeat: no-repeat;



  margin-bottom: 100px;



}



.clients-comments img {



  background: #DDDDDD;



  border: 1px solid #DDDDDD;



  height: 182px;



  padding: 3px;



  width: 182px;



  transition: all 0.9s ease 0s;



  -moz-transition: all 0.9s ease 0s;



  -webkit-transition: all 0.9s ease 0s;



  -o-transition: all 0.9s ease 0s;



}



.clients-comments h3 {



  margin-top: 55px;



  font-weight: 300;



  padding: 0 40px;



}



.clients-comments h4 {



  font-weight: 300;



  margin-top: 15px;



}



.clients-comments h4 span {



  font-weight: 700;



  font-style: oblique;



}



.text-left {



  color: #FFFFFF;



  font-size: 12px;



  margin-top: 15px;



}



/*************************















********* Portfolio CSS ******















**************************/



#portfolio_page {



  margin-top: 115px;



  padding-bottom: 0;



}



.portfolio-items, .portfolio-filter {



  list-style: none outside none;



  margin: 0 0 40px 0;



  padding: 0;



}



.portfolio-filter > li {



  display: inline-block;



}



.portfolio-filter > li a {



  background: none repeat scroll 0 0 #FFFFFF;



  font-size: 14px;



  font-weight: 400;



  margin-right: 20px;



  text-transform: uppercase;



  transition: all 0.9s ease 0s;



  -moz-transition: all 0.9s ease 0s;



  -webkit-transition: all 0.9s ease 0s;



  -o-transition: all 0.9s ease 0s;



  border: 1px solid #F2F2F2;



  outline: none;



  border-radius: 3px;



}



.portfolio-filter > li a:hover, .portfolio-filter > li a.active {



  color: #fff;



  background: #008dd2;



  border: 1px solid #008dd2;



  box-shadow: none;



  -webkit-box-shadow: none;



}



.portfolio-items > li {



  float: left;



  padding: 0;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.portfolio-item {



  margin: 0;



  padding: 0;



}



/* Start: Recommended Isotope styles */



/**** Isotope Filtering ****/



.isotope-item {



  z-index: 2;



}



.isotope-hidden.isotope-item {



  pointer-events: none;



  z-index: 1;



}



/**** Isotope CSS3 transitions ****/



.isotope, .isotope .isotope-item {



  -webkit-transition-duration: 0.8s;



  -moz-transition-duration: 0.8s;



  -ms-transition-duration: 0.8s;



  -o-transition-duration: 0.8s;



  transition-duration: 0.8s;



}



.isotope {



  -webkit-transition-property: height, width;



  -moz-transition-property: height, width;



  -ms-transition-property: height, width;



  -o-transition-property: height, width;



  transition-property: height, width;



}



.isotope .isotope-item {



  -webkit-transition-property: -webkit-transform, opacity;



  -moz-transition-property: -moz-transform, opacity;



  -ms-transition-property: -ms-transform, opacity;



  -o-transition-property: -o-transform, opacity;



  transition-property: transform, opacity;



}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {



  -webkit-transition-duration: 0s;



  -moz-transition-duration: 0s;



  -ms-transition-duration: 0s;



  -o-transition-duration: 0s;



  transition-duration: 0s;



}



/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/



.isotope.infinite-scrolling {



  -webkit-transition: none;



  -moz-transition: none;



  -ms-transition: none;



  -o-transition: none;



  transition: none;



}



/**************************















********* Pricing Table CSS *















**************************/



.pricing_heading {



  margin-top: 120px



}



.pricing_heading h2, .pricing_heading p {



  color: #4e4e4e;



}



.pricing-area h1 {



  font-weight: 300;



  margin-top: 0;



  margin-bottom: 15px;



}



.pricing-area span {



  font-weight: 700;



  font-size: 18px;



}



.pricing-area h3, .pricing-area span {



  color: #fff;



}



.plan {



  position: relative;



  margin-bottom: 70px;



}



.pricing-area ul {



  background: #FAFAFA;



  padding: 0;



  margin: 0;



}



.pricing-area ul li {



  list-style: none;



  padding: 15px 0;



  font-size: 16px;



  font-weight: 400;



}



.pricing-area ul li:nth-child(even) {



  background: #f5f5f5



}



.pricing-area .price-three img, .pricing-area .price-six img {



  position: absolute;



  right: 15px;



  top: 0;



}



.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three {



  padding: 17px 0;



  border-radius: 2px 2px 0 0;



}



.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven {



  margin-left: -10px



}



.pricing-area .heading-one, .pricing-area .price-one .plan-action .btn-primary {



  background: #e24f43



}



.pricing-area .heading-two, .pricing-area .price-two .plan-action .btn-primary {



  background: #27AE60;



}



.pricing-area .heading-three, .pricing-area .price-three .plan-action .btn-primary {



  background: #f39c12;



}



.pricing-area .heading-four, .pricing-area .price-four .plan-action .btn-primary {



  background: #5c5c5c



}



.pricing-area .heading-five, .pricing-area .price-five .plan-action .btn-primary {



  background: #5c5c5c



}



.pricing-area .heading-six, .pricing-area .price-six .plan-action .btn-primary {



  background: #e24f43;



}



.pricing-area .heading-seven, .pricing-area .price-seven .plan-action .btn-primary {



  background: #5c5c5c



}



.pricing-area .bg {



  background: #fafafa



}



.pricing-area .heading-one h3:before {



  border-color: #bf4539 transparent transparent;



}



.pricing-area .heading-two h3:before {



  border-color: #1f8c4d transparent transparent;



}



.pricing-area .heading-three h3:before {



  border-color: #d4880f transparent transparent;



}



.pricing-area .heading-four h3:before {



  border-color: #424242 transparent transparent;



}



.pricing-area .heading-five h3:before {



  border-color: #424242 transparent transparent;



}



.pricing-area .heading-six h3:before {



  border-color: #bf4539 transparent transparent;



}



.pricing-area .heading-seven h3:before {



  border-color: #424242 transparent transparent;



}



.pricing-area h3:before {



  border-color: #D4880F transparent transparent;



  border-radius: 5px 0 0 0px;



  border-style: solid;



  border-width: 12px;



  content: "";



  height: 0;



  left: 4px;



  position: absolute;



  top: 78px;



  width: 0;



  z-index: -999;



}



.small-pricing h3:after {



  height: 94px;



}



.small-pricing h3:before {



  top: 74px;



}



.plan-action {



  height: 40px;



}



.pricing-area .plan-action .btn-primary {



  position: relative;



  padding: 5px 20px;



  color: #fff;



  margin-top: 5px;



}



.pricing-area .plan-action .btn-primary:before {



  border-color: #E24F43 transparent transparent;



  border-radius: 5px 0 0 0;



  border-style: solid;



  border-width: 12px;



  bottom: -12px;



  content: "";



  height: 0;



  left: -9px;



  position: absolute;



  width: 0;



  z-index: -1;



}



.pricing-area .plan-action .btn-primary:after {



  border-color: #E24F43 transparent transparent;



  border-radius: 5px 0 0 0;



  border-style: solid;



  border-width: 12px;



  bottom: -12px;



  content: "";



  height: 0;



  position: absolute;



  right: -9px;



  width: 0;



  z-index: -1;



}



.pricing-area .price-two .plan-action .btn-primary:before, .pricing-area .price-two .plan-action .btn-primary:after {



  border-color: #1f8c4d transparent transparent;



}



.pricing-area .price-three .plan-action .btn-primary:before, .pricing-area .price-three .plan-action .btn-primary:after {



  border-color: #d4880f transparent transparent;



}



.pricing-area .price-four .plan-action .btn-primary:before, .pricing-area .price-four .plan-action .btn-primary:after, .pricing-area .price-five .plan-action .btn-primary:before, .pricing-area .price-five .plan-action .btn-primary:after, .pricing-area .price-seven .plan-action .btn-primary:before, .pricing-area .price-seven .plan-action .btn-primary:after {



  border-color: #424242 transparent transparent;



  right: -9px;



}



.pricing-area .price-six .plan-action .btn-primary:before, .pricing-area .price-six .plan-action .btn-primary:after {



  border-color: #bf4539 transparent transparent;



  right: -9px;



}



/*************************















********* Contact Us CSS ******















**************************/



.gmap-area {



  background-image: url("../images/map.jpg");



  background-position: 0 0;



  background-repeat: no-repeat;



  background-size: cover;



  padding: 70px 0;



}



.gmap-area .gmap iframe {



  border-radius: 50%;



  height: 280px;



  width: 300px;



}



.gmap {



  border: 10px solid #f6f5f0;



  border-radius: 50%;



  height: 300px;



  width: 300px;



  box-shadow: 0px 0px 3px 3px #e7e4dc;



  overflow: hidden;



  position: relative;



  margin: 0 auto;



}



.gmap-area .map-content ul {



  list-style: none;



}



.gmap-area .map-content address h5 {



  font-weight: 700; /* font-size: 16px; */



}



#contact-page {



  padding-top: 0;



}



#contact-page .contact-form .form-group label {



  color: #4E4E4E;



  font-size: 16px;



  font-weight: 300;



}



.form-group .form-control {



  padding: 17px 15px;



  border-color: #ebebeb;



  box-shadow: none;



}



textarea#message {



  resize: none;



  padding: 10px;



}



#contact-page .contact-wrap {



  margin-top: 20px;



}



/*********************















****blog page css*****















**********************/



.widget {



  margin-bottom: 60px;



  padding-left: 0;



}



.single_comments {



  margin-bottom: 20px;



}



.single_comments img {



  float: left;



  margin-right: 10px;



  margin-top: 5px;



}



.single_comments p {



  margin-bottom: 0;



}



.widget .entry-meta span {



  display: inline-block;



  margin-right: 10px;



}



.widget h3 {



  color: #000;



  text-transform: uppercase;



  margin-bottom: 20px;



}



.blog_category {



  list-style: none;



  margin: 0;



  padding: 0;



}



.blog_category li {



  float: none;



  margin-bottom: 20px;



}



.blog_category li a {



  background: #f5f5f5;



  border-radius: 4px;



  color: #888;



  display: inline-block;



  padding: 5px 15px;



}



.blog_category li a:hover {



  background: #008dd2;



  color: #fff;



}



.badge:before {



  border-color: transparent transparent transparent #008dd2;



  border-style: solid;



  border-width: 10px;



  bottom: -8px;



  content: "";



  height: 0;



  left: 5px;



  position: absolute;



  z-index: -99999;



}



.badge {



  background-color: #008dd2;



  border-radius: 5px;



  color: #fff;



  padding: 8px;



  position: relative;



  left: 60px;



  top: -18px;



  font-weight: normal;



}



.blog_archieve {



  list-style: none outside none;



  margin: 0;



  padding: 0;



}



.blog_archieve li {



  padding: 10px 0;



  border-bottom: 1px solid #f5f5f5;



}



.blog_archieve li:first-child {



  padding-top: 0;



}



ul.gallery {



  list-style: none;



  padding: 0;



  margin: 0;



}



ul.gallery li {



  display: block;



  width: 60px;



  padding: 0;



  margin: 0 4px 4px 0;



  float: left;



}



ul.faq {



  list-style: none;



  margin: 0;



}



ul.faq li {



  margin-top: 30px;



}



ul.faq li:first-child {



  margin-top: 0;



}



ul.faq li span.number {



  display: block;



  float: left;



  width: 50px;



  height: 50px;



  line-height: 50px;



  text-align: center;



  background: #34495e;



  color: #fff;



  font-size: 24px;



}



ul.faq li > div {



  margin-left: 70px;



}



ul.faq li > div h3 {



  margin-top: 0;



}



.embed-container {



  position: relative;



  padding-bottom: 56.25%;



  padding-top: 30px;



  height: 0;



  overflow: hidden;



}



.embed-container iframe, .embed-container object, .embed-container embed {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}



.blog-item {



  border-radius: 0;



  overflow: hidden;



  margin-bottom: 50px;



}



.blog .blog-item .img-blog {



  border-radius: 5px;



  margin-bottom: 45px;



}



.blog .blog-item .blog-content {



  padding-bottom: 25px;



}



.blog .blog-item .blog-content h2 {



  margin-top: 0;



  font-size: 30px;



}



.readmore {



  margin-top: 0;



}



.blog .blog-item .blog-content h3 {



  color: #858586;



  margin-bottom: 40px;



  /* font-weight: 300 */



}



.blog .blog-item .blog-content h4 {



  font-size: 14px;



}



.post-tags {}



.blog .blog-item .entry-meta {



  border-radius: 5px;



  overflow: hidden;



}



.blog .blog-item .entry-meta > span {



  background: #f5f5f5;



  border-top: 1px solid #fff;



  display: block;



  font-size: 12px;



  overflow: hidden;



  padding: 5px;



  text-align: left;



}



#publish_date {



  background: #008dd2;



  border-bottom: 5px solid #4e4e4e;



  color: #fff;



  padding: 5px 0;



  text-align: center;



}



.blog .blog-item .entry-meta > span {



  color: #ccc;



}



.blog .blog-item .entry-meta > span a {



  font-size: 12px;



  margin-left: 3px;



  font-weight: 300;



  color: #888;



}



ul.pagination > li > a {



  border: 1px solid #F1F1F1;



  margin-right: 5px;



  border-radius: 5px;



  font-size: 16px;



  padding: 5px 14px;



}



ul.pagination > li > a i {



  margin-left: 5px;



  margin-right: 5px;



}



ul.pagination > li.active > a, ul.pagination > li:hover > a {



  background-color: #fff !important;



  border-color: #000 !important;



  color: #000;



  border-radius: 0;



}



.search_box {



  background-image: url("../images/search_icon.png");



  background-position: 314px 15px;



  background-repeat: no-repeat;



  border-color: #DEDEDE;



  height: 48px;



  outline: medium none;



  box-shadow: none;



}



.form-control:focus {



  box-shadow: none;



  outline: 0 none;



}



ul.tag-cloud, ul.sidebar-gallery {



  list-style: none;



  padding: 0;



  margin: 0;



}



.tag-cloud li {



  display: inline-block;



  margin-bottom: 3px;



}



.tag-cloud li a {



  background: #f5f5f5;



  color: #888;



  border: 0;



  border-radius: 4px;



  padding: 8px 15px;



}



.tag-cloud li a:hover {



  background: #008dd2;



  color: #fff;



}



.sidebar-gallery li {



  display: inline-block;



  margin: 0 10px 10px 0;



}



.sidebar-gallery li a {



  border-radius: 4px;



  display: inline-block;



}



/**********************















**blog single page css*















**********************/



.reply_section {



  background: #f5f5f5;



  border-radius: 5px;



}



.post_reply {



  margin-left: 10px;



  margin-top: 45px;



}



.post_reply img {



  width: 85px;



  height: 85px;



  border: 5px solid #D5D8DD;



}



.post_reply ul {



  list-style: none outside none;



  margin: 0;



  padding: 0;



  margin-top: 5px;



}



.post_reply ul li {



  float: left;



}



.post_reply ul li a {



  display: block;



}



.post_reply ul li a i {



  border: 1px solid #DDDDDD;



  border-radius: 39px;



  color: #FFFFFF;



  font-size: 20px;



  height: 30px;



  margin-right: 3px;



  padding-top: 7px;



  text-align: center;



  width: 30px;



}



.post_reply ul li a i.fa-facebook {



  background: #0182C4;



}



.post_reply ul li a i.fa-twitter {



  background: none repeat scroll 0 0 #3FC1FE;



}



.post_reply ul li a i.fa-google-plus {



  background: none repeat scroll 0 0 #D34836;



}



.post_reply ul li a i:hover {



  opacity: .5;



}



.post_reply_content {



  margin: 30px;



}



.post_reply_content h1 a:hover {



  color: #FFC800;



}



.post_reply_content h4 {



  margin-bottom: 50px;



}



.reply_section .media-body {



  display: inherit;



}



.comment_section .media-body {



  display: inherit;



}



#comments_title {



  color: #4e4e4e;



  font-weight: 700px;



  font-size: 20px;



  margin-top: 60px;



  margin-bottom: 40px;



}



.comment_section {



  margin-top: 30px;



  position: relative;



}



.post_comments img {



  width: 85px;



  height: 85px;



  margin-top: 35px;



}



.post_reply_comments {



  background: #f5f5f5;



  border-radius: 4px;



  padding: 30px;



}



.post_reply_comments:before {



  border-color: transparent #F0F0F0 transparent transparent;



  border-style: solid;



  border-width: 15px;



  content: " ";



  height: 0;



  left: 75px;



  position: absolute;



  top: 20px;



}



.post_reply_comments h3, .post_reply_content h3 {



  margin-top: 0;



}



.post_reply_comments h1 a:hover {



  color: #008dd2;



}



.post_reply_comments h4 {



  color: #c4c4c5;



  font-weight: 400;



}



.post_reply_comments p {



  padding-bottom: 30px;



}



.post_reply_comments a {



  bottom: 15px;



  position: absolute;



  right: 30px;



  background: #008dd2;



  color: #fff;



  border-radius: 5px;



  padding: 8px 20px;



}



.post_reply_comments a:before {



  border-color: #008dd2 transparent transparent;



  border-style: solid;



  border-width: 16px;



  bottom: -11px;



  content: "";



  height: 0;



  left: -12px;



  position: absolute;



  z-index: 99999;



}



.post_reply_comments h2 a {}



.message_heading {



  margin-bottom: 50px;



  margin-top: 60px;



}



/******************















 404 page css















 ******************/



#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover {



  background-color: #EBEBEB;



  border-color: #EBEBEB;



  color: #4E4E4E;



}



#error h1 {



  color: #4e4e4e;



  text-transform: uppercase;



}



/******************















shortcodes page css















******************/



.shortcode-item {



  padding-bottom: 0;



}



.shortcode-item h2 {



  color: #4E4E4E;



  font-size: 24px;



  margin-bottom: 22px;



  margin-top: 0;



  font-weight: 600



}



/***********************















********* Footer ******















************************/



.cookie-box {



  position: fixed;



  padding: 15px 0 0;



  background: white;



  width: 100%;



  bottom: 0;



  z-index: 2;



  border-top: solid 1px #ddd;



}



.cookie-box p {



  font-size: 12px;



}



.cookie-box p a {



  font-weight: bold;



  color: #008dd2;



  text-decoration: underline;



}



.accept-btn {



  display: table-cell;



  vertical-align: middle;



  text-align: right;



  white-space: nowrap;



}



.cookie-btn {



  font-size: 13px;



  margin: 0;



  border-radius: 2px;



  background-clip: padding-box;



  vertical-align: middle;



  background: #fff;



  border: 1px solid #008dd2;



  font-weight: bold;



  padding: 7px 15px;



}



#bottom {



  background: #f5f5f5;



  border-bottom: 5px solid #008dd2;



  font-size: 14px;



}



#bottom h3 {



  margin-top: 0;



  margin-bottom: 10px;



  text-transform: uppercase;



  font-size: 22px;



  color: #000;



}



#bottom ul {



  list-style: none;



  padding: 0;



  margin: 0;



}



#bottom ul li {



  display: block;



  padding: 5px 0;



}



#bottom ul li a {



  color: #808080;



}



#bottom ul li a:hover {



  color: #008dd2;



}



#bottom .widget {



  margin-bottom: 0;



}



#footer {



  padding-top: 40px;



  padding-bottom: 15px;



  color: #000;



  background: #adadac;



  border-top: solid 2px #999999;



}



.footer {



  background: none repeat scroll 0 0 #406f83;



  border-top: 5px solid #008dd2;



  height: 84px;



  margin-top: 110px;



}



.footer_left {



  padding: 10px;



}



.footer-firma {



  font-size: 13px;



  line-height: 18px;



  color: #4a494a;



}



.footer-firma p {



  width: 60%;



  color: #000;



  padding: 20px 0 0;



}



.footer-firma img {}



#footer .col-sm-2 {



  width: 15.3%;



  min-height: 114px;



}



#footer h6 {



  font-size: 18px;



  font-weight: 800;



  color: #000;



  border-bottom: solid 2px #999999;



  padding-bottom: 5px;



  position: relative;



}



#footer h6:after {



  content: "";



  display: block;



  position: absolute;



  bottom: -2px;



  width: 50px;



  height: 2px;



  background: #797979;



}



#footer .col-sm-2 ul li {



  width: 100%;



  margin-bottom: 5px;



}



#footer .col-sm-2 ul a {



  font-size: 13px;



  font-weight: 400;



  color: #000;



  padding: 5px 0 5px 14px;



  background: url(/assets/images/footer-lnk-icon.png) no-repeat 1px 11px;



  border-bottom: solid 1px #999999;



  display: block;



}



#footer .col-sm-2 ul li:last-child a {



  border-bottom: none;



}



#footer .col-sm-4 {



  float: right;



  min-height: 114px;



}



#footer .col-sm-4 p {



  font-size: 14px;



}



.footer-bottom {



  width: 100%;



  float: left;



  border-top: solid 1px #999999;



  ;



}



.footer-bottom p {



  width: 60%;



  display: block;



  float: left;



  font-size: 11px;



  text-align: left;



  margin-top: 35px;



  line-height: 15px;



}



.footer-bottom a {



  float: right;



  margin-top: 35px;



}



#footer a {



  color: #000;



}



#footer a:hover {



  color: #79c142;



}



#footer ul {



  list-style: none;



  padding: 0;



  margin: 15px 0 0 0;



}



#footer .col-sm-4 ul > li:last-child {



  border: none;



}



#footer .col-sm-4 ul > li {



  margin-bottom: 10px;



}



#footer .col-sm-4 ul > li i {



  padding-right: 15px;



  color: #000;



}



#footer ul > li {



  display: block;



  margin-left: 1px;



}



#footer ul > li img {



  width: 40px;



}



.teklif-al {



  float: right;



  text-align: right;



}



.teklif-al a {



  display: inline-block;



  border-radius: 20px;



  font-size: 16px;



  font-weight: 800;



  margin-top: 9px;



  padding: 5px 15px;



  font-family: 'Roboto';



  background: #fff;



  color: #008dd2;



}



.teklif-al i {



  color: #008dd2;



  margin-left: 30px;



}



.teklif-al a:hover {



  color: #fff;



  background: #008dd2;



}



.teklif-al a:hover i {



  color: #fff;



}



.urun-list li figure {



  position: relative;



  overflow: hidden;



}



.urun-list li figure::before {



  position: absolute;



  top: 50%;



  left: 50%;



  z-index: 2;



  display: block;



  content: '';



  width: 0;



  height: 0;



  background: rgba(255, 255, 255, .2);



  border-radius: 100%;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  opacity: 0;



}



.urun-list li figure:hover::before {



  -webkit-animation: circle .75s;



  animation: circle .75s;



}



@-webkit-keyframes circle {



  0% {



    opacity: 1;



  }



  40% {



    opacity: 1;



  }



  100% {



    width: 200%;



    height: 200%;



    opacity: 0;



  }



}



@keyframes circle {



  0% {



    opacity: 1;



  }



  40% {



    opacity: 1;



  }



  100% {



    width: 200%;



    height: 200%;



    opacity: 0;



  }



}



.e-bulten {



  float: left;



  width: 100%;



  display: none;



}



.e-bulten span {



  color: #C3C3C3;



  font-size: 11px;



}



.e-bulten input {



  background-color: #313131;



  width: 100%;



  height: 36px;



  border-radius: 5px;



  border: none;



  color: #CCC;



  padding: 9px;



}



.e-bulten a {



  background-color: rgb(0, 0, 0);



  line-height: 13px;



  width: 79px;



  height: 33px;



  -moz-border-radius: 6px;



  -webkit-border-radius: 6px;



  border-radius: 6px;



  padding: 10px;



  float: right;



  text-align: center;



  margin-top: -34px;



  margin-right: 2px;



  position: relative;



}



.tab-title {



  width: 100%;



  background: #000;



  padding: 15px 0;



  margin-bottom: 40px;



}



.tab-title .center {



  padding: 15px 0;



}



.tab-title .center h4 {



  float: left;



  font-size: 22px;



  font-weight: 700;



  color: #FFF;



  margin-bottom: 0;



  margin-top: 10px;



}



.tab-title .center a {



  float: right;



  font-size: 18px;



  font-weight: 400;



  padding: 15px 25px;



  color: #FFF;



  border: 1px solid #CCC;



  margin-top: -6px;



  margin-bottom: 12px;



}



.tab-content p {



  color: #222;



  font-size: 15px;



}



.tab-content div {



  font-size: 15px;



}



.tab-content span {



  font-size: 15px;



}



.tab-content h5 {



  font-size: 25px;



  color: #FFF;



  font-weight: 700;



}



.list-group-item ul {



  padding-left: 0;



  border-radius: 0;



}



.list-group-item ul li {



  border: none;



  border-bottom: 1px solid #d3d3d3;



  margin-bottom: 0px;



  border-radius: 00;



}



.bread-container {



  background: #f8f8f8;



  padding: 0;



  border-bottom: 1px solid #e0e0e0;



}



.bread-container .container {} /*















.bread-container .container:before {















	content:"";















	display:block;















	position:absolute;















	right:300px;















	background:#fff;















	height:206px;















	top:0;















	width:7px;















}















.bread-container .container:after {















	content:"";















	display:block;















	position:absolute;















	right:0px;















	background:#fff;















	height:206px;















	top:0;















	width:7px;















}































.bread-container:before {















	content:"";















	display:block;















	background:#000000d2;















	position:absolute;















	width:100%;















	    height: 180px;















    top: 0;















    z-index: 0;















}*/



.breadcrumb {



  margin: 0;



  list-style: none;



  float: left;



  background: none;



  padding: 0;



  border-radius: 0;



}



.breadcrumb > li {



  font-family: "Roboto", sans-serif;



  display: inline-block;



  font-size: 14px;



  font-weight: 600;



  line-height: 59px;



  position: relative;



  padding: 0 33px 0 10px;



}



.breadcrumb > li:after {



  content: "";



  background: url("/assets/images/breadcrumb-separator.png") no-repeat no-repeat;



  width: 18px;



  height: 59px;



  position: absolute;



  right: 0;



  top: 0;



}



.breadcrumb li:last-child {



  font-size: 22px;



  font-weight: 700;



  font-family: 'Roboto';



}



.breadcrumb li:last-child a {



  color: #856542;



}



.breadcrumb li:last-child::after {



  content: inherit;



  display: none;



}



.breadcrumb > li + li:before {



  padding: 0 5px;



  color: #ccc;



  content: none /* " » "*/ ;



}



.breadcrumb a, .breadcrumb li, .breadcrumb > li:after {



  color: #797979;



  display: inline-block;



}



.breadcrumb a:hover {



  color: #42b3ed;



}



.breadcrumb > .active {



  color: #008dd2;



}



.content-do-area {



  float: left;



  width: 100%;



  margin-top: 40px; /* background-color: white; */



  padding-top: 15px;



  border-top: 2px solid #CCC;



}



.content-refferance {



  float: left;



  width: 100%;



  margin-top: 45px;



  margin-bottom: 52px; /* background-color: white; */



  padding-top: 34px;



  border-top: 2px solid #CCC;



}



.content-area {



  padding: 0;



  margin: 20px 0;



  background: #fff;



}



.content-area-part h3 {



  font-size: 23px;



  margin-top: 0;



  color: #000;



  font-weight: 700;



}



.content-product {



  margin-top: 63px;



  width: 100%;



  float: left;



}



.content-product h2 {



  font-size: 20px;



  font-weight: 700;



  margin-top: 14px;



  position: relative;



  top: -9px;



}



.content-do-area h2 {



  font-size: 20px;



  font-weight: 700;



  margin-top: 14px;



}



#home-ban {



  background: #f2f2f2;



}



#home-ban img {



  width: 100%;



}



.content-area-part a:hover {



  color: #836f5b !important;



}



.content-area-part a span:hover {



  color: #62ab00 !important;



}



.content-area-part {



  margin-top: 9px;



  min-height: 500px;



}



.content-area-part img {



  max-width: 100%;



  height: auto !important;



  padding-bottom: 20px;



}



.owl-kullan {



  margin-bottom: 30px;



}



.left-menu .li {



  background: #f5f5f5;



  padding: 8px 10px;



}



.left-menu .li a {



  color: #000;



  font-size: 12px;



}



.left-menu .list-group-item-danger {



  color: rgba(0, 0, 0, 1.00);



  background: #CCC;



  font-weight: 700;



  font-size: 18px;



}



.left-menu ul li {



  width: 100% !important;



  background-color: rgba(247, 247, 247, 1.00);



}



.left-menu ul li a {



  font-size: 14px;



  color: rgba(55, 55, 55, 1.00);



}



.left-side ul li:nth-child(3) span {



  margin-top: 14px;



}



.left-side ul li:nth-child(2) span {



  margin-top: 0px;



}



.dropdown-submenu {



  position: relative;



}



.dropdown-submenu > .dropdown-menu {



  top: 0;



  left: 100%;



  margin-top: -6px;



  margin-left: -1px;



}



.dropdown-submenu:hover > .dropdown-menu {



  display: block;



}



.dropdown-submenu > a:after {



  display: block;



  content: " ";



  float: right;



  width: 0;



  height: 0;



  /*border-color: transparent;















    border-style: solid;















    border-width: 5px 0 5px 5px;















    border-left-color: #ccc;*/



  margin-top: 5px;



  margin-right: -10px;



}



.dropdown-submenu:hover > a:after {}



.dropdown-submenu.pull-left {



  float: none;



}



.dropdown-submenu.pull-left > .dropdown-menu {



  left: -100%;



  margin-left: 10px; /*-webkit-border-radius: 6px 0 6px 6px;















    -moz-border-radius: 6px 0 6px 6px;















    border-radius: 6px 0 6px 6px;*/



}



.content-area-part h1 {



  text-align: left;



  color: #010101;



  position: relative;



  padding: 0;



  margin: 0 auto;



  border-bottom: solid 5px #f5f6f6;



  display: none;



}



#ctl00_ContentPlaceHolder1_pnlDigerIcerik #owl-kullan .owl-prev {



  float: left;



  margin-left: -23px;



}



.owl-brand-content .owl-prev {



  float: left;



  margin-left: -23px;



}



.form-container {



  padding-left: 0;



  width: 35%;



}



.cat-container {



  padding-left: 0;



  width: 65%;



}



.form-main {



  height: 492px;



}



.form-main textarea {



  background-color: rgb(255, 255, 255);



  height: 170px;



}



.form-main .form-group {



  margin-bottom: 8px;



}



.form-half {



  width: 50%;



  float: left;



}



.form-half input {



  width: 98%;



}



.form-half input:first-child {



  margin-right: 15px;



}



.form-main span {



  display: block;



  margin-top: 0;



  font-size: 16px;



  font-weight: 800;



  color: #000;



  text-align: center;



  margin-bottom: 14px;



  float: left;



  width: 100%;



  margin-top: 1px;



}



.form-main h3 {



  margin: 0;



  margin-left: 0px;



  font-size: 21px;



  font-weight: 800;



  color: #000;



  text-align: center;



  float: left;



  width: 100%;



}



.kesfet {



  padding: 13px 80px 13px 20px;



  background: #84705d;



  color: #fff;



  border-radius: 4px;



  margin-bottom: 13px;



  display: inline-block;



  font-size: 13px;



  font-weight: 700;



  border-radius: 0;



  position: relative;



  text-transform: uppercase;



}



.kesfet:after {



  content: "";



  display: block;



  position: absolute;



  right: 15px;



  top: 20px;



  background: url(/assets/images/ok.png) no-repeat;



  width: 27px;



  height: 8px;



}



#temsilci {



  text-align: center;



}



.urun-boy h1 {



  margin-bottom: 90px;



}



.urun-boy h1 span {



  font-weight: 900;



}



.urun-boy li {



  position: relative;



  float: left;



  list-style: none;



  width: 32%;



  margin: 0 1.3% 2% 0;



  background: white;



  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, .03), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03);



}



.urun-boy li:last-child {



  margin-right: 0;



}



.urun-boy-img {



  width: 110px;



  height: 110px;



  border-radius: 60px;



  background: white;



  overflow: hidden;



  text-align: center;



  align-items: center;



  display: flex;



  margin: 0 auto;



  position: relative;



  top: -50px;



  border: solid 3px #7d6952;



}



.urun-boy-img a {



  display: contents;



}



.urun-boy-img a img {



  width: auto;



  text-align: center;



  margin: 0 auto;



}



.urun-boy li h2 {



  font-size: 26px;



  font-weight: 700;



  text-align: center;



  position: relative;



  top: -40px;



}



.urun-boy li h2 span {



  font-weight: 900;



  font-size: 32px;



  color: #836f5b;



}



.urun-boy li p {



  position: relative;



  top: -40px;



  display: block;



  padding: 0 25px;



}



#satis-nokta {



  padding: 40px 0;



  margin: 40px 0 0;



  background: #f6f6f6;



  display: none;



}



#satis-nokta h1 {



  margin: 0 0 30px;



  text-align: center;



  width: 100%;



}



#satis-nokta h1 span {



  font-weight: 900;



  color: #7c6850;



}



.satis-nokta-content {



  background: white;



  border: 1px solid #ebebeb;



  height: 382px;



  display: block;



  overflow-x: auto;



}



.satis-nokta-content::-webkit-scrollbar-track {



  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);



  border-radius: 10px;



  background-color: #F5F5F5;



}



.satis-nokta-content::-webkit-scrollbar {



  width: 7px;



  background-color: #F5F5F5;



}



.satis-nokta-content::-webkit-scrollbar-thumb {



  border-radius: 10px;



  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



  background-color: #81c54d;



}



.satis-nokta-content .panel-body {



  padding: 0;



}



.satis-nokta-content .tab-content {



  border: none;



  padding: 30px;



}



.satis-nokta-content .tab-content p {



  color: #222;



  font-size: 15px;



  padding: 0;



  margin: 0;



}



.satis-nokta-content h3 {



  font-size: 26px;



  font-weight: 700;



}



.satis-nokta-box {



  border-bottom: solid 2px #ebebeb;



  padding-bottom: 5px;



}



.turkey-map {



  width: 100%;



  height: 285px;



  background: url(/assets/images/turkey-map.png) no-repeat left;



  background-size: contain;



  position: relative;



}



.turkey-map a {



  position: absolute;



}



.istanbul {



  top: 0%;



  left: 15%;



}



.izmir {



  top: 39%;



  left: 5%;



}



.ankara {



  top: 22%;



  left: 35%;



}



.adana {



  bottom: 18%;



  left: 48%;



}



.samsun {



  top: 0%;



  left: 50%;



}



#info {



  background: fff;



  display: none;



}



#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim .form {



  width: 46%;



}



#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim input {



  display: block;



  width: 100%;



  height: 34px;



  padding: 6px 12px;



  margin-bottom: 6px;



  font-size: 14px;



  line-height: 1.428571429;



  color: #555;



  vertical-align: middle;



  background-color: #fff;



  background-image: none;



  border: 1px solid #ccc;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



}



#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim textarea {



  display: block;



  width: 100%;



  height: 84px;



  padding: 6px 12px;



  font-size: 14px;



  line-height: 1.428571429;



  color: #555;



  vertical-align: middle;



  background-color: #fff;



  background-image: none;



  border: 1px solid #ccc;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



}



#pnlCaptcha input {



  display: block;



  width: 100%;



  height: 34px;



  padding: 6px 12px;



  margin-bottom: 6px;



  font-size: 14px;



  line-height: 1.428571429;



  color: #555;



  vertical-align: middle;



  background-color: #fff;



  background-image: none;



  border: 1px solid #ccc;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



}



.addComments {



  background: #ffa151;



  padding: 10px;



  float: left;



  border-radius: 6px;



  color: #FFF;



}



.feature-wrap h2 {



  float: left;



  width: 100%;



  padding: 8px 0;



  color: #fff;



  font-size: 22px;



  font-weight: 700;



  margin-top: 1%;



  background: none;



}



.feature-wrap h3 {



  margin-top: -12px;



  float: left;



  background: transparent;



  padding: 4px 0;



  color: #fff;



  width: 100%;



  font-size: 13px;



  line-height: 19px;



  font-weight: 400;



}



#feature2 .feature-wrap h3 a {



  color: #fff;



}



#feature2 .form-main {



  background: #FFF;



}



/*.form-main .form .form-group:nth-child(2) {float:left; width:49%; margin-right: 10px;}















.form-main .form .form-group:nth-child(3) {float:left; width:49%;}*/



.form-main .form .form-group span {



  margin-bottom: 0;



}



.form-main textarea {



  border: 1px solid rgb(211, 211, 211) !important;



  -moz-border-radius: 1px;



  -webkit-border-radius: 1px;



  border-radius: 1px;



  -moz-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



  -webkit-box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



  box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.12) !important;



}



.news-img {



  float: none;



  height: 190px;



  overflow: hidden;



  display: block;



  position: relative;



  margin-bottom: 20px;



}



.news-title {



  float: none;



  margin-top: 0;



  clear: right;



  width: 100%;



}



.blog-content {



  margin-bottom: 10px;



  padding-bottom: 0;



  padding-left: 0;



  height: 293px;



}



.blog-content p {



  height: 50px;



  overflow: hidden;



  margin: 0;



  padding-bottom: 10px;



  border-bottom: 1px solid #CCC;



}



.navigation {



  width: 100%;



  text-align: center;



  clear: both;



}



.referanslar {



  display: block;



  float: left;



  width: 100%;



  padding: 0;



  margin: 0;



  margin-bottom: 49px;



  min-height: 500px;



}



.referanslar li {



  display: inline-block;



  margin: 10px;



  width: 30%;



  border: 1px solid #e7e7e7;



  padding: 5px;



  background: #ffffff;



  background: -moz-radial-gradient(center, ellipse cover, #ffffff 23%, #f2f2f2 100%);



  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 23%, #f2f2f2 100%);



  background: radial-gradient(ellipse at center, #ffffff 64%, #f2f2f2 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1);



}



.referanslar li img {



  display: block;



  margin: 10px auto;



  max-width: 100%;



}



.referansAdi {



  font-size: 15px;



  min-height: 33px;



  font-weight: 600;



  text-align: center;



  background: rgba(204, 204, 204, 0.23);



  padding: 5px 0;



}



.referanslar li p {



  font-size: 15px;



  font-weight: 400;



  text-align: center;



  background: rgba(13, 30, 60, 0.04);



  padding: 5px 0;



  margin-top: 3px;



}



.product-item {



  padding: 0px;



  height: inherit;



  position: relative;



  border-bottom: solid 4px #301b02;



}



.product-item:hover {}



.product-item:after {



  content: ".";



  display: block;



  height: 0;



  clear: both;



  visibility: hidden;



  font-size: 0;



  line-height: 0;



}



.mobil-leftmenu {



  display: none;



}



.sticker {



  position: absolute;



  top: 0;



  left: 0;



  width: 63px;



  height: 63px;



}



.sticker-new {



  background: url(http://keenthemes.com/assets/bootsnipp/new.png) no-repeat;



  left: auto;



  right: 0;



}



.pi-img-wrapper .img-responsive {



  height: inherit /*100%*/ ;



}



.pi-img-wrapper {



  position: relative;



  display: block;



  overflow: hidden;



}



.product-categories .pi-img-wrapper {



  max-height: 252px;



}



.product-categories .pi-img-wrapper {



  height: 233px;



}



/*















.pi-img-wrapper::before {















	position: absolute;















	top: 50%;















	left: 50%;















	z-index: 2;















	display: block;















	content: '';















	width: 0;















	height: 0;















	background: rgba(255,255,255,.58);















	border-radius: 100%;















	-webkit-transform: translate(-50%, -50%);















	transform: translate(-50%, -50%);















	opacity: 0;















}















.pi-img-wrapper:hover::before {















	-webkit-animation: circle .55s;















	animation: circle .55s;















	cursor:pointer;















}















/*















.pi-img-wrapper:before {















    content: "";















    display: block;















    background: #000;















    width: 160px;















    height: 160px;















    position: absolute;















    bottom: -12px;















    left: 0px;















    z-index: -1;















}*/



.pi-img-wrapper div {



  background: rgba(0, 0, 0, 0.3);



  position: absolute;



  left: 0;



  top: 0;



  display: none;



  width: 100%;



  height: 100%;



  text-align: center;



}



.uruns {



  display: block;



}



.uruns .col-md-4 {



  min-width: 292px;



}



.product-item:hover > .pi-img-wrapper > div {



  display: none;



}



.pi-img-wrapper div .btn {



  padding: 3px 10px;



  color: #fff;



  border: 1px #fff solid;



  margin: -13px 5px 0;



  background: transparent;



  text-transform: uppercase;



  position: relative;



  top: 50%;



  line-height: 1.4;



  font-size: 12px;



}



.product-item .btn:hover {



  background: #21abac;



  border-color: #c8c8c8;



}



.urun-txt {



  height: 70px;



}



.kat-acik {



  display: none;



}



.product-list p {



  overflow: hidden;



  display: block;



  line-height: 20px;



  margin: 0;



}



.product-list .detay-btn {



  margin-top: 0;



}



.product-list .col-md-4 {



  margin-bottom: 30px;



}



.product-categories .col-md-3 {



  margin-bottom: 30px;



}



.product-item .urun-txt {



  height: 70px;



  overflow: hidden;



}



.urun-ad-kod {



  min-height: 80px;



  overflow: hidden;



}



.product-item h3 {



  background: #fff;



  color: #fff;



  padding: 0;



  text-transform: uppercase;



  text-align: center;



  letter-spacing: 0.5px !important;



  border-top: none;



  line-height: 16px;



  margin: 15px 0 0 0;



}



.product-item h3 a {



  color: #333333;



  font-size: 18px;



  font-weight: 600;



  text-transform: initial;



  font-family: 'Roboto';



}



.product-item h3 a:hover {



  color: #000;



}



.product-detail .urun-kodu {



  text-align: left;



  display: none;



  font-family: roboto;



  font-size: 16px;



  font-weight: 400;



  margin: 15px 0;



}



.urun-kodu {



  display: none;



  color: #333333;



  font-size: 14px;



  font-weight: 400;



  text-align: center;



}



.urun-marka {



  display: block;



  color: #333333;



  font-size: 13px;



  font-weight: 400;



  text-align: center;



}



.product-list .urun-marka {



  display: none;



}



.product-item .urun-marka {



  display: none;



}



.tt-desc {



  float: left;



  color: #444;



  font-weight: 300;



  font-size: 15px;



}



#owl-ilgili .product-item h3 {



  height: 55px;



}



#owl-ilgili .product-item h3 a {



  font-size: 14px;



}



.pi-price {



  color: #1aa9aa;



  font-size: 18px;



  font-weight: 700;



  float: left;



  padding-top: 1px;



  clear: left;



}



.product-item .add2cart {



  float: right;



  color: #a8aeb3;



  border: 1px #ededed solid;



  padding: 3px 6px;



  text-transform: uppercase;



}



.product-item .add2cart:hover {



  color: #fff;



  background: #21abac;



  border-color: #21abac;



}



.product-list {



  float: left;



  width: 100%;



}



.product-list .col-md-4 {



  padding: 3px;



}



.sayfalama {



  float: left;



  width: 100%;



  text-align: center;



}



ul.pagination > li > a {



  color: #000;



}



ul.pagination > li > b {



  border: 1px solid #F1F1F1;



  margin-right: 5px;



  border-radius: 5px;



  font-size: 16px;



  padding: 5px 14px;



  float: left;



  background: #cc0000 !important;



  color: #FFF !important;



}



ul.pagination > li > a:hover {



  background: #fff !important;



  color: #000 !important;



}



.urun-marka a {



  border: solid 1px #010101;



  padding: 3px 8px;



  color: #010101;



  margin-right: 10px;



  cursor: pointer;



}



.urun-marka a:hover {



  color: #fff;



  background: #010101;



  border-color: #010101;



}



.product-title {



  font-size: 32px;



  text-align: left;



  color: #010101;



  font-weight: 400;



  position: relative;



  padding: 18px 0;



  margin: 0 0 20px 0;



  border-top: solid 1px #f5f6f6;



  border-bottom: solid 5px #f5f6f6;



}



.cart-info h3 {



  font-size: 28px;



  color: #111;



  font-weight: 600;



  text-transform: uppercase;



  margin: 0 0 20px;



}



.cart-info h3 img {



  display: none;



}



.cart-info h3 span {



  display: block;



  clear: both;



  margin-top: 11px;



}



.cart-info .urun-marka {



  display: block;



  color: #777;



  font-size: 13px;



  font-weight: 400;



  text-align: left;



  padding-left: 10px;



  padding: 0;



}



.teklif-alan {



  clear: both;



  padding-top: 40px;



  margin-top: 20px;



}



.teklif-iste i {



  margin-right: 5px;



}



.teklif-iste {



  background: #836f5b;



  color: #fff;



  font-size: 15px;



  padding: 15px 25px;



  cursor: pointer;



}



.teklif-iste:hover {



  background: #fff;



  border: solid 1px #836f5b;



  color: #008dd2;



}



.bilgi-ara-tel {



  display: none;



}



.bilgi-ara-tel i {



  margin-right: 5px;



}



.bilgi-ara i {



  margin-right: 5px;



}



.bilgi-ara {



  background: #836f5b;



  color: #fff;



  font-size: 15px;



  padding: 15px 25px;



}



.bilgi-ara:hover {



  background: #fff;



  border: solid 1px #836f5b;



  color: #836f5b;



}



.price-bb {



  font-size: 37px;



  font-weight: 700;



  margin-top: 5px;



}



.price-bb span {



  font-size: 20px;



  font-weight: 400;



  clear: none !important;



  display: inline-block !important



}



.aciklama {



  display: block;



  float: left;



  margin: 10px 0;



  max-height: 500px;



  overflow-y: auto;



}



.product-detail {



  padding: 30px 0;



}



.product-detail .nav-tabs {



  border: none;



}



.product-detail .nav-tabs > li.active > a {



  border: 0;



  color: #836f5b;



  background: transparent;



  position: relative;



  font-size: 20px;



  font-family: 'Roboto';



  padding: 0;



  font-weight: 600;



}



.product-detail .tab-content {



  border: none;



  padding: 15px 0;



}



li.active {



  border-bottom: 3px solid silver;



}



#bx-pager {



  position: relative !important;



  top: 0;



}



.item-photo {



  display: block;



  justify-content: center;



  align-items: center;



  border-right: 1px solid #f6f6f6;



}



.item-photo li img {



  width: 100%;



}



.menu-items {



  list-style-type: none;



  font-size: 11px;



  display: inline-flex;



  margin-bottom: 0px;



  margin-top: 20px



}



.btn-success {



  background: #d62918;



  border: 1px solid #d62918; /*width:30%;padding: 13px;  border-radius:0px;  font-size:16px; font-weight:600;       border-radius: 7px;*/



}



.section {



  width: 100%;



  margin: 10px 0;



  margin-left: -15px;



  padding: 2px;



  padding-left: 15px;



  padding-right: 15px;



}



.title-price {



  margin-top: 30px;



  margin-bottom: 0px;



  color: black



}



.title-attr {



  margin-top: 0px;



  margin-bottom: 0px;



  color: black;



}



.btn-minus {



  cursor: pointer;



  font-size: 7px;



  display: flex;



  align-items: center;



  padding: 5px;



  padding-left: 10px;



  padding-right: 10px;



  border: 1px solid gray;



  border-radius: 2px;



  border-right: 0px;



}



.btn-plus {



  cursor: pointer;



  font-size: 7px;



  display: flex;



  align-items: center;



  padding: 5px;



  padding-left: 10px;



  padding-right: 10px;



  border: 1px solid gray;



  border-radius: 2px;



  border-left: 0px;



}



div.section > div {



  width: 100%;



  display: inline-flex;



}



div.section > div > input {



  margin: 0px;



  padding-left: 5px;



  font-size: 10px;



  padding-right: 5px;



  max-width: 18%;



  text-align: center;



}



.attr, .attr2 {



  cursor: pointer;



  margin-right: 5px;



  height: 20px;



  font-size: 10px;



  padding: 2px;



  border: 1px solid gray;



  border-radius: 2px;



}



.attr.active, .attr2.active {



  border: 1px solid orange;



}



.ilgili-urun .item {



  padding: 0 15px;



}



.ilgili-urun .owl-buttons {



  top: 49px !important;



  position: absolute; /* width: 100%; */



  right: -14px;



  z-index: 100;



}



.ilgili-urun .owl-controls .owl-buttons div {



  padding: 3px 1px;



}



.ilgili-title {



  font-size: 32px;



  text-align: center;



  color: #010101;



  font-weight: 400;



  position: relative;



  padding: 18px 0;



  margin: 0;



  border-top: solid 1px #f5f6f6;



  border-bottom: solid 5px #f5f6f6;



}



.tab-content {



  padding: 20px;



  border: 1px solid #ebebeb;



  border-top: none;



  float: left;



  width: 100%;



  margin-bottom: 12px;



}



.nav-tabs li.active {



  border: none;



  background: #fff;



  margin-bottom: -3px;



}



.bx-viewport {



  /*border: solid 1px #e2e2e2;*/



  background: #fff;



}



.nav-tabs > li {



  margin-bottom: 0px;



  border-top: 5px solid #f8f8f8;



  border-bottom: 1px solid #e6e6e6;



}



.stepBYstep {



  margin-top: 15px;



}



.step-BY-step {



  position: relative;



  float: left;



  background: #F5F5F5;



  width: 19.7%;



  height: 110px;



  margin-right: 3px;



  z-index: 10;



}



.step-BY-step:last-child {



  margin-right: 0;



}



.step-BY-step a {



  float: left;



  display: block;



  width: 100%;



  height: 110px;



}



.step-BY-step p {



  display: block;



  floaT: left;



  font-size: 59px;



  font-weight: 700;



  color: #AAAAAA;



  margin-top: 40px;



  margin-left: 12px;



  ;



}



.step-BY-step span {



  display: block;



  float: left;



  font-family: 'Roboto', 'Roboto', sans-serif;



  width: 69%;



  font-size: 16px;



  font-weight: 400;



  color: #AAAAAA;



  margin-top: 32px;



  margin-left: 6px;



}



/*.step-BY-step div {float:left;     width: 70%; font-size:11px; font-weight:300; color:#AAAAAA; margin-top:0px; margin-left:3px; }*/



.step-BY-step:first-child span {



  margin-top: 33px;



}



.step-BY-step:last-child span {



  margin-top: 33px;



}



.step-active p {



  color: #FFF;



}



.step-active span {



  color: #FFF;



}



.step-active div {



  color: #FFF;



}



.step-active {



  z-index: 11;



  background: #d62918;



}



.step-active:after {



  content: '';



  position: absolute;



  top: 0px;



  left: 225px;



  width: 0;



  height: 0;



  border: 55px solid transparent;



  border-left: 12px solid #d62918;



}



.step-active:before {



  content: '';



  position: absolute;



  top: 0px;



  left: 227px;



  width: 0;



  height: 0;



  border: 55px solid transparent;



  border-left: 14px solid #fff;



}



.contuineBtn {



  margin-bottom: 12px;



}



.check {



  margin-left: 10px;



}



.altaciklama {



  float: left;



  margin-left: 6px;



  font-size: 12px;



  width: 76%;



  font-weight: 600;



  color: rgba(27, 169, 170, 0.55);



}



.table th {



  font-size: 11px;



  color: #999;



}



.sepet-container {



  padding: 0;



}



.media-body {



  padding-left: 10px;



}



.ustSekme {



  margin-top: 10px;



  padding: 0; /*background:#FFF; height:80px; margin-top:10px;















		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);















		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);















		box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);*/



}



.ustSekme img {



  width: 100%;



}



.sepet-list {



  width: 100% !important;



  margin-right: 1%;



  background: #FFF;



  margin-top: 20px;



  margin-bottom: 20px;



  padding: 20px;



}



.hataMesaji {



  font-size: 28px;



  line-height: 42px;



  text-align: center;



}



.price-cart {



  float: left;



  background: #FFF;



  margin-bottom: 20px;



  margin-top: 20px;



  min-height: 200px;



  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



}



.cart-receipt {



  font-size: 12px;



}



.cart-receipt table tr:first-child td {



  border-top: none;



}



.cart-receipt table td h3 {



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 18px;



  font-weight: 700;



  margin: 5px 0;



}



.cart-receipt table td h2 {



  font-family: 'Roboto', 'Roboto';



  float: right;



  font-size: 15px;



  font-weight: 600;



  margin-top: 0;



}



.cart-receipt .cartFix {



  font-size: 24px;



  color: rgba(27, 169, 170, 1);



  font-weight: 700;



  clear: both;



}



.media-heading a {



  color: #000;



}



.sale-btn {



  width: 100%;



  background-color: #000000;



  border-color: #000000;



}



.sale-btn:hover {



  background: #d62918;



  border-color: #d62918;



}



.edit-price {



  float: right;



  color: rgba(27, 169, 170, 1);



  margin-top: 9px;



}



.odemeCard {



  margin-top: 13px;



}



.cart-others {



  z-index: 100;



  position: relative;



  float: left;



  width: 100%;



  border-top: 2px solid #ccc;



  margin-bottom: 15px;



}



.cart-others .cart-note h5 {



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 15px;



  font-weight: 600;



}



.cart-others .cart-note textarea {



  float: left;



  width: 100%;



  min-height: 200px;



  border-radius: 4px;



  border: 1px solid #ccc;



  padding: 5px;



}



.cart-others .cart-promotion {



  float: left;



  width: 100%;



  margin: 10px 0;



}



.cart-others .cart-promotion h5 {



  font-family: 'Roboto', 'Roboto';



  float: left;



  width: 100%;



  font-size: 15px;



  font-weight: 600;



}



.cart-others .cart-promotion input {



  float: left;



  width: 30%;



  height: 28px;



  border: 1px solid #ccc;



  padding-left: 5px;



  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;



  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;



  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;



  font-size: 12px;



  line-height: 150%;



}



.cart-others .cart-promotion button {



  border: 1px solid #333;



  padding: 5px 12px;



  margin-left: 10px;



  font-size: 11px;



  background: rgb(125, 126, 125);



  background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 126, 125, 1)), color-stop(100%, rgba(14, 14, 14, 1)));



  background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);



  background: -o-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);



  background: -ms-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);



  background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);



}



.account-Address {



  float: left;



  background: #F0F0F0;



  width: 100%;



  margin-bottom: 10px;



}



.radio-btn {



  margin-left: 15px !important;



}



.adressHeader {



  float: left;



  margin-bottom: 10px;



  padding: 5px;



  width: 100%;



  border-bottom: 1px solid #fff;



}



.adressHeader h4 {



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 15px;



  font-weight: 700;



}



.edit-btn {



  float: right;



  margin-right: 10px;



  padding: 3px 8px;



  margin-top: 4px;



  border-radius: 0;



  background-color: #3a5360;



  border-color: #3a5360;



}



.delete-btn {



  float: right;



  margin-right: 10px;



  padding: 3px 8px;



  margin-top: 4px;



  border-radius: 0;



}



.new-add-btn {



  float: left;



  background: #fff;



  margin-bottom: 10px;



}



.cart-baslik {



  float: left;



  width: 100%;



  padding-bottom: 15px;



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 18px;



  font-weight: 700;



}



.cart-part h2 {



  font-size: 62px;



  color: #008dd2;



  border: none;



  margin: 0;



  padding: 0;



  text-align: center;



}



.kredi-table input {



  margin: 4px 0px;



  width: 50%;



}



.kredi-table select {



  margin: 4px 0px;



  width: 50%;



}



.kartno-half-part {



  width: 15% !important;



  float: left;



  clear: none;



  margin-right: 5px !important;



}



.time-for-FW {



  float: left;



  margin-rigth: 5px !important;



  width: 25% !important;



}



.kredi-table {



  margin-top: 20px;



  float: left;



}



.banka-secim-form {



  margin-bottom: 20px;



  margin-top: 5px;



  float: left;



}



.mobilOdemeImage {



  display: block;



  margin: 0 auto;



  margin-top: 20px;



}



.mobilAciklama {



  text-align: center;



  margin-top: 10px;



  display: block;



  margin-bottom: 25px;



}



.cepNoBaslik {



  font-weight: 700;



}



.mobilBilgilendirmeLinkAlan {



  float: left;



  margin: 10px 0;



  width: 100%;



  padding-top: 15px;



  border-top: 1px solid #ccc;



  text-align: center;



}



.mobilBilgilendirmeLinkAlan span {



  display: block;



  background: rgba(204, 204, 204, .43);



  padding: 4px;



}



.telefon-style {



  padding: 6px 13px;



  width: 267px;



  border-radius: 6px;



  border: 1px solid #9f9f9f;



  margin-left: 45px;



  -webkit-box-shadow: inset 0 0 7px 0 rgba(50, 50, 50, .29);



  -moz-box-shadow: inset 0 0 7px 0 rgba(50, 50, 50, .29);



  box-shadow: inset 0 0 7px 0 rgba(50, 50, 50, .29);



}



.kapidaodeme {



  width: 100%;



}



.kapidaodeme td img {



  display: block;



  margin: 0 auto;



}



.kapidaodeHeader {



  width: 100%;



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 18px;



  font-weight: 700;



  text-align: left;



  margin: 15px 0;



}



.NakitOde {}



.KapidaKKode {}



.price-descript {



  text-align: left;



}



.kapidaodeIMG {



  float: left;



  width: 55%;



  margin: 20px 0;



}



.kapidaodeIMG img {



  width: 100%;



}



.kapidaodeicerik {



  float: left;



  width: 45%;



  margin: 20px 0;



}



.HavaleBaslik {



  font-family: 'Roboto', 'Roboto';



  float: left;



  font-size: 18px;



  font-weight: 700;



  width: 100%;



}



.havale-select {



  width: 30%;



}



.bankInfo {



  float: left;



  width: 100%;



  margin-top: 10px;



  padding-top: 10px;



  border-top: 2px solid #CCC;



}



.price-statu {



  margin: 0;



  padding: 0;



  list-style: none;



}



.gonderilme-durum {



  padding: 5px;



  background: #F4F4F4;



  margin-bottom: 15px;



}



.satissozlesme {



  font-size: 12px;



  color: #000;



  display: block;



  float: left;



  width: 83%;



  margin-left: 10px;



  margin-top: 5px;



}



.satis-check {



  float: left;



  display: block;



}



.onay-yazi {



  float: left;



  width: 100%;



  margin-right: 1%;



  background: #FFF;



  margin-top: 20px;



  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);



}



.itsDoneWord {



  float: left;



  width: 100%;



  margin: 15px 0;



}



.oleg-part-1 {



  float: left;



  width: 100%;



}



.oleg-part-1 span {



  display: block;



  font-family: 'Roboto', 'Roboto';



  font-size: 16px;



  font-weight: 700;



  clear: both;



  margin-bottom: 10px;



}



.oleg-part-1 strong {



  color: #D40808;



  font-family: 'Roboto', 'Roboto'font-size: 16px;



}



.oleg-part-2 {



  float: left;



  width: 81%;



  font-size: 15px;



}



.promotion-area {



  float: left;



  width: 100%;



  margin: 15px 0;



  padding: 15px 0;



  border-top: 1px solid #ccc;



}



.coupon {



  float: left;



  position: relative;



  width: 606px;



  height: 211px;



  padding: 10px;



  border-radius: 10px;



  border: 1px dashed #CCC;



}



.coupon-text-box {



  position: relative;



  display: block;



  float: left;



  margin-top: 3px;



  margin-left: 13px;



  height: 32px;



  width: 205px;



  font-family: 'Roboto', 'Roboto', Arial;



  font-size: 16px;



  font-weight: 700;



  color: #222;



}



.coupon-text-box:last-child {



  margin-left: 108px;



}



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);



body {}



.well {



  background-color: #fff !important;



  border-radius: 0 !important;



  border: none !important;



  background-image: none !important;



  -webkit-box-shadow: none; /*0px 0px 3px 1px rgba(0,0,0,0.10);*/



  -moz-box-shadow: none; /* 0px 0px 3px 1px rgba(0,0,0,0.10);*/



  box-shadow: none; /* 0px 0px 3px 1px rgba(0,0,0,0.10);*/



}



.well.login-box {



  width: 330px;



  margin: 10px auto;



  min-height: 279px;



}



.well.register-box {



  width: 330px;



  margin: 0 auto;



  margin-top: 10px;



}



.well.register-box legend {



  font-size: 21px;



  text-align: center;



  font-weight: 300;



  padding-bottom: 13px;



}



.well.login-box legend {



  font-size: 21px;



  text-align: center;



  font-weight: 300;



  padding-bottom: 13px;



}



.well.login-box label {



  font-weight: 300;



  font-size: 16px;



}



.well.login-box input[type="text"] {



  /*box-shadow:none;















	  border-color:#ddd;















	  border-radius:0;*/



}



.well.welcome-text {



  font-size: 21px;



}



/* Notifications */



.notification {



  position: fixed;



  top: 20px;



  right: 0;



  background-color: #fff;



  padding: 20px;



  color: #fff;



  font-size: 21px;



  display: none;



}



.notification-success {



  background-color: #fff;



}



.notification-show {



  display: block !important;



}



/*Loged in*/



.logged-in {



  display: none;



}



.logged-in h1 {



  margin: 0;



  font-weight: 300;



}



.register-in {



  display: none;



}



.register-in h1 {



  margin: 0;



  font-weight: 300;



}



.uyeTipAlan {



  float: left;



  width: 100%;



  padding-bottom: 10px;



  margin-bottom: 10px;



  border-bottom: 1px solid #ccc;



}



.uyeTipVeli {



  float: left;



  width: 22%;



}



.uyeTipVeli input {



  float: left;



  display: block;



  clear: none;



  margin-right: 5px;



}



.uyeTipVeli label {



  float: left;



  display: block;



  clear: none;



}



.uyeTipOgrenci {



  float: left;



  width: 38%;



  border-right: 1px solid #ccc;



  border-left: 1px solid #ccc;



  padding: 0 15px;



  margin-right: 15px;



}



.uyeTipOgrenci input {



  float: left;



  display: block;



  clear: none;



  margin-right: 5px;



}



.uyeTipOgrenci label {



  float: left;



  display: block;



  clear: none;



}



.uyeTipOgretmen {



  float: left;



  width: 32%;



}



.uyeTipOgretmen input {



  float: left;



  display: block;



  clear: none;



  margin-right: 5px;



}



.uyeTipOgretmen label {



  float: left;



  display: block;



  clear: none;



}



.addressContent .half-width-input {



  width: 97%;



}



/*.float-rigth {float:right;}*/



#SozlesmeOku {



  font-weight: 400;



  font-size: 11px;



}



.text-center .controls-row {



  position: absolute;



  top: 158px;



  right: 62px;



}



.profil-menu {



  width: 100%;



  margin: 0;



  padding: 0;



  list-style: none;



}



.profil-menu li {



  width: 100%;



  border-bottom: 1px solid #E4E4E4;



}



.profil-menu li a {



  display: block;



  padding: 10px 10px;



  color: #333;



}



.uyekayit {



  width: 14%;



  height: 34px;



  border-radius: 0px;



  background: #d62918;



  border: 1px solid #d62918;



  font-size: 15px;



  font-weight: 400;



  padding: 5px;



  border-radius: 4px;



}



.btnFacebookLogin {



  margin-top: -1px;



  background: #2d66c5;



}



.well .btn-success {



  width: 31%;



  float: left;



  border-radius: 0px;



  background: #d62918;



  border: 1px solid #d62918;



  font-size: 14px;



  font-weight: 600;



  padding: 7px;



  border-radius: 4px;



}



.taksitler .table {



  width: inherit;



}



.taksitler .table td {



  font-size: 11px;



}



.taksitler .table img {



  width: 148px;



}



#errorMsg {



  text-align: center;



}



#errorMsg h2 {



  font-size: 24px;



  font-family: 'Roboto', 'Roboto';



  font-weight: 700;



  color: #E80633;



}



#errorMsg ol {



  padding: 0;



  margin: 0;



  list-style: none;



}



@media (max-width:480px) {



  .media-body {



    display: none;



  }



  .media-left {



    display: none;



  }



  .media-right {



    display: none;



  }



  .container {



    width: 100%;



  }



  .sepet-list {



    float: left;



    width: 100%;



  }



  .price-cart {



    float: left;



    width: 100%;



  }



  .adressHeader h4 {



    width: 100%;



  }



  .delete-btn {



    float: left;



  }



  .edit-btn {



    float: left;



  }



  .coupon {



    width: 100%;



  }



  .coupon img {



    width: 100%;



  }



}



@media (max-width: 426px) {



  .container {



    margin-top: 0px !important;



  }



  .container > .row {



    padding: 0px !important;



  }



  .container > .row > .col-xs-12.col-sm-5 {



    padding-right: 0px;



  }



  .container > .row > .col-xs-12.col-sm-9 > div > p {



    padding-left: 0px !important;



    padding-right: 0px !important;



  }



  .container > .row > .col-xs-12.col-sm-9 > div > ul {



    padding-left: 10px !important;



  }



  .menu-items {



    padding-left: 0px;



  }



}



@media (min-width: 992px) {



  .left-menu-bbg {



    width: 25%;



    padding-left: 0;



    float: left;



  }



}



.col-md-4.footer-firma a img {

    margin-top: 34px !important;

    width: 187px;

}



.resimGalerisi {



  margin-bottom: 40px;



}



.resimGalerisi ul {



  list-style: none;



  padding: 0;



  margin: 0;



}



.resimGalerisi ul li {



  display: inline-block;



  margin: 5px;



  border: 1px solid #f1f1f1;



  padding: 6px;



}



.resimGalerisi ul li a {



  width: 240px;



  height: 160px;



  overflow: hidden;



  display: block;



}



.resimGalerisi ul li a img {



  width: 100%;



}



.dropdown-menu .caret {



  transform: rotate(-90deg);



  float: right;



  margin-top: 9px;



}



.u-vmenu ul li {



  width: 100%;



  list-style: none;



  background: #f5f5f5;



  border: 1px solid #ddd;



  margin-bottom: -1px;



}



.u-vmenu ul ul {



  display: none;



  padding-left: 0;



}



.u-vmenu > ul > li {



  background: #f5f5f5;



  background-size: 100% auto;



}



.u-vmenu ul li a {



  height: auto;



  line-height: 30px;



  display: block;



  font-size: 14px;



  color: #82846f;



  text-decoration: none;



  outline: none;



}



.u-vmenu ul li li a {



  font-size: 14px;



}



.u-vmenu > ul > li > a {



  height: auto;



  min-height: 42px;



  line-height: 15px;



  padding-left: 15px;



  padding: 16px;



}



.u-vmenu > ul > li > ul > li > a {



  padding-left: 28px;



  background: #fdfdfd;



}



.u-vmenu > ul > li > ul > li > ul > li > a {



  padding-left: 20px;



}



.u-vmenu > ul > li > ul > li > ul > li > ul > li > a {



  padding-left: 30px;



}



.u-vmenu ul li a[data-option='on'] {



  background: #f5f5f5 url(../images/on.png) right center no-repeat;



}



.u-vmenu ul li a[data-option='off'] {



  background: #f5f5f5 url(../images/off.png) right center no-repeat;



}



.slider-social {



  position: fixed;



  top: 14%;



  z-index: 100;



}



.slider-social ul {



  margin: 0;



  padding: 0;



  list-style: none;



}



.slider-social ul li {



  clear: both;



}



.slider-social ul li a {



  display: block;



  -webkit-transition: all 0.7s ease-out;



  -moz-transition: all 0.3s ease-out;



  -ms-transition: all 0.3s ease-out;



  -o-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



}



.slider-social ul li a img {



  width: 40px;



}



@-moz-document url-prefix() {



  /*.carousel-inner {















 top: -100px;















}*/



  .carousel-indicators {



    bottom: 89px;



  }



  .ago-ht {



    width: 100%;



    margin-bottom: 40px;



    margin-top: -5%;



  }



  .mainpage-aboutme .ago-ht {



    margin-top: 0%;



  }



} /*















 _:-ms-fullscreen, :root .carousel-inner {















top: -100px;















}















_:-ms-fullscreen, :root .carousel-indicators {















bottom: 89px;















}















_:-ms-fullscreen, :root .ago-ht {















margin-top: -5%;















}















_:-ms-fullscreen, :root .mainpage-aboutme .ago-ht {















margin-top: 0%;















}















 _:-ms-input-placeholder, :root .carousel-inner {















top: -100px;















}















_:-ms-input-placeholder, :root .carousel-indicators {















bottom: 89px;















}















_:-ms-input-placeholder, :root .ago-ht {















margin-top: -5%;















}















_:-ms-input-placeholder, :root .mainpage-aboutme .ago-ht {















margin-top: 0%;















}*/



.cart-info h5 {



  font-size: 14px;



}



.cart-info h5 img {



  display: none;



}



.cart-info h5 a {



  color: #111;



  font-size: 13px;



  font-weight: 400;



  text-transform: uppercase;



}



.tab-content > .active {



  font-size: 17px;



}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



  /*.carousel-inner {















	top: -100px;















}















.carousel-indicators {















	bottom: 89px;















}















.ago-ht {















	margin-top: -5%;















}*/



  .mainpage-aboutme .ago-ht {



    margin-top: 0%;



  }



}



.back-to-top {



  cursor: pointer;



  position: fixed;



  bottom: 20px;



  left: 20px;



  display: none;



  background-color: #111;



  border-color: #111;



  z-index: 20;



  border-radius: 50px;



  padding: 8px 12px;



}



.teklif-formu {



  display: none;



  clear: both;



  margin-top: 70px;



}



.navbar-header {



  display: none;



}



.sidenav {



  display: none;



}



.ara-btn {



  float: right;



  padding: 20px 0;



  margin-left: 10px;



  position: relative;



}



.ara-body {



  margin-top: 35px;



}



.ara-body input {



  border-radius: 20px;



  font-size: 16px;



  font-weight: 800;



  margin-top: 9px;



  padding: 5px 15px;



  font-family: 'Roboto';



  background: #fff;



  color: #008dd2;



  border: solid 1px #008dd2;



  display: inline-block;



  width: 86%;



}



.ara-body input:focus {



  outline: none;



}



.ara-body a {



  display: inline-block;



  border-top-right-radius: 20px;



  border-bottom-right-radius: 20px;



  background: #008dd2;



  color: #fff;



  padding: 6px 10px;



  margin-left: -20px;



  top: -1px;



  position: relative;



}



.ara-body button {



  display: inline-block;



  border-top-right-radius: 20px;



  border-bottom-right-radius: 20px;



  background: #008dd2;



  color: #fff;



  padding: 6px 10px;



  margin-left: -20px;



  top: -1px;



  position: relative;



}



.what {



  margin: 0;



  padding: 0;



  border: 0;



  position: fixed;



  z-index: 16000160;



  text-align: center;



  overflow: hidden;



  bottom: 20px;



  right: 20px;



  left: unset;



}



.what a {



  width: 50px;



  height: 50px;



  display: block;



  float: left;



}



.whatl {



  position: relative;



  float: right;



  margin-left: 15px;



  margin-top: 6px;



}



.whatl a {



  width: 135px;



  height: 40px;



  display: block;



  float: left;



}



.whatsa {



  padding: 5px 10px 5px 10px;



  line-height: 18px;



  max-height: 34px;



  max-width: 135px;



  overflow: hidden;



  word-wrap: break-word;



  font-size: 16px;



  background: #2d9028;



  border-radius: 5px;



  float: left;



  color: #ffffff;



}



.whatsa:before, .whatsa:after {



  content: '';



  position: absolute;



  background: #2d9028;



  border-bottom: 1px solid #e2e2e2;



  border-right: 1px solid #e2e2e2;



  left: -5px;



  top: 40%;



  margin-top: -4px;



  width: 8px;



  height: 8px;



  z-index: 1;



  -ms-transform: rotate(135deg);



  -webkit-transform: rotate(135deg);



  -moz-transform: rotate(135deg);



  -o-transform: rotate(135deg);



  transform: rotate(135deg);



}



/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */



.xzoom-source img, .xzoom-preview img, .xzoom-lens img {



  display: block;



  max-width: none;



  max-height: none;



  -webkit-transition: none;



  -moz-transition: none;



  -o-transition: none;



  transition: none;



}



/* --------------- */



/* xZoom Styles below */



.xzoom-container {



  display: inline-block;



}



.xzoom-thumbs {



  text-align: center;



  margin-bottom: 10px;



}



.xzoom {



  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



}



.xzoom2, .xzoom3, .xzoom4, .xzoom5 {



  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);



}



/* Thumbs */



.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {



  border: 1px solid #cecece;



  margin-left: 5px;



  margin-bottom: 10px;



}



.xzoom-source, .xzoom-hidden {



  display: block;



  position: static;



  float: none;



  clear: both;



}



/* Everything out of border is hidden */



.xzoom-hidden {



  overflow: hidden;



}



/* Preview */



.xzoom-preview {



  border: 1px solid #888;



  background: #2f4f4f;



  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);



}



/* Lens */



.xzoom-lens {



  border: 1px solid #555;



  box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);



  cursor: crosshair;



}



/* Loading */



.xzoom-loading {



  background-position: center center;



  background-repeat: no-repeat;



  border-radius: 100%;



  opacity: .7;



  background: url(../images/xloading.gif);



  width: 48px;



  height: 48px;



}



/* Additional class that applied to thumb when it is active */



.xactive {



  -webkit-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);



  -moz-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);



  box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);



  border: 1px solid #4aaad2;



}



/* Caption */



.xzoom-caption {



  position: absolute;



  bottom: -43px;



  left: 0;



  background: #000;



  width: 100%;



  text-align: left;



}



.xzoom-caption span {



  color: #fff;



  font-family: Arial, sans-serif;



  display: block;



  font-size: 0.75em;



  font-weight: bold;



  padding: 10px;



}