/*
	Kodlama : Mornet Ajans /

*/

/*-----------------------------------------------------------------------------------*/
/*	0.	STANDART
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
body{ margin:0; padding:0;font-family: 'Exo', sans-serif;background:url(../images/bg.jpg)repeat}


.mobils{width:100%;height:60px;float:left;background:#444B51;display:none}
.mobil-menu{width:100%;height:auto;float:left;display:none}
.ajans{display:none}
/*-----------------------------------------------------------------------------------*/
/*	0.	ANASAYFA
/*-----------------------------------------------------------------------------------*/

.lefts{width:49.9%;height:100%;min-height:100%;position:fixed;left:0;top:0;-webkit-animation:bounceInDown 1.60s  ease-in;animation-delay:0.2s}
.rights{width:50%;height:100%;min-height:100%;position:fixed;right:0;background:#333;top:0%;display:block;-webkit-animation:bounceInUp 1.60s  ease-in;animation-delay:0.2s}

.left-top{width:100%;float:left;height:25.7%;position:absolute;left:0}

.left-top-left{width:40%;height:100%;float:left}
.logo a{display:block;margin:18% 5% 5% 5%;padding:0px;width:90%;height:auto;float:left;-webkit-animation:flash 1.5s  ease-in;animation-delay:1.6s}
.logo a img{display:block;margin:0px;padding:0px;float:left;width:100%;height:auto}
.social{width:100%;float:right;display:block}
.xsocial{width:100%;float:right;display:none}

.xsocial-media{width:220px;height:40px;margin:4% auto 2% auto;}
.xsocial-media img{display:block;margin:0px 5px;padding:0px;float:right}
.xsocial-media ul{display:block;margin:0px;padding:0px;width:110px}
.xsocial-media ul li{display:block;margin:0px 0px;padding:0px;float:left}
.xsocial-media  span{display:block;margin:-10px 10px 0px 10px;padding:0px;float:left;width:1px;height:40px;background:#ccc}

.social-media{width:220px;height:40px;margin:4% auto 2% auto;}
.social-media img{display:block;margin:0px 5px;padding:0px;float:right}
.social-media ul{display:block;margin:0px;padding:0px;width:110px}
.social-media ul li{display:block;margin:0px 0px;padding:0px;float:left}
.social-media  span{display:block;margin:-10px 10px 0px 10px;padding:0px;float:left;width:1px;height:40px;background:#ccc}

.facebook a{display:block;margin:0px;padding:0px;width:18px;height:18px;background:url(../images/icon/facebook.png)no-repeat;text-indent:-9999px;transition-duration:0.3s}
.facebook a:hover{background:url(../images/icon/facebook.png)0px -18px no-repeat}
.twitter a{display:block;margin:0px;padding:0px;width:18px;height:18px;background:url(../images/icon/twitter.png)no-repeat;text-indent:-9999px;transition-duration:0.3s}
.twitter a:hover{background:url(../images/icon/twitter.png)0px -18px no-repeat}
.instagram a{display:block;margin:0px;padding:0px;width:18px;height:18px;background:url(../images/icon/instagram.png)no-repeat;text-indent:-9999px;transition-duration:0.3s}
.instagram a:hover{background:url(../images/icon/instagram.png)0px -18px no-repeat}

.phone{display:block;margin:0px;padding:0px;float:left;width:100%;text-align:center;font-size:26px;font-weight:500;color:#444B51}
.phone strong{font-size:22px;font-weight:800;color:#E4A935}

.xphone{display:none;margin:0px;padding:0px;float:left;width:100%;text-align:center;font-size:20px;font-weight:500;color:#444B51}
.xphone strong{font-size:18px;font-weight:800;color:#E4A935}

.left-top-right{width:60%;height:100%;float:right;}
.left-top-right ul{display:block;margin:0px;padding:0px}
.left-top-right ul li{display:block;margin:0px;padding:0px;float:left;position:absolute}
.left-top-right ul li a{height:100%;min-height:50% !important;}


.menu1 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#444B51;position:absolute;left:40%;transition-duration:0.3s}
.menu1 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu1 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu1.png)no-repeat;content:"";}

.menu2 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#E4A935;position:absolute;left:60%;transition-duration:0.3s}
.menu2 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu2 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu2.png)no-repeat;content:"";}

.menu3 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#444B51;position:absolute;left:80%;transition-duration:0.3s}
.menu3 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu3 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu3.png)no-repeat;content:"";}

.menu4 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#E4A935;position:absolute;left:40%;top:50%;transition-duration:0.3s}
.menu4 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu4 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu4.png)no-repeat;content:"";}

.menu5 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#444B51;position:absolute;left:60%;top:50%;transition-duration:0.3s}
.menu5 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu5 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu5.png)no-repeat;content:"";}

.menu6 {display:block;margin:0px;padding:0px;width:20%;height:50%;background:#E4A935;position:absolute;left:80%;top:50%;transition-duration:0.3s}
.menu6 a{display:block;margin:0px;padding:0px;color:#fff;text-align:center;font-size:15px;font-weight:500}
.menu6 a:before{display:block;margin:10% auto 10% auto;padding:0px;width:35px;height:35px;background:url(../images/icon/menu6.png)no-repeat;content:"";}

.left-bottom{width:100%;height:auto;}

.bottom-right{width:400px;height:120px;background:url(../images/white.png)repeat;position:fixed;right:0;bottom:0;border-left:4px solid #D0961C;-webkit-animation:bounceInUp 1.60s  ease-in;animation-delay:0.2s}
.mornet a{display:block;margin:0px 10px 0px 0px;padding:0px;width:110px;height:40px;position:absolute;right:0;bottom:0}
.mornet a img{display:block;margin:4px auto;padding:0px;width:109px;height:17px}

.index-social{width:100%;float:right;display:block;position:absolute;right:50px;bottom:-10px;z-index:111}
.index-social-media{width:220px;height:40px;margin:4% auto 2% auto;}
.index-social-media img{display:block;margin:0px 5px;padding:0px;float:right}
.index-social-media ul{display:block;margin:0px;padding:0px;width:110px}
.index-social-media ul li{display:block;margin:0px 0px;padding:0px;float:left}
.index-social-media  span{display:block;margin:-10px 10px 0px 10px;padding:0px;float:left;width:1px;height:40px;background:#ccc}

.index-phone{display:block;margin:10px 10px 0px 50px;padding:0px;float:left;width:100%;text-align:center;font-size:30px;font-weight:500;color:#444B51;width:280px;border-bottom:1px solid #777;padding-bottom:10px}
.index-phone:before{display:block;margin:5px 0px 0px 10px ;padding:0px;width:27px;height:27px;background:url(../images/icon/phonex1.png)no-repeat;content:"";float:left}
.index-phone strong{font-size:22px;font-weight:800;color:#E4A935}

.in-left{width:20%;height:100%;position:fixed;left:0;top:0;border-right:6px solid #E4A935;-webkit-animation:fadeInLeft 0.8s  ease-in;animation-delay:0.2s}
.in-right{width:80%;height:100%;min-height: 100%;background:url(../images/bin/bg.jpg)no-repeat center center;
background-repeat:no-repeat;
      background-size: cover;position:fixed;right:0;top:0}

.in-header{width:90%;margin:6% auto 0px auto;border-bottom:1px solid #ccc;overflow:hidden;padding:0px 0px 20px 0px}

.in-menu{width:100%;height:auto;float:left;margin:15% 0px 5% 0px}
.in-menu ul{display:block;margin:0px;padding:0px}
.in-menu ul li{display:block;margin:2px 0px 0px 0px;padding:0px;float:left;}
.in-menu ul li a{width:100%;height:60px;float:left}

.in-menu1:hover {background:#2E3438}
.in-menu2:hover {background:#D0961C}
.in-menu3:hover {background:#2E3438}
.in-menu4:hover {background:#D0961C}
.in-menu5:hover {background:#2E3438}
.in-menu6:hover {background:#D0961C}

.menu1:hover {background:#2E3438}
.menu2:hover {background:#D0961C}
.menu3:hover {background:#2E3438}
.menu4:hover {background:#D0961C}
.menu5:hover {background:#2E3438}
.menu6:hover {background:#D0961C}

.filtre{width:75%;height:auto;margin:20px 0px 40px 0px;padding:10px;position:relative;left:0;right:0;top:0px;bottom:5%;display:block;float:left}
.filtres{width:75%;height:auto;margin:0px auto;padding:10px;position:relative;left:0;right:0;top:0px;bottom:5%;display:block}

.filtre-mobil{width:75%;height:auto;margin:0px;padding:10px;position:absolute;left:0;right:0;top:0%;bottom:5%;display:block}
.filtre-mobil ul{display:block;margin:0px;padding:0px;border:none}
.filtre-mobil ul li{display:block;margin:0px 6px 0px 6px;padding:0px 0px;height:48px;float:left;position:relative;}
.filtre-mobil >ul> li> a{display:block;margin:0px 0px;padding:0px 16px 0px 16px;height:48px;border-bottom:2px solid #ddd;background:none;color:#ddd;line-height:46px;float:left;width:100%;text-align:center;font-weight:600;font-size:15px}
.filtre-mobil >ul> li> a:hover{background:#E4A935;border:2px solid #E4A935;color:#262626}


.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #262626;
    cursor: default;
    background:#E4A935;
    border:  2px solid #E4A935;
 
}

.tab-content{width:100%;height:auto;margin:0px 0px;padding:10px;position:relative;float:left}


.in-menu1 {display:block;margin:0px;padding:0px;width:100%;background:#444B51;transition-duration:0.3s}

.in-menu1 a{display:block;margin:0px;padding:0px;color:#fff;font-size:15px;font-weight:500;float:left;line-height:60px}
.in-menu1 a:before{display:block;margin:12px 10px 0px 20px;padding:0px;width:35px;height:35px;background:url(../images/icon/menu1.png)no-repeat;content:"";float:left}

.in-menu2 {display:block;margin: 0px;padding:0px;width:100%;background:#E4A935;transition-duration:0.3s}
.in-menu2 a{display:block;margin:0px;padding:0px;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:60px}
.in-menu2 a:before{display:block;margin:12px 10px 0px 20px ;padding:0px;width:35px;height:35px;background:url(../images/icon/menu2.png)no-repeat;content:"";float:left}

.in-menu3 {display:block;margin:0px;padding:0px;width:100%;height:10%;background:#444B51;transition-duration:0.3s}
.in-menu3 a{display:block;margin:0px;padding:0px;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:60px}
.in-menu3 a:before{display:block;margin:12px 10px 0px 20px;padding:0px;width:35px;height:35px;background:url(../images/icon/menu3.png)no-repeat;content:"";float:left}

.in-menu4 {display:block;margin:0px;padding:0px;width:100%;background:#E4A935;transition-duration:0.3s}
.in-menu4 a{display:block;margin:0px;padding:0px;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:60px}
.in-menu4 a:before{display:block;margin:12px 10px 0px 20px;padding:0px;width:35px;height:35px;background:url(../images/icon/menu4.png)no-repeat;content:"";float:left}

.in-menu5 {display:block;margin:0px;padding:0px;width:100%;background:#444B51;transition-duration:0.3s}
.in-menu5 a{display:block;margin:0px;padding:0px;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:60px}
.in-menu5 a:before{display:block;margin:12px 10px 0px 20px;padding:0px;width:35px;height:35px;background:url(../images/icon/menu5.png)no-repeat;content:"";float:left}

.in-menu6 {display:block;margin:0px;padding:0px;width:100%;background:#E4A935;transition-duration:0.3s}
.in-menu6 a{display:block;margin:0px;padding:0px;color:#fff;text-align:left;font-size:15px;font-weight:500;line-height:60px}
.in-menu6 a:before{display:block;margin:12px 10px 0px 20px;padding:0px;width:35px;height:35px;background:url(../images/icon/menu6.png)no-repeat;content:"";float:left}


.in-header-bottom{width:90%;margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;position:absolute;bottom:5%;left:0;right:0}
.in-header-bottom p{display:block;margin:0px;padding:0px;width:100%;font-size:12px;color:#414A50;line-height:40px;text-align:center;}
.in-header-bottom a img{display:block;margin:20px auto;padding:0px;width:109px;height:17px;}

.in-content{width:80%;margin:0px auto;position:absolute;left:0;right:0;top:7%;bottom:7%;-webkit-animation:zoomIn 0.7s  ease-in;animation-delay:0.2s}


.sub-header{width:100%;height:60px;border-bottom:1px solid #263646}
.sub-header img{display:block;margin:2px 10px;width:40px;height:40px;float:left}
.sub-header h1{display:block;margin:0px;padding:0px;color:#E4A935;font-size:26px;font-weight:600;line-height:50px}


.in-contents{width:100%;margin:0px;float:left;overflow-y:scroll;overflow-x: hidden !important;position:absolute;top:10%;bottom:5%;padding:20px}
.in-contents p{display:block;margin:10px 0px;padding:0px;width:100%;color:#fff;font-size:14px;font-weight:500;text-indent:10px;float:left}
.in-contents h3{display:block;margin:10px 0px;padding:0px;width:100%;color:#E4A935;font-size:16px;font-weight:500;text-indent:10px;float:left}
.in-contents>img{display:block;margin:10px 0px 20px 0px;padding:0px;color:#fff;font-size:14px;font-weight:500;text-indent:10px;border:4px solid #fff}



.contact_text{width:100%; overflow:hidden;float:left;margin:10px 0px 0px 0px}
.contact_text ul{display:block;margin:0px;padding:0px 20px}
.contact_text ul li {width:31%; overflow:hidden; padding-bottom:5px; padding-top:15px;display:block;float:left;margin:1%}
.contact_text ul li span{width:100%; color:#E4A935; font-weight:600;  font-size:15px;margin: 0px;line-height:30px;text-align:center;display:block}
.contact_text ul li .adres:before{width:20px; height:18px; display:block; margin:3px auto 10px auto; content:""; background:url(../images/icon/icons1.png)no-repeat;display:block}
.contact_text ul li .tel:before{width:20px; height:18px; display:block;  margin:3px auto 10px auto; content:""; background:url(../images/icon/icons3.png)no-repeat;}
.contact_text ul li .fax:before{width:18px; height:18px; display:block; margin:3px auto 10px auto; content:""; background:url(../images/icon/icons2.png)no-repeat;}
.contact_text ul li .mail:before{width:18px; height:12px; display:block; margin:7px auto 10px auto; content:""; background:url(../images/icon/icons4.png)no-repeat;}
.contact_text ul li p {color:#f8f8f8; font-weight:600;  font-size:16px;text-align:center;display:block}
.contact_text ul li p a {color:#f8f8f8; display:block}

.contact-map{width:100%; overflow:hidden;float:right;margin:20px 0px 0px 0px;border:4px solid #ccc;padding:0px;height:350px;}

.modal-content {
background:none
}

.form-left{width:48%;height:auto;float:left}
.form-left img{width:100%;height:auto;float:left;display:block}
.form-right{width:48%;height:auto;float:right}

.videos{width:100%;height:auto;float:left}
.videos ul{display:block;margin:0px;padding:0px}
.videos ul li{display:block;margin:1%;padding:0px;width:48%;float:left}

.listele{width:100%;height:auto;float:left;margin:20px 0px 0px 0px}
.listele ul{display:block;margin:0px;padding:0px;}
.listele h5{display:block;margin:0px 0px 20px 0px;padding:0px;color:#E4A935;font-size:18px;font-weight:600;line-height:50px;border-bottom:1px solid #263646}
.listele ul li{display:block;margin:0.5%;padding:20px 0px 0px 0px;width:24%;height:80px;float:left;border:2px solid #33383C;text-align:center;color:#E4A935;line-height:35px;background:#3A4145;transition-duration:0.3s;cursor:pointer}
.listele ul li:hover{border:2px solid #33383C;color:#33383C;background:#E4A935}



.yonlendir{width:100%;float:left;height:auto}
.yonlendir ul{width:100%;float:left;height:auto;display:block;margin:0px;padding:0px}
.yonlendir ul li{float:left;display:block}
.yonlendir ul li a{float:left;width:220px;background:#F0F0F0;border:2px solid #E4A935;color:#444B51;height:50px;line-height:50px;text-align:center;margin:0px 5px;font-weight:600}
.yonlendir ul li a:hover{background:#E4A935;color:#f0f0f0}


	input {width:100%;height:50px;border:1px solid #ccc;text-indent:10px;background:none;margin:4px 0.16%;color:#fff}
	textarea {width:100%;height:100px;border:1px solid #ccc;text-indent:10px;background:none;margin:4px 0.5%;padding:top:10px;color:#fff}
	button{width:150px;text-align:center;line-height:50px;height:50px;border:2px solid #ccc;background:none;color:#ccc;font-weight:600;margin:0px auto;float:none;display:block;transition-duration:0.3s}
	button:hover{background:#ccc;color:#333;}

.in-contents::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #E4A935;
}

.in-contents::-webkit-scrollbar
{
	width: 6px;
	background-color: #E4A935;
}

.in-contents::-webkit-scrollbar-thumb
{
	background-color: #AE7D17;
}

.foto-galeri {margin-bottom: 0; margin:20px 0px 20px 0px; padding:0;width:100%;display:block;float:left}

.foto-galeri ul{display:block;margin:0px;padding:0px;}		
.foto-galeri ul li{display:block;margin:0.5%;padding:0px;border: 2px solid #ccc;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:300px;width:24%;}		
.foto-galeri a img{-webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;              
             flex-shrink:0;height:100%; object-fit: cover;display:block;transition-duration:0.3s
			 }
			
.foto-galeri ul li a:hover img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }






.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

    .item:nth-child(1) {
     background-image:url("http://placehold.it/1900x1080&text=Slide one");
    }

    .item:nth-child(2) {
      background-image:url("http://placehold.it/1900x1080&text=Slide two");
    }

    .item:nth-child(3) {
      background-image:url("http://placehold.it/1900x1080&text=Slide Three");
    }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
     left: 0px;
    z-index: 15;
    width: 20%;
    padding-left: 0;
    margin-left: 0%;
   
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color:#fff;
    border: 1px solid #fff;
    border-radius: 0px;
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0;
    background-color: #E4A935;border:1px solid #E4A935
}	
	


.slider{display:block;}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/*-----------------------------------------------------------------------------------*/
/*	0.	SAYFA İÇLERİ
/*-----------------------------------------------------------------------------------*/


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

.ic-grid {
	overflow: hidden;
	margin: 0px auto 0px auto !important;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.ic-grid ul li figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 100%;
	height:100%;

	text-align: center;
	cursor: pointer;
	float:left
	
}


/* Common style */
.ic-b1 {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 32%;
	height:600px;
	background:#424A50;
	text-align: center;
	cursor: pointer;
	float:left;transition-duration:0.6s;margin:0.5%
	
}


/* Common style */
.ic-b2 {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 10px 0px;
	/*margin: -0.135em;*/
	width: 32%;
	height:600px;
	background:#424A50;
	text-align: center;
	cursor: pointer;
	float:left;transition-duration:0.6s;margin:0.5%
	
}

/* Common style */
.ic-b3 {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 32%;
	height:600px;
	background:#424A50;
	text-align: center;
	cursor: pointer;
	float:left;transition-duration:0.6s;margin:0.5%
	
}


			  
			  
.ic-b1:hover{background:#E4A935}
.ic-b2:hover{background:#E4A935}
.ic-b3:hover{background:#E4A935}

.ic-grid ul li figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.ic-grid ul li figure figcaption {
	padding: 2em;
	color: #f8f8f8;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ic-grid ul li figure figcaption::before,
.ic-grid ul li figure figcaption::after {
	pointer-events: none;
}

.ic-grid ul li figure figcaption,
.ic-grid ul li figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.ic-grid ul li figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.ic-grid ul li figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.ic-grid ul li figure h2 span {
	font-weight: 700;
}

.ic-grid ul li figure h2,
.ic-grid ul li figure p {
	margin: 0;
}

.ic-grid ul li figure p {
	letter-spacing: 1px;width:100%;float:left;
	font-size: 68.5%;text-align:center
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba1 {

}

figure.effect-bubba1 img {
	opacity: 0.5;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;height: 100%;width: 100%; flex-shrink:0;height:100%; object-fit: cover
}

figure.effect-bubba1:hover img {
	opacity: 0.1;background:#fff
}

figure.effect-bubba1 figcaption::before,
figure.effect-bubba1 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba1 figcaption::before {
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba1 figcaption::after {
	border-right: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba1 h2 {
	padding-top: 80%;font-size:26px;color:#f8f8f8;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);font-weight:500;line-height:20px
}

figure.effect-bubba1 p {
	padding: 20px 2.5em;text-align:center;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);color:#f8f8f8;
}

figure.effect-bubba1:hover figcaption::before,
figure.effect-bubba1:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba1:hover h2,
figure.effect-bubba1:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


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

.grid {
	overflow: hidden;
	margin: 30px 0 0px auto !important;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid ul li figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 100%;
	height:100%;

	text-align: center;
	cursor: pointer;
	float:left
	
}


/* Common style */
.b1 {
	position: absolute;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 33.25%;
	height:75%;
	background: #32363A;
	text-align: center;
	cursor: pointer;
	float:left;top:25.9%;left:0%;transition-duration:0.6s;
	
}


/* Common style */
.b2 {
	position: absolute;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 33.25%;
	height:75%;
	background: #32363A;
	text-align: center;
	cursor: pointer;
	float:left;top:25.9%;left:33.38%;transition-duration:0.6s
	
}

/* Common style */
.b3 {
	position: absolute;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 33.25%;
	height:75%;
	background: #32363A;
	text-align: center;
	cursor: pointer;
	float:left;top:25.9%;left:66.7%;transition-duration:0.6s
	
}

.b1:hover{background:#E4A935}
.b2:hover{background:#E4A935}
.b3:hover{background:#E4A935}

.grid ul li figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grid ul li figure figcaption {
	padding: 2em;
	color: #f8f8f8;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid ul li figure figcaption::before,
.grid ul li figure figcaption::after {
	pointer-events: none;
}

.grid ul li figure figcaption,
.grid ul li figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid ul li figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid ul li figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid ul li figure h2 span {
	font-weight: 700;
}

.grid ul li figure h2,
.grid ul li figure p {
	margin: 0;
}

.grid ul li figure p {
	letter-spacing: 1px;width:100%;float:left;
	font-size: 68.5%;text-align:center
}



/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {

}

figure.effect-bubba img {
	opacity: 0.3;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.1;background:#fff
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 96%;font-size:26px;color:#f8f8f8;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);font-weight:500;line-height:30px
}

figure.effect-bubba p {
	padding: 20px 2.5em;text-align:center;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);color:#f8f8f8;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}



figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


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

/* ------------- EFFECT ----------------- */

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


@keyframes left-top {
  from {
left:-100%;}
  }
  to {
left: 0px;}
  }
}
.clear{}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}


@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
}