@import url('../../../../css');

body{
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
  font-size: 15px;
}


#mobile-menu {
  position: fixed;
  transform: translateX(100%);
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 9999;
  background-color: #f57e1c;
  transition: all .5s;
}
#mobile-menu .mobile-menu-close {
  position: absolute;
  right: 0px;
  font-size: 73px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 40px 20px;
  line-height: 0px;
}
#mobile-menu .mobile-menu-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
}
#mobile-menu .mobile-menu-content ul {
  display: block;
  list-style: none;
  padding: 0px;
}
#mobile-menu .mobile-menu-content ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 25px;
  padding: 5px 0px;
  display: block;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}
#mobile-menu .mobile-menu-content ul li a:hover {
  text-decoration: none;
}
#mobile-menu .mobile-menu-content ul li .mobile-menu-subpage {
  background: #88768b;
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.42, -0.43, 0.61, 1.4);
  z-index: 999;
  top: 0;
  bottom: 0;
}
#mobile-menu .mobile-menu-content ul li .mobile-menu-subpage ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#mobile-menu .mobile-menu-content ul li:hover .mobile-menu-subpage {
  transform: translateX(0%);
}
#mobile-menu .mobile-menu-langs {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
}
#mobile-menu .mobile-menu-langs a {
  color: #fff;
  display: inline-block;
  border-right: 1px solid #f2f2f2;
  text-decoration: none;
  padding: 0px 10px;
  font-size: 17px;
}
#mobile-menu .mobile-menu-langs a:last-child {
  border: 0px;
}
body.mobile-menu-opened {
  height: 100%;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
body.mobile-menu-opened #mobile-menu {
  transform: translateX(0%);
}

/*##########################################################
                        HEADER
############################################################ */
.header {
	position: fixed;
  	left: 0;
  	width: 100%;
  	background-color: #ef7f1a;
  	z-index: 10;
  	padding-top: 4px;
}
@media (min-width:992px){
	  .dl-menuwrapper{
    	min-height: 55px;
    	text-align: center;
      display: flex;
  	}
  	.logo{
    	height: auto;
    	display: block;
    	float: left;
  	}
  	.dl-trigger{
    	display: none;
  	}
  	.dl-menu{
      padding: 15px 8px;
      list-style-type: none;
      float: left;
      min-width: 57%;
      margin: 0 auto;
  	}
    .dl-menu .language{
      display: none;
    }
  	.dl-menu .fa{
    	display: none;
  	}
  	.dl-menu > li{
    	display: inline-block;
    	padding: 0px 6px;
      border-right: 1px solid #fff;
  	}
    .dl-menu > li:nth-last-child(1){
      border: none;
    }
    /*
  	.dl-menu > li:after{
    	content: url('../img/border.png');
    	position: absolute;
    	bottom: 13px;
    	margin-left: 4px;
  	}
  	.dl-menu > li:nth-child(9):after{
    	content: ' ';
  	}
    */
  	.dl-menu  li a{
    	color:#000;
	    font-size: 13px;
	    padding: 5px;
	    text-decoration: none;
	    position: relative;
	    color: rgb( 255, 255, 255 );
	    text-transform: uppercase;  
  	}
  	.dl-menu  > li > a::after {
	    content: "";
	    position: absolute;
	    z-index: 1;
	    left: 51%;
	    right: 50%;
	    bottom: 0;
	    height: 2px;
	    background-color: #FFF;
	    -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
	    -moz-transition: left 0.3s ease-out, right 0.3s ease-out;
	    -ms-transition: left 0.3s ease-out, right 0.3s ease-out;
	    -o-transition: left 0.3s ease-out, right 0.3s ease-out;
	    transition: left 0.3s ease-out, right 0.3s ease-out;
  	}
  	.dl-menu  > li > a:hover::after {
	    left: 0;
	    right: 0;
  	}
  	.dl-submenu{
	    list-style-type: none;
	    padding: 0px;
  	}
  	.dropdown {
	    position: relative;
	    display: inline-block;
  	}
  	.dropdown-content {
	    display: none;
	    position: absolute;
	    background-color: #FFF;
	    min-width: 50px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    margin-top: 19px;
	    width: 126px;
	    text-align: left;
  	}
  	.dropdown-content a {
	  	color: black;
	 	text-decoration: none;
	  	display: block;
  	}
  	.dropdown-content li a{
	    padding: 8px;
	    font-size:13px;
	    color:#333;
  	}
  	.dropdown-content a:hover {background-color: #f1f1f1}
  	.dropdown:hover .dropdown-content {
   		display: block;
  	}
  	.dl-back{
    	display: none;
  	}
}
.mobil-menu-bar{ 
  float: right;
  font-size: 30px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  display: none;
  cursor: pointer;
  color: #88768b; 
}
@media(max-width:1200px){
  .dl-menuwrapper .dl-menu{
    display: none;
  }
  .mobil-menu-bar{       
    display: block;
        position: absolute;
    right: 0;
    top: 0;
    color: #fff;
  }
  .dilCubugu{
    display: none;
  }
  .logo{
      width: 150px;
      margin: 0px auto;
      position: relative;
      z-index: 20;
    }
    .logo img{
      width: 100%;
    }
}
@media (max-width: 992px){
  
  .dl-menuwrapper .dl-menu {
      position: absolute;
      width: 100%;
      opacity: 0;
      pointer-events: none;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  .dl-menu .language li{
    display: inline-block;
    width: 49%;
  }
  .dl-menuwrapper button {
    display: none;
    position: absolute !important;
    top: 0px;
  }
  .dl-menuwrapper button {
      background: #000;
      border: none;
      width: 40px;
      height: 44px;
      text-indent: -900em;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      outline: none;
  }
}
.dilCubugu ul{
  padding:0;
  list-style: none;
  margin-bottom: 0;
}
.dilCubugu ul li{
  display: inline-block;
  padding: 3px 5px;
  border-right: 1px solid #fff;
  margin: 11px 0px;
  line-height: 30px;
}
.dilCubugu ul li:nth-last-child(1){
  border-right: none;
}
.dilCubugu ul li a{
  color: #fff;
  text-decoration: none;
  display: block;
}.dilCubugu ul li a img{
  margin-right: 5px;
}
@media(max-width:992px){
  .dilCubugu{
    display: none;
  }
}
/*.dilCubugu{
  margin-left: 15px;
  display: table-cell;
  vertical-align: middle;
  text-transform: capitalize;
}
@media(max-width: 992px){
  .dilCubugu{
    display: none;
  }
}
.dilCubugu .dropbtn a{
    text-decoration: none;
    color: rgb(34, 31, 31);
    font-size: 15px;
}
.dilCubugu .dropbtn a .fa-chevron-down{
    color: #fff;
    margin-left: 2px;
}
.dropbtn img{
  height: 18px;
  margin-right: 3px;
}
.dilCubugu .dropdown{
  position: absolute;
    display: inline-block;
    right: 20px;
    top: 20px;
}
.dilCubugu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 115px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 50%;
    z-index: 1080;
    top: 2px;
    transform: translateX(50%);
}
.dilCubugu .dropdown-content a {
    color: #000;
    padding: 4px 14px;
    text-decoration: none;
    display: block;
    text-transform: capitalize;
}
.dropdown-content img{
  float: left;
  margin-right: 10px;
}
.dilCubugu .dropdown-content a:hover{
  background-color: #b2292e;
  color: #FFF;
}
.dilCubugu .dropdown:hover .dropdown-content {
    display: block;
}*/
@media (max-width: 1200px){
  	.header > .container{
    	width: 100%;
  	}
}
@media (max-width: 1048px){
  	.dl-menu li a {
    	font-size: 13px;
    	padding: 5px;
  	}
}
@media (max-width: 992px){
  	.header{
	    padding-top: 10px;
	    padding-bottom: 10px;
	    height: 63px;
  	}  	
}
@media (max-width: 320px){
	.logo{
		width: 130px;
		margin: 5px auto;
	}
}

.homeContent, .subContent{
    padding-top: 52px;
}
@media (max-width: 992px){
  	.homeContent, .subContent{
    	padding-top: 50px;
  	}
}
.subContent .row{
  margin: 0 !important;
}

/* ################################################
                  SLİDER
################################################### */
.slider .owl-carousel{
  height: 525px;
}
.slider img{
  width: 100%;
  height: 525px;
  border-bottom:8px solid #f57e1c;
}
@media (max-width: 767px){
	.slider .owl-carousel, .slider img{
		object-fit:cover;
    height: auto;
	}
}
.slider .whcr-item-description:before,
.slider .whcr-item-header:before{
  content: ' ';
  text-align: left;
  width: 100%;
}
.slider .owl-item{
  position: relative;
  overflow: hidden;
}
.slider .owl-item:nth-last-child(1)::before{
  content: '';
  position: relative;
}
.slider .owl-item:nth-child(4)::before{
  content: '';
  position: relative;
}
.slider .owl-item::before{
  	content: '';
    position: absolute;
    background: rgba(187, 215, 0, 0.47);
    left: -25%;
    bottom: 9px;
    width: 33%;
    height: 64%;
    transform: skew(45deg);
}
@media(max-width:1400px){
  .slider .owl-item::before{
        height: 82%;
  }
}
@media(max-width:992px){
  .slider .owl-item::before{
    display: none;
  }
}
.slider .whcr-item-header{
    position: absolute;
    text-align: left;
    line-height: 1;
    color: rgb( 255, 255, 255 );
    font-size: 40px;
    margin: 0px auto;
    right: 0;
    bottom: -9px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: #BBD700;
    padding: 9px;
}
.slider .whcr-item-description{
   position: absolute;
   left: 10px;
   bottom: 6px;
}
.slider .whcr-item-description img{
   width: 200px;
   height: 200px;
   object-fit:contain;
   border:0;
}
@media(max-width:992px){
  .slider .whcr-item-description{
    display: none;
  }
}
.slider .whcr-item-header{
    font-size: 45px;
    text-shadow: 1px 1.732px 9px rgb( 0, 0, 0 );
    text-align: center;
}

@media (max-width: 767px){
  	.slider .whcr-item-description,
  	.slider .whcr-item-header{
    	display: none;
  	}
}
.slider .owl-theme .owl-controls .owl-buttons div{
  	border-radius: 0px;
  	box-sizing: border-box;
  	text-align: center;
  	padding: 9px;
  	background-color: #ef7f1a;
  	color: #FFF;
}
.slider .owl-theme .owl-controls .owl-buttons{
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  left: 0;
  right: 0;
  pointer-events: none;
}
.slider .owl-carousel .owl-buttons .owl-next{
  float: right;
  pointer-events: all;
}
.slider .owl-buttons div.owl-next:before{
    content: '\f054';
    margin-left: 5px;    
    font: normal normal normal 20px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
}
.slider .owl-buttons div.owl-prev:before{
    content: '\f053';
    margin-right: 5px;
    font: normal normal normal 20px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
}
.slider .owl-carousel .owl-buttons .owl-prev{
  float: left;
  pointer-events: all;
}
.slider .owl-carousel .owl-buttons .owl-prev, .slider .owl-carousel .owl-buttons .owl-next{
  	border:none;
  	opacity: 1;
}
.slider .owl-carousel .owl-buttons .owl-prev:hover, .slider .owl-carousel .owl-buttons .owl-next:hover{
  	background-color: #b43b00;
}

/* ################################################
          			HAKKIMIZDA
################################################### */
.aboutUs{
	background-color: #FFF;
  	padding-top: 15px;
  	padding-bottom: 15px;
}
.baslik{
	color: #ef7f1a;
  	line-height: 1.25;
  	text-align: left;
}
h1.baslik{
  	font-size: 25px;
}
.aciklama{
  	font-size: 16px;
  	color: rgb( 79, 79, 79 );
  	line-height: 1.25;
  	text-align: left;
}
.aciklama .container{
  	width: 100%;
  	padding: 0px;
}
.linkButton{
	background-color: #ce561c;
  	padding: 15px;
  	width: 150px;
  	color: #FFF;
  	transition: all 0.3s;
  	text-align: center;
  	font-weight: normal;
  	margin-top: 20px;
}
.linkButton:hover{
	background-color: #b43b00;
  	color: #FFF;
  	text-decoration: none;
}
.aboutUs .image{
	margin-top: 15px;
}
@media (max-width: 480px){
	.aboutUs .image img{
		height: 250px;
	}
}
.image img{
  	width: 100%;
  	object-position: center;
  	object-fit: cover;
}
/* ######################################################
              		ANASAYFA ÜRÜNLER
######################################################### */
.products{
	padding-top: 15px;
}
.title{
	font-size: 40px;
	color: rgb( 102, 102, 102 );
	font-weight: bold;
	font-variant: small-caps;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}
.title:after{
  	content: ' ';
	text-align: center;
	height: 3px;
	background-color: rgb(206, 86, 28);
	width: 250px;
	display: block;
	margin:3px auto;
}
.titleDesc{
  	font-size: 16px;
  	color: rgb( 140, 140, 140 );
  	line-height: 1.25;
  	text-align: center;
}
@media (max-width: 767px){
	.title{
		font-size: 35px;
	}
	.titleDesc{
		font-size:12px;
	}
}
.urunListe{
  	background-color: #f0f0f0;
  	padding-top: 50px;
  	padding-bottom: 50px;
}
.urun{
	margin-bottom: 15px;
}
@media (max-width: 767px){
	.urun{
    	margin-bottom: 20px;
  	}	
}
@media (max-width: 480px){
	.urun{
		width: 100%;
	}
}
.kutu {
  	position: relative;
  	margin: 0 auto;
  	max-width: 100%;
  	list-style: none;
  	text-align: center;
}
.kutu figure {
  	position: relative;
  	float: left;
  	overflow: hidden;
  	min-width: 100%;
  	max-width: 100%;
  	max-height: 450px;
  	margin-bottom: 25px;
  	width: 100%;
  	text-align: center;
  	cursor: pointer;
  	border-bottom: 2px solid rgb( 137, 137, 137 );
}
.kutu figure img {
  	position: relative;
  	display: block;
  	min-height: 100%;
  	max-width: 100%;
  	margin-bottom: 77px;
}
@media (max-width: 767px){
	.kutu figure,
	.kutu figure img{
		max-height: 200px;
	}
}
@media (min-width: 480px) and (max-width: 767px){
	.kutu figure,
	.kutu figure img{
		max-height: 130px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.kutu figure,
	.kutu figure img{
		max-height: 225px;
	}
}
.kutu figure figcaption {
	padding: 2em;
	font-size: 1.25em;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
@media (min-width: 768px){
	.kutu figure figcaption::before,
	.kutu figure figcaption::after {
		pointer-events: none;
	}
}
.kutu figure figcaption,
.kutu figure figcaption > a {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}
/*
.kutu figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
*/
.urunBaslik{
  	background-color: #FFF;
  	padding: 15px;
}
h3.baslik{
  	font-size: 20px;
  	margin-top: 5px;
}
.urunBaslikDesc, .urunDetay{
  	font-size: 13px;
  	color: rgb( 134, 134, 134 );
  	line-height: 1.7;
  	text-align: left;
}
.gozAt:before{
  content:url('../img/plus.png');
  display: block;
  position: absolute;
  top: -185px;
  left: 39%;
  display: none;
}
figure.efekt figcaption {
	top: auto;
	bottom: 0;
  	padding: 15px;
  	height: 5.5em;
  	background: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.efekt .urunDetay {
	float: left;
}
figure.efekt .description {
	position: absolute;
  	bottom: 88px;
  	padding: 15px;
  	left: 0px;
  	right: 0px;
  	text-transform: none;
  	background-color: #FFF;
  	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
}
@media (max-width: 768px){
	figure.efekt .description{
		padding: 5px;
	}
}
figure.efekt .urunDetay{
    -webkit-transition: -webkit-transform 0.3s;
  	transition: transform 0.3s;
    -webkit-transform: translate3d(0,200%,0);
  	transform: translate3d(0,200%,0);
}
figure.efekt .urunDetay {
	display: inline-block;
}
@media (min-width: 768px){
	figure.efekt:hover .description {
  		opacity: 1;
  		border-bottom:1px solid rgb( 230, 230, 230 );
	}
	figure.efekt:hover figcaption,
	figure.efekt:hover .urunDetay {
		-webkit-transform: translate3d(0,0,0);
	  	transform: translate3d(0,0,0);
	}
	figure.efekt:hover .urunDetay {
	    -webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	figure.efekt:hover figcaption{
  		border-bottom: 7px solid rgb( 137, 137, 137 );
  		transition: all 0.3s;
	}
	figure.efekt:hover .gozAt:before{
  		display: block;
	    -webkit-transition-delay: 0.3s;
  		transition-delay: 0.3s;
	}
}
@media (min-width: 768px) and (max-width: 992px){
  	figure.efekt .description,
  	figure.efekt .urunDetay{
    	padding: 8px;
    	font-size: 12px;
  	}
  	.urunBaslikDesc{
    	font-size: 12px;
  	}
  	figure.efekt figcaption{
    	padding: 0px;
  	}
  	.gozAt:before{
   		content: ' ';
  	}
}
@media (min-width: 768px) and (max-width: 992px){
	figure.efekt .description{
		padding: 14px;
	}
}
@media (max-width: 992px){
	.urunBaslikDesc{
		display: none;
	}
}
.link{
	text-align: center;
  	width: 100%;
    margin: 10px 0px;
}
.products .linkButton{
	border-radius: 5px;
  	padding: 25px;
  	text-transform: uppercase;
}

/* ######################################################
					       ANA SAYFA MARKALAR
######################################################### */
.markalar{
  padding-top: 35px;
  padding-bottom: 35px;
}
.markalar .owl-theme img {
    width: 100%;
    object-fit: contain;
}
@media (max-width: 495px){
	.markalar{
		display: none;
	}
}

/* ######################################################
					     ALT SAYFA GENEL AYARLAR
######################################################### */
.pageHead{
	  height: 220px;
  	background-size: cover;
  	background-position: center;
  	border-bottom: 8px solid #ef7f1a;
  	margin-bottom: 25px;
    width: 100%;
    text-align: center;
    transition: all .3s;
    position: relative;
}
.pageHeadText{
    display: table-cell;
    vertical-align: middle;
  	font-size: 40px;
    text-transform: uppercase;
    text-shadow: 1px 1.732px 9px rgb( 0, 0, 0 );
    color: #fff;
    position: absolute;
    bottom: 0;
    background: #ef7f1a;
    padding: 5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
@media (max-width: 767px){
  	.pageHead{
    	height: 180px;
  	}
  .pageHeadText{
    font-size: 22px;
  }
}

/* ######################################################
					             HAKKIMIZDA
######################################################### */
.hakkimizda .left{
  	background-color: #f5f5f5;
  	padding: 80px;
  	overflow-x: hidden;
  	overflow-y: auto;
}
.hakkimizda .left,
.hakkimizda .right img{
  	min-height: 700px;
  	max-height: 700px;
  	height: 700px;
}
@media (min-width: 768px) and (max-width: 992px){
	.hakkimizda .left{
		padding: 40px;
		padding-bottom: 0px;
		padding-top: 25px;
	}
}
.hakkimizda .aciklama{
  	color: rgb( 60, 60, 60 );
}
@media (max-width: 767px){
	.hakkimizda .left{
		padding: 15px;
		padding-right: 30px;
		padding-left: 30px;
	}
	.hakkimizda .left,
	.hakkimizda .right img{
		min-height: initial;
		max-height: initial;
		height: initial;
	}
	.hakkimizda .right img{
		display: none;
	}
}
.grid {
	position: relative;
  	margin: 0 auto;
  	max-width: 100%;
  	list-style: none;
  	text-align: center;
}
.grid figure {
	position: relative;
  	float: left;
  	overflow: hidden;
  	min-width: 100%;
  	max-width: 100%;
  	max-height: 340px;
  	width: 100%;
  	text-align: center;
  	cursor: pointer;
	margin-bottom: 20px;
}
.grid figure img {
	position: relative;
  	display: block;
  	min-height: 100%;
  	max-width: 100%;
}
.grid figure figcaption {
	padding: 2em;
  	color: #fff;
  	text-transform: uppercase;
  	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
 	left: 0;
  	width: 100%;
  	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
  	text-indent: 200%;
  	white-space: nowrap;
  	font-size: 0;
 	opacity: 0;
}
figure.effect2 {
	background-color: rgba(0,0,0,0.8);
  display: table;
  margin: 10px 0px;
}
figure.effect2 figcaption {
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}
figure.effect2 figcaption::before {
	 position: absolute;
  	top: 30px;
  	right: 30px;
  	bottom: 30px;
  	left: 30px;
  	border: 1px solid #fff;
  	content: '';
}
figure.effect2 h2 {
    vertical-align: middle;
    text-align: center;
    padding-top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
@media(max-width: 1164px){
  figure.effect2 h2 {
    font-size: 22px;
  }
}

figure.effect2 figcaption::before {
  	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
figure.effect2:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect2:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect2:hover figcaption {
  	background-color: rgba(58,52,42,0);
}
figure.effect2:hover img {
  	opacity: 0.4;
}
.otherLink{
  	padding-top: 45px;
  	padding-bottom: 45px;
}
.otherLink img{
  	height: 340px;
}
.otherLink a{
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
}
@media (max-width: 480px){
	.grid figure,
	.grid figure img{
		max-height: 250px;
	}
	.otherLink{
		padding-bottom: 0px;
	}
	.otherLink img{
		height: 250px;
	}
	.grid figure figcaption{
		padding: 0px;
	}
	.seperator{
		display: none;
	}
}

/*##############################################
			         BOŞ ALT SAYFA
################################################ */
.bosIcerikAlani{
	padding-top: 30px;
  	padding-bottom: 30px;
}
@media only screen and (max-width: 480px){
	body .wh-ps.fluid-grid .wh-item, body .wh-ps.fluid-grid[class*=col-] .wh-item{
		width: 50%;
	    padding-bottom: 50%;
	}
}
.bID-108{
  height: 230px;
}
.bosIcerikAlani #BLOCK_479 figure,.bosIcerikAlani #BLOCK_77 figure{
	    padding-bottom: 60px;
}
.bosIcerikAlani #BLOCK_479 figure img,.bosIcerikAlani #BLOCK_77 figure img{
	width: 100%;
    height: 90px;
    padding: 5px;
    object-fit: contain;
}

/*##############################################
			         İLETİŞİM SAYFASI
################################################ */
.iletisimSag{
  	overflow-x: hidden;
  	overflow-y: auto;
}
.fixHeight{
  	height: 350px;
  	max-height: 350px;
  	min-height: 300px;
  	padding: 4px 25px;
    position: relative;
}

#harita {
  height: 735px;
   width: 100%; 
}
  @media(max-width:1400px){
      #harita{
         height: 770px;
      }
   }
    @media(max-width:992px){
      #harita{
         height: 800px;
      }
   }
    @media(max-width:768px){
      #harita{
        margin-top: 15px;
         height: 500px;
      }
   }
.iletisimTop{
  	background-color: #f0f0f0;
  	margin-bottom: 20px;
  	height: 365px;
    max-height: 365px;
}
@media(max-width:1400px){
  .iletisimTop{
    max-height: 400px;
    height: 400px;
  }
}
@media(max-width:992px){
  .iletisimTop{
    max-height: 430px;
    height: 430px;
  }
}
.iletisimBottom{
  	background-color: #f57e1c;
  	padding: 25px;
}
.fixHeight .iletisimTitle{
    font-size: 18px;
    color: rgb( 81, 81, 81 );
    font-weight: bold;
    text-align: center;
    width: 100%;
    background: #f57e1c;
    padding:5px;
    margin: 5px 0px;
}
.fixHeight .iletisimTitle p{
    display: inline;
}
.iletisimSol .adres{
  	padding: 34px;
}
.iletisimSol .fa{
  	color:#ce561c;
}
.iletisimSol .adres, .iletisimSol .adres a{
  	font-size: 14px;
  	color: rgb( 49, 49, 49 );
  	line-height: 2;
  	text-align: left;
}
.iletisimBottom .iletisimTitle{
  	color: #FFF;
  	font-weight:400;
  	margin-top: 0px; 
}
@media (max-width: 767px){
	.fixHeight{
	    height: initial;
	    max-height: initial;
	    min-height: initial;
	    padding: 10px;
  	}
  	.iletisimSol .adres{
    	padding: 15px;
  	}
}
@media (min-width: 768px) and (max-width: 992px){
	.iletisimSol .adres{
		padding: 0px;
	}
}
.form{
  	padding-left: 25px;
  	padding-bottom: 25px;
}
.formify-form{
    max-width: 100%;
}
.form .formify-form .formify-field-container{
  	margin:0.2em 0;
  	text-align: center;
}
.form .formify-form label, .form .formify-form div.formify-legend{
  	display: none;
}
.formify-form input[type="text"],
.formify-form input[type="email"], 
.formify-form input[type="tel"], 
.formify-form input[type="number"], 
.formify-form input[type="search"], 
.formify-form input[type="url"], 
.formify-form input[type="password"],
.formify-form textarea,
.formify-form .formify-select select{
  	width: 100%;
  	border-radius: 0px;
}
.formify-form#formify-form-5-91 .formify-field-container{
  margin: 4px 0px;
}
.formify-form textarea{
  	height: 6em;
}
.formify-form input[type="submit"]{
  	background-color: #BBD700;
  	border-radius: 0px;
  	text-transform:uppercase;
  	color: rgb( 104, 104, 104 );
  	line-height: 2.5;
  	transition: all 0.3s;
    color: #FFF;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    display: inherit;
}
.formify-form input[type="submit"]:hover{
  	background-color: #b43b00;
  	color: #FFF;
}
@media (max-width: 767px){
	.iletisimTitle{
    	font-size: 17px;
  	}
  	.iletisimBottom .iletisimTitle{
    	margin-top: 15px;
  	}
  	.form{
    	padding: 15px;
  	}
  	.iletisimSag{
    	height: initial;
    	min-height: initial;
    	max-height: initial;
  	}
  	.iletisimSag .googleMapCanvas{
    	height: 250px !important;
    	margin-top: 20px;
  	}
}
.bosIcerikAlani .formify-form label, 
.bosIcerikAlani .formify-form div.formify-legend{
    font-weight: bold;
}
.bosIcerikAlani .formify-form fieldset{
  border: none;
}
.formify-radio-label {
    width: 33.333333%;
    float: left;
}
/* #############################################################
          						TABS MENU
############################################################### */
.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}
/* Nav */
.tabs nav {
    text-align: center;
}
.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 70%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
@media (max-width: 992px){
  .tabs nav ul{
      max-width: 100%;
  }
}
.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
}
@media (min-width: 480px){
  .tabs nav ul li {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media (max-width: 515px){
  .tabs nav ul li{
    width: 50%;
  }
}
.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 3;
    text-decoration: none;
}
.tabs-style-bar nav{
    background: transparent;
}
.tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;
}
.tabs-style-bar nav ul li a span{
    font-size: 17px;
    color: rgb( 41, 37, 37 );
    text-transform: none;
}
.tabs-style-bar nav ul li.tab-current a{
    background: #a2352e;
}
.tabs-style-bar nav ul li.tab-current span{
    color: #FFF;
}
@media (max-width: 767px){
  .tabs-style-bar nav ul li a span{
      font-size:16px;
  }
}
.tabs nav li.tab-current a {
    color: #74777b;
}
.tabs-style-bar nav ul li a{
    background-color: #f7f7f7;
}
.tabs nav a:focus {
  outline: none;
}
.content-wrap {
  position: relative;
}
.content-wrap section {
  display: none;
  margin: 0 auto;
  /*padding: 1em;*/
  max-width: 100%;
  text-align: center;
}
.content-wrap section.content-current {
  display: block;
}
.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255,255,255,0.6);
}
.no-flexbox nav ul {
  display: block;
}
.no-flexbox nav ul li {
  min-width: 15%;
  display: inline-block;
}
@media screen and (max-width: 58em) {
    .tabs nav a.icon span {
        display: none;
    }
    .tabs nav a:before {
        margin-right: 0;
    }
}
.content-wrap{
  background-color: #F7F7F7;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* ##################################################
                  DUYURULAR
#####################################################*/
.duyuruItem{
    margin: 15px;
}
.duyuru{
    background-color: #FFF;
    padding: 25px;
}
.duyuruBaslik{
    font-size: 20px;
    color: rgb( 163, 53, 46 );
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.duyuruAciklama{
    font-size: 15px;
    color: rgb( 41, 37, 37 );
    line-height: 1.6;
    text-align: left;
    font-weight: 400;
}
.duyuru a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.duyurular .owl-theme .owl-controls .owl-buttons div{
    border-radius: 0px;
    position: absolute;
    top: 36%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 9px;
    background-color: #a3352e;
    color: #FFF;
    transform: translateY(55%);
}
.duyurular .owl-carousel .owl-buttons .owl-next{
    right: -25px;
    padding-left: 13px;
}
.duyurular .owl-carousel .owl-buttons .owl-prev{
    left: -25px;
    padding-right: 13px;
}
.duyurular .owl-carousel .owl-buttons .owl-prev, .duyurular .owl-carousel .owl-buttons .owl-next{
    border:none;
    opacity: 1;
}
.duyurular .owl-carousel .owl-buttons .owl-prev:hover, .duyurular .owl-carousel .owl-buttons .owl-next:hover{
    background-color: #b43b00;
}

/* ######################################################
					FOOTER
######################################################### */
.footer{
	margin-top: 20px;
}
.footerTop{
	background-color: #ef7f1a;
	padding-top: 25px;
	padding-bottom: 25px;
}
.footerIletisim{
  color: #fff;
}
.footer h3{
	font-size: 20px;
  	color: rgb( 255, 255, 255 );
  	font-weight: bold;
  	line-height: 1;
  	text-align: left;
  	margin-bottom: 20px;
  	text-transform: uppercase;
}
.adres, .adres a{
	color: #FFF;
  	font-size: 12px;
  	color: rgb( 255, 255, 255 );
  	line-height: 1.5;
  	text-align: left;
}
.info{
  	width: 100%;
  	display: block;
  	float: left;
  	margin-bottom: 10px;
}
.info .fa{
    width: 10px;
    margin: 0px 20px;
    float: left;
    margin-top: 7px;
}
.info div{
  	width: 90%;
  	float: left;
}
.footerAciklama{
  	font-size: 13px;
  	color: rgb( 255, 255, 255 );
  	line-height: 1.6;
  	text-align: left;
}
.devami{
  	color: #FFF;
  	font-size: 14px;
  	color: rgb( 255, 255, 255 );
  	line-height: 1.4;
  	text-align: left;
  	transition: all 0.3s;
}
.devami .fa{
  	background-color: #FFF;
  	border-radius: 50%;
  	height: 20px;
  	width: 20px;
  	text-align: center;
  	line-height: 20px;
  	color: #a2352e;
  	font-size: 13px;
  	margin-right: 5px;
}
.devami:hover,
.devami:hover .fa{
  	color: #000;
  	text-decoration: none;
}
.footerLink{
  	padding: 0px;
  	list-style-type: none;
}
.footerLink li a{
  	width: 100%;
  	display: block;
  	font-size: 13px;
  	color: rgb( 255, 255, 255 );
  	text-align: left;
  	text-decoration: none;
  	transition: all 0.3s;
}
.footerLink li a:hover,
.footerLink li a:focus{
  	color: #000;
}
.ikForm{
  	background-color: #BBD700;
  	width: 100%;
  	display: block;
  	padding: 15px;
  	text-align: center;
  	font-size: 24px;
  	color: #fff;
  	line-height: 1.4;
  	transition: all 0.3s;
  	margin-top: 20px;
}
.ikForm:hover{
  	background-color: #181818;
  	color: #FFF;
  	text-decoration: none;
}
.footerBottom{
  	padding-top: 10px;
  	padding-bottom: 10px;
    position: relative;
    text-align: center;
    color: #000;
    font-weight: bold;
}
.footerBottom a{
  text-decoration: none;
  color: inherit;
}
.footerBottom .copyright{
	color: #ef7f1a;
}
.footerBottom .a360-icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
.footerBottom .a360-icon figure{
  padding: 0px;
  margin: 0px;
}
.footerBottom .container{
  position: relative;
}
.sosyal a{
  	color: #535353;
  	margin-right: 5px;
  	font-size:18px;
}
.cpy, .cpy a{
  	text-align: center;
  	font-size: 17px;
  	color: rgb( 92, 92, 92 );
  	font-weight: bold;
}
@media (max-width: 992px){
	.footer .logo{
		display: none;
	}
	.ikForm{
		font-size: 18px;
	}
}
@media (max-width: 767px){
	.footerHakkimizda,
	.footerMenu{
		display: none;
	}
	.sosyal{
		text-align: center;
	}
	.sosyal a{
		font-size: 23px;
		margin-bottom: 10px;
	}
}
@media (max-width: 480px){
	.cpy, .cpy a{
		font-size: 12px;
	}
}

@media only screen and (max-width: 1050px) and (min-width: 651px){
	#BLOCK_77 .wh-item, #BLOCK_77[class*=col-] .wh-item{
		padding-bottom: 5%;
	}
}

.footerIletisim a {
    color: #fff;
    text-decoration: none;
    transition: all .3s;
}
.footerIletisim a:hover{
  color: #3a3332;
}

.iletisim a{
  color: rgba(158, 39, 31, 1);
}




.urun-box{
  margin: 5px 0px; 
  padding: 20px;
  text-align: center;
}
.urun-aciklama {
    border-bottom: 2px solid #ce561c;
    color: #000;
    padding: 5px 10px;
}
.urun-resim img {
    width: 100%;
}
.urun-url a {
    color: #333;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
}
.urun-url a:hover {
    color: #ce561c;
}


.urun-modal{
  background: rgba(0, 0, 0, 0.9) !important;
}

#btn-close-modal{
  min-height: 50px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#btn-close-modal i{
  font-size: 35px;
  margin: 10px;
  color: #ce561c;
  transition: ease-in .3s;
  cursor: pointer;
}
#btn-close-modal i:hover{
  color: #fff;
}

.urun-modal-content{
  color: #fff;
}

.modal-image{
  padding: 15px 50px;
}
.modal-image img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.modal-description{
  text-align: justify;
  padding: 20px 0px;
}

.modal-feature{
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 0px;
}
.modal-feature ul {
  list-style: none;
}
.modal-feature ul li:before {
    /* Unicode bullet symbol */
    content: "\f054";
    color: #ce561c;
    padding-right: 0.5em;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alt-ozellik {
    padding: 15px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.alt-ozellik-resim{
  text-align: center;
}
.alt-ozellik-resim img{
  height: 50px;
}