/* CSS Document */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body{ margin:0; padding:0; font-family: 'Roboto', sans-serif; overflow-x:hidden;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix{ clear:both; float:none;}


.socialTop{ display:inline-block; width:auto; float:left; height:42px; margin-left:81px;}
.socialTop ul{ margin:0; padding:0; list-style:none;}
.socialTop ul li{ float:left;}
.socialTop ul li a{ display:block; width:42px; height:42px; text-align:left; font-size:15px; color:#000; line-height:42px; transition:all .5s;}
.socialTop ul li a:hover{ color:#fbdd00;}

.msearchBtnCS{display:inline-block; min-width:34px; width:auto; height:27px; position:relative; float:right; line-height:27px; z-index:60; margin:12px 0 0 5px;}
.msearchBox{width:100%; height:40px; float:left; margin:15px 0; border:1px solid #fbdd00; background:#333; color:#fbdd00; font-size:13px; font-weight:300; padding:0 5px;}

.msClose1{width:50px; height:40px; opacity:1; float:left; font-size:25px; text-align:left; color:#fbdd00; line-height:40px; margin:15px 0; cursor:pointer; transition: all .6s ease-in-out;}
.msearchConV1 .msClose1{ opacity:1; transition: all .6s ease-in-out;}


.msearchCon1{width:100%; height:70px; overflow:hidden; background:#333; position:absolute; z-index:9985; float:right; right:0; top:-70px; transition: all 0.3s ease-in-out;}
.msearchConV1{ top:0; transition: all 0.2s ease-in-out;}

a.msearchBtn1{font-size:20px; color:#333; position: relative; float:right;  transition: all 0.3s ease-in-out; display:block; width:30px; height:25px; line-height:25px; text-align:center; margin:19px 50px 0 0;}
a.msearchBtn1:hover{ color:#fbdd00;}



.searchBtnC{display:inline-block; width:auto; height:27px; position:absolute; right:90px; top:30px; line-height:27px; z-index:60;}

.searchBtnCS{display:inline-block; min-width:34px; width:auto; height:27px; position:relative; float:right; line-height:27px; z-index:60; margin:20px 50px 0 5px;}


a.searchBtn1{font-size:17px; color:#fbdd00; position: absolute; right:0;  transition: all 0.3s ease-in-out; display:block; width:30px; height:25px; line-height:25px; text-align:center;}
a.searchBtn1:hover{ background:#fbdd00; color:#333;}

.searchCon1{width:0; height:39px; overflow:hidden; background:#333; position:relative; z-index:85; float:right; right:0; top:-7px; transition: all 0.3s ease-in-out;}
.searchConV1{ width:250px; transition: all 0.2s ease-in-out;}

.sClose1{width:40px; height:29px; opacity:0; float:left; font-size:20px; text-align:center; color:#fbdd00; line-height:29px; margin:5px 0; cursor:pointer; transition: all .6s ease-in-out;}
.searchConV1 .sClose1{ opacity:1; transition: all .6s ease-in-out;}
.searchTbox1{width:200px; height:29px; float:left; margin:5px; border:1px solid #fbdd00; background:#333; color:#fbdd00; font-size:13px; font-weight:300;}

.searchBox{width:200px; height:29px; float:left; margin:5px; border:1px solid #fbdd00; background:#333; color:#fbdd00; font-size:13px; font-weight:300; padding:0 5px;}


a.searchBtn{font-size:17px; color:#fbdd00; float:right; transition: all 0.3s ease-in-out; display:block; width:30px; height:25px; line-height:25px; text-align:center;}
a.searchBtn:hover{ background:#fbdd00; color:#333;}

.searchCon{width:0; height:39px; overflow:hidden; background:#333; position:absolute; right:0; top:-7px; transition: all 0.3s ease-in-out;}
.searchConV{ width:250px; transition: all 0.2s ease-in-out;}

.sClose{width:40px; height:29px; opacity:0; float:left; font-size:20px; text-align:center; color:#fbdd00; line-height:29px; margin:5px 0; cursor:pointer; transition: all .6s ease-in-out;}
.searchConV .sClose{ opacity:1; transition: all .6s ease-in-out;}
.searchTbox{width:200px; height:29px; float:left; margin:5px; border:1px solid #fbdd00; background:#333; color:#fbdd00; font-size:13px; font-weight:300;}

a.iconUp{ display:none; width:60px; height:60px; position:fixed; bottom:0; right:0; background:#333; text-align:center; line-height:60px; color:#fff; font-size:20px; transition: all 0.3s ease-in-out; }
a.iconUp:hover{ background:#fbdd00;}


.leftBlock{ float:left; position:relative; width:100%; padding:0 15px; background:#fff !important;}
.rightBlock{ float:right;}


a.productBox{width:100%; height:100%; position:relative; display:block; color:#fff;}
.Pimage{ width:100%; height:100%; transition: all 0.8s ease-in-out; background-size: cover; }
.pBoxMask{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); transition: all 0.3s ease-in-out;}

.pBoxMInfoCon{width:100%; position:relative; top:50%; margin-top:-67px;}
.pBoxMItitle{width:100%; text-align:center; font-size:28px; font-weight:600; letter-spacing:1px; padding-bottom:25px;}
.pBoxMISep{width:20%; height:4px; background:#fbdd00; margin:0 auto;}
.pBoxMItxt{width:100%; text-align:center; font-size:24px; font-weight:300; letter-spacing:1px; padding-top:25px;}
.pBoxSubTitle{width:100%; text-align:center; font-size:23px; background:rgba(0,0,0,0.7); font-weight:400; letter-spacing:1px; position:absolute; bottom:0; padding:15px 0; opacity:0; transition: all 0.3s ease-in-out;}


a.productBox:hover .pBoxMask{ opacity:0;}
a.productBox:hover .pBoxSubTitle{ opacity:1;}
a.productBox:hover .Pimage{transform: scale(1.2);}




a.projectBox{width:100%; height:100%; position:relative; overflow:hidden; display:block; color:#fff;}
a.projectBox img{ width:100%; transition: all 0.8s ease-in-out; }
.pBoxMask{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); transition: all 0.3s ease-in-out;}

.proBoxMInfoCon{width:100%; position:relative; top:50%; margin-top:-47px;}
.proBoxMItitle{width:100%; text-align:center; font-size:18px; font-weight:500; letter-spacing:1px; padding-bottom:14px;}
.proBoxMISep{width:20%; height:2px; background:#fbdd00; margin:0 auto;}
.proBoxMItxt{width:100%; text-align:center; font-size:14px; font-weight:300; letter-spacing:1px; padding-top:15px; color:rgba(255,255,255,0.8);}
.proBoxSubTitle{width:100%; text-align:center; font-size:18px; background:rgba(0,0,0,0.7); font-weight:500; letter-spacing:1px; position:absolute; bottom:0; padding:10px 0; opacity:0; transition: all 0.3s ease-in-out;}


a.projectBox:hover .pBoxMask{ top:-100%;}
a.projectBox:hover .proBoxSubTitle{ opacity:1;}
a.projectBox:hover img{transform: scale(1.1);}


.documentBox{width:100%; height:100%; position:relative; overflow:hidden; padding:0 0 12px 0; margin:15px 0 0 0;  border-bottom:1px dotted rgba(0,0,0,0.3);}

.documentMItitle{width:100%; text-align:center; font-size:17px; font-weight:600; letter-spacing:1px; padding-bottom:14px; padding-top:14px; height:80px; color:rgba(0,0,0,0.8);}
.documentMISep{width:20%; height:2px; background:#fbdd00; margin:0 auto;}
.documentMItxt{width:100%; text-align:center; font-size:14px; font-weight:300; letter-spacing:1px; padding-top:15px; color:rgba(0,0,0,0.8);}

a.docImgCon{width:100%; height:auto; text-align:center; position:relative; transition: all 0.3s ease-in-out; display:block;}
a.docImgCon img{ display:block;}
.docImgMask{width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.7); left:0; top:0; opacity:0; transition: all 0.3s ease-in-out; text-align:center;}
a.docImgCon:hover .docImgMask{ opacity:1;}
.docImgMask i{ font-size:34px; color:#fff;}
.docImgICon{width:100%; height:35px; position:absolute; top:50%; margin-top:-17px;}

.newsMInfoCon{width:100%; position:relative; margin:15px 0 0 0;}

.docLink {
  position: relative;
  z-index: 1;
  width:100%; display:block; transition: all 0.3s ease-in-out; padding:10px 0; margin-top:19px; font-size:13px; text-align:center; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.7);}

.docLink::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

.docLink:hover::before {
  right: 0;background: #fbdd00; transition: all 0.3s ease-in-out; }
.docLink:hover{ border-color:#fbdd00;}

.docLink2 {
  position: relative;
  z-index: 1;
  width:100%; display:block; transition: all 0.3s ease-in-out; padding:10px 0; margin-top:19px; font-size:13px; text-align:center; color:#000; border:#fbdd00; background:#fbdd00;}

.docLink2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

.docLink2:hover::before {
  right: 0;background:rgba(0,0,0,1); transition: all 0.3s ease-in-out; }
.docLink2:hover{ border-color:rgba(0,0,0,1); color:#fbdd00;}




.docLink3 {
  position: relative;
  z-index: 1;
  width:100px; display:block; transition: all 0.3s ease-in-out; padding:10px 0; margin-top:19px; font-size:13px; text-align:center; color:#fbdd00; background:#333333; float:right;}

.docLink3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

.docLink3:hover::before {
  right: 0;background:#fbdd00; transition: all 0.3s ease-in-out; }
.docLink3:hover{ color:#333;}








.gaZoom{ position:absolute; width:50px; height:50px; right:-50px; top:10px; color:rgba(0,0,0,0.5); cursor:pointer; transition: all 0.3s ease-in-out; background:#fbdd00; text-align:center; line-height:50px;}
.gaZoom:before {
  font-family: 'Linearicons-Free';
  font-size: 30px;
  display: inline-block;
  color:#333;
  content: '\e881';
  
}
.gaZoom:hover{ color:rgba(0,0,0,1);}

.pSlideThumb{width:100%; height:133px; position:relative; cursor:pointer; overflow:hidden;}
.pSlideThumb img{ width:250px; transition: all 0.7s ease-in-out;}
.pSlideTMask{width:100%; height:0; position:absolute; left:0; bottom:0; opacity:1; background:#fbdd00; transition: all 0.3s ease-in-out;}
.pSlideThumb:hover .pSlideTMask{ height:9px;}
.flex-active-slide .pSlideTMask{ height:9px;}
/*.pSlideThumb:hover img{transform: scale(1.1);}*/

#carousel .flex-prev:before{ color:#fff; text-shadow: none;}
#carousel .flex-next:before{ color:#fff; text-shadow: none;}
.proGaImg{width:auto !important; margin:auto;}






/* Slider */

a {
  outline: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }


.button {
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 11px;
  letter-spacing: 4px;
  padding:7px; }

.button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out; }

.button:hover::before {
  right: 0; }

.button.black::before {
  background: #000; }

.button.white::before {
  background: #fff; }

.button.boxed.white {
  border: 1px solid #fff;
  background:none;
  color: #fff; }

.button.boxed.white:hover {
	text-decoration:none;
	
  color: #000; }

.button.boxed.black {
  border: 1px solid #fff;
  background: #fff;
  color: #000; }

.button.boxed.black:hover {
  color: #fff;border: 1px solid #000; }

.button.boxed.light-brown {
  border: 1px solid #dcbc98;
  background: none;
  color: #dcbc98; }

.button.boxed.light-brown:hover {
  color: #fff;
  background: #dcbc98; }

.button.boxed.brown {
  border: 1px solid #AB8860;
  background: none;
  color: #AB8860; }

.button.boxed.brown:hover {
  color: #fff;
  background: #AB8860; }


.full {
  padding: 100px 0;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  /* for work section and member section*/ }

.no-padding {
  padding: 0; }


/* slide */
.slide-info {
  position: absolute;
  width: auto;
  top: 86%;
  z-index: 2;
  left: 60px; }
  .slide-info h1 {
    text-transform: uppercase;
	color:#333333;
    line-height: 1.2em;
    font-family: "Chivo";
    font-size: 18px;
    letter-spacing: 4px;
    opacity: 0;
	font-weight:500;
	background:#fbdd00;
	padding:6px 5px 4px 5px;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
    .slide-info h1 span {
      /*font-style: italic;*/
      font-weight: 300; }
  .slide-info p {
    color: #fff;
    letter-spacing: 4px;
    font-weight: 300;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .slide-info .image-wrapper {
    background-repeat: no-repeat;
    backbround-position: left top;
    background-size: contain;
    width: 100%;
    height: 460px;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .slide-info .button {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }

.slide.active .slide-info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
  .slide.active .slide-info .image-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .slide.active .slide-info h1, .slide.active .slide-info p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .slide.active .slide-info .button {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.slide-right {
  width: 100%;
  height: 100vh;
  position: relative;
  left: 0;
  -webkit-animation: slide 0.3s ease-in-out;
  -moz-animation: slide 0.3s ease-in-out;
  animation: slide 0.3s ease-in-out; }
  .slide-right img {
    max-width: 100%;
    height: 100%; }

.slide-right-bg-1 {
  background: url(../images/@stock/half-1.jpg) center center no-repeat;
  background-size: cover; }

.slide-right-bg-3 {
  background: url(../images/@stock/half-3.jpg) center center no-repeat;
  background-size: cover; }

.slide-right-bg-4 {
  background: url(../images/@stock/half-4.jpg) center center no-repeat;
  background-size: cover; }

.slide-right-bg-5 {
  background: url(../images/@stock/half-5.jpg) center center no-repeat;
  background-size: cover; }

.slide-left {
  width: 20%;
  height: 100vh;
  position: absolute;
  right: 60%; }

.slide-left-bg-1 {
  background: #F7C162; }

.slide-left-bg-3 {
  background: #c9c9c9; }

.slide-left-bg-4 {
  background: #f6c418; }

.slide-left-bg-5 {
  background: #E4A48B; }

.slides-navigation a {
  color: #fff;
  font-size: 36px;
  padding: 20px;
  opacity:0.5;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.slides-navigation a.prev:hover {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  opacity:1;
   }

.slides-navigation a.next:hover {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity:1;
  }

.slides-pagination {
  text-align: right;
  display:none;
  width: 98%; }
  .slides-pagination a {
    text-indent: 100%; }

.fullwidth {
  height: 70vh !important; }
  .fullwidth .slide-info {
    text-align: center;
    top: 33%; }
    .fullwidth .slide-info h1 {
      color: #fff;
      font-size: 60px;
      margin-bottom: 20px; }
    .fullwidth .slide-info p {
      color: #fff;
      font-size: 22px; }
    .fullwidth .slide-info .button {
      margin-top: 50px; }
  .fullwidth .slides-pagination {
    margin-left: 0;
    text-align: center; }

.fullscreen {
  height: 80vh; }
  .fullscreen .slide-info {
    text-align: center;
    top: 25%;
    left: 0;
    width: 100%; }
    .fullscreen .slide-info h1 {
      color: #fff;
      letter-spacing: 4px;
      margin-bottom: 20px; }
    .fullscreen .slide-info p {
      color: #fff;
      font-size: 22px; }
    .fullscreen .slide-info .button {
      margin-top: 50px; }
  .fullscreen .slides-pagination {
    margin-left: 0;
    text-align: center;
    width: 100%; }
  .fullscreen h1 {
    text-transform: uppercase;
    line-height: 1.1em;
    margin-bottom: 35px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .fullscreen .image-wrapper {
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    margin-bottom: 0px;
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .fullscreen .welcome {
    background-image: url(../images/@stock/welcome.png); }
  .fullscreen .happy {
    background-image: url(../images/@stock/happy.png); }
  .fullscreen .arrows {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: Rotate(180deg);
    -moz-transform: Rotate(180deg);
    -ms-transform: Rotate(180deg);
    -o-transform: Rotate(180deg);
    transform: Rotate(180deg); }
  .fullscreen .diamond {
    background-image: url(../images/@stock/diamond-white.png); }
  .fullscreen .slide.active .slide-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .fullscreen .slide.active .slide-info .image-wrapper {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .fullscreen .slide.active .slide-info h1, .fullscreen .slide.active .slide-info p {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }

.slides .slick-dots {
  margin: 0;
  bottom: 20px !important; }
  .slides .slick-dots li button:before {
    font-size: 40px !important;
    color: #fff; }
.slides li button:before {
  font-size: 40px !important; }

.slick-slider {
  margin-bottom: 0; }

.slides.half-width img {
  width: 100%; }

.slides.boxed {
  height: 60vh;
  margin-top: 100px; }
  .slides.boxed .slick-slide {
    height: 60vh;
    position: relative; }
  .slides.boxed .slide-info {
    top: 30%;
    text-align: center; }
    .slides.boxed .slide-info h1 {
      font-size: 48px; }
    .slides.boxed .slide-info a {
      color: #fff; }
    .slides.boxed .slide-info a:hover {
      color: #AB8860; }
    .slides.boxed .slide-info p {
      color: #fff; }
  .slides.boxed h1 {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .slides.boxed p {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .slides.boxed .button {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all; }
  .slides.boxed .slick-active .slide-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .slides.boxed .slick-active .slide-info h1, .slides.boxed .slick-active .slide-info p {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .slides.boxed .slick-active .slide-info .button {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  .work-wrapper {
  text-align: center; }

.work {
  display: inline-block;
  margin: 0 auto 100px;
  margin-bottom: 80px;
  text-align: center; }
  .work img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
	
	 }

.work .info {
  margin-top: 25px;
  margin-left: 50px;
  text-align: left;
  max-width: 350px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .work .info h3 {
    margin-bottom: 5px; }
  .work .info p {
    color: #999; }
  .work .info p::before {
    content: "";
    width: 35px;
    height: 1px;
    background: #999;
    display: inline-block;
    position: relative;
    top: -5px;
    margin-right: 12px; }

.work:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  border:4px solid #f6c418;
   }

.work:hover .info {
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px); }

.work.alt {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px; }

.work.alt .info {
  background: #fff;
  position: absolute;
  bottom: 35px;
  padding: 30px 30px 20px;
  margin-left: 0;
  width: 80%; }
  .work.alt .info img {
    opacity: 1; }
  .work.alt .info h3 {
    margin-bottom: 10px; }
  .work.alt .info p::before {
    display: none; }
  .work.alt .info a i {
    vertical-align: text-top;
    line-height: 1.1em;
    font-size: 30px; }

.work.alt:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
.work.alt:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0.7; }
  
  
  
/***/




@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.encircle {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 2px white;
  position: absolute;
  bottom: 30px;
  left: 50%;
}

.arrow {
  margin: 0 auto;
  margin-top: 13px;
   color:#fff;
   font-size:25px;
  width: 100%;
  height: 30px;
  text-align:center;
  background-size: contain;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


.slides-pagination{ bottom:6% !important;}



/* Menu */

.ohidden{ overflow:hidden;}

.button_container {
  position: absolute;
  top: 30px;
  right: 40px;
  height: 27px;
  width: 30px;
  cursor: pointer;
  z-index: 11000;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.activebtn .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #333;
}
.button_container.activebtn .middle {
  opacity: 0;
  background: #333;
}
.button_container.activebtn .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #333;
}
.button_container span {
  background: #fbdd00;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

/**/

.button_containerSub {
  position: fixed;
  top: 20px;
  right: 25px;
  height: 27px;
  width: 30px;
  cursor: pointer;
  z-index: 11000;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_containerSub:hover {
  opacity: .7;
}
.button_containerSub.activebtn{ right:310px; transition: right .25s ease;}
.button_containerSub.activebtn .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #333;
}
.button_containerSub.activebtn .middle {
  opacity: 0;
  background: #333;
}
.button_containerSub.activebtn .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #333;
}
.button_containerSub span {
  background: #fbdd00;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_containerSub span:nth-of-type(2) {
  top: 11px;
}
.button_containerSub span:nth-of-type(3) {
  top: 22px;
}


/**/

.overlay {
  position: fixed;
  background:rgba(255,255,255,0.9);
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  
  min-height:601px;
  opacity: 0;
  visibility: visible;
  -webkit-transition: opacity .35s, visibility .35s, width .35s;
  transition: opacity .35s, visibility .35s, width .35s;
  overflow: hidden;
  z-index:999;
  border-left:1px dotted rgba(0,0,0,0.3);
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  width: 300px;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    right: 20%;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    right: 20%;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}


.mainMenu{ width:100%; display:inline-block; float:right; padding-right:25px; text-align:right; margin-top:80px;}
.mainMenu ul{ list-style:none; }
.mainMenu ul li{ padding:0 0;}
.mainMenu ul li a{ font-size:55px; font-weight:700; color:#333; transition: all 0.3s ease-in-out;}
.mainMenu ul li a:hover{ font-size:55px;}


a.mobileLink >i{ float:right; padding-left:5px; padding-top:0px;}

a.mobileLink{ width:100%; font-size:14px; font-weight:300; color:#333; transition: all 0.3s ease-in-out; display:block; letter-spacing:1px; padding:12px 0 0 15px;}
a.mobileLink:hover{ color:#6e6c6c;}


a.smobileLink{width:100%;  font-size:14px; font-weight:300; color:#333; transition: all 0.3s ease-in-out; display:block; letter-spacing:1px; padding:12px 0 0 15px;}
a.smobileLink:hover{ color:#6e6c6c;}
a.smobileLink >i{ float:right; padding-left:5px; padding-top:0;}

a.mobileActive{font-size:14px; transition: all 0.3s ease-in-out; color:#6e6c6c;}


.mobileMenuSub ul{ margin-right:0 !important; margin:10px 0; padding:0; border-right:1px solid #6e6c6c; transition-delay: .4s}
.mobileMenuSub ul li {
	opacity:0;
	clear:both;
	list-style:none;
	position:relative;
	z-index:5000;
	margin:0 !important; padding:0;
}

.mobileMenuSub ul li a {
	display:block;
	margin:7px 0;
	padding:0 8px 0 0;
	color:#6e6c6c;
	text-align:right;
	font-weight:300; transition: all 0.3s ease-in-out;
	font-size:14px;
}
.mobileMenuSub ul li a:hover {
	color:#000; font-size:14px;
}



/* */

a.mobileLink2{
	display:block;
	margin:7px 0;
	padding:0 8px 0 0;
	color:#6e6c6c;
	text-align:right;
	font-weight:300; transition: all 0.3s ease-in-out;
	font-size:14px;	
}
a.mobileLink2:hover{color:#000; font-size:14px;}


.mobileMenuSub2 ul{ margin-right:0 !important; margin:10px 0; padding:0 0 4px 0 !important;  border-right:none !important; transition-delay: .4s}
.mobileMenuSub2 ul li {
	opacity:0;
	clear:both;
	list-style:none;
	position:relative;
	z-index:5000;
	margin:0 !important; padding:0;
}

.mobileMenuSub2 ul li a {
	display:block;
	margin:7px 0;
	padding:0 8px 0 0;
	color:#818181;
	text-align:right;
	font-weight:300; transition: all 0.3s ease-in-out;
	font-size:12px;
}
.mobileMenuSub2 ul li a:hover {
	color:#000; font-size:12px;
}



/*  */

a.fikirkahvesi{ font-size:9px; color:#aba7a7;}
a.fikirkahvesi:hover{ color:#000;}

.headCon{width:100%; height:90px; background:rgba(0,0,0,0.4); z-index:600; transition:all .5s; position: fixed; top: 0; }
.nav-up {
    top: -90px;
	
}

.nav-down{background:rgba(0,0,0,0.9);}
.bgcolor{background:rgba(0,0,0,0.3); }

a.lang{font-size:14px; font-weight:300; color:#333; transition: all 0.3s ease-in-out;}
a.lang:hover{ color:#6e6c6c;}



.contactT{width:100%; height:40px; border:1px solid #e3e3e3; background:#fff; float:left; padding:0 10px; margin-bottom:15px; font-size:13px; line-height:40px;  transition: all 0.4s ease-in-out;} 
.contactT:focus{border:1px solid #fbdd00;}
.contactTA{width:100%; height:95px; border:1px solid #e3e3e3; background:#fff; padding:10px 10px; resize:none; margin-bottom:15px; font-size:13px; transition: all 0.4s ease-in-out;}
.contactTA:focus{border:1px solid #fbdd00;}

.formSMit{ padding:10px 13px; font-size:13px; color:#aaaaaa; float:right; background:#e3e3e3; transition: all 0.3s ease-in-out; cursor:pointer;}
.formSMit:hover{ background:#fbdd00; color:#000;}


a.facebook{ display:block; width:100px; height:100px; font-size:25px; line-height:100px; text-align:center; color:#999999; float:left; transition: all 0.3s ease-in-out;}
a.facebook:hover{ background:#016bb6; color:#fff;}

a.twitter{ display:block; width:100px; height:100px; font-size:25px; line-height:100px; text-align:center; color:#999999; float:left; transition: all 0.3s ease-in-out;}
a.twitter:hover{ background:#08c1e2; color:#fff;}

a.linkedin{ display:block; width:100px; height:100px; font-size:25px; line-height:100px; text-align:center; color:#999999; float:left; transition: all 0.3s ease-in-out;}
a.linkedin:hover{ background:#4875b4; color:#fff;}

a.instagram{ display:block; width:100px; height:100px; font-size:25px; line-height:100px; text-align:center; color:#999999; float:left; transition: all 0.3s ease-in-out;}
a.instagram:hover{ background:#316699; color:#fff;}

.footerSocialCon{width:100%; height:100px; background:#eeeeee;}
.fSocialSubCon{width:400px; margin:auto;}

a.pList{ display:block; width:100%; height:100%; position:relative; border-radius:10px; border:1px solid; border-color:rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1); margin-bottom:25px;}
a.pList img{width:100%; display:block; transition:all .3s; border-radius:5px 5px 0 0;}
.pLicon{width:100%; height:100%; position:relative; overflow:hidden;}
.pLtcon{ padding-bottom:25px; transition:all .3s; border-radius:0 0 10px 10px; background:#fff;}
.pLcat{width:100%; padding:10px 10px; font-size:14px; font-weight:600; color:#fbdd00; letter-spacing:1px;}
.pLtitle{width:100%; padding:0 10px 10px 10px; font-size:17px; font-weight:600; color:#747474; letter-spacing:1px; transition:all .3s;}
.pLtext{width:100%; padding:10px 10px 0 10px; font-size:12px; font-weight:300; color:#747474; letter-spacing:1px; transition:all .3s; line-height:16px;}
.pLiMask{ width:100%; height:100%; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0; opacity:0; transition:all .3s;}
.pLsep{width:70%; height:2px; background:#e3e3e3; margin-left:10px; transition:all .3s;}
a.pList:hover{ text-decoration:none;}
/*a.pList:hover img{transform: scale(1.1);}*/
a.pList:hover .pLiMask{opacity:1;}
a.pList:hover .pLtitle{color:#000;}
a.pList:hover .pLsep{ background:#000;}
a.pList:hover .pLtcon{ background:#fbdd00;}
a.pList:hover .pLtext{ color:#000;}
a.pList:hover .pLcat{ color:#000;}



ul.filterMenu{ list-style:none; padding:0; margin:0; float:left;}
ul.filterMenu li{ float:left; margin:18px 0; border-right:1px dotted rgba(0,0,0,0.3); padding:0 6px; position:relative;}
ul.filterMenu li a{ width:auto; height:30px; display:inline-block; line-height:30px; color:rgba(0,0,0,0.6); font-size:11px; padding:0 4px; transition: all 0.3s ease-in-out; }
ul.filterMenu li a:hover{ height:30px; background:#fbdd00; line-height:30px; color:#000;}

.tescilL{ width:auto; height:30px; display:inline-block; line-height:30px; background:#fbdd00; color:rgba(0,0,0,0.6); font-size:11px; padding:0 8px; transition: all 0.3s ease-in-out; }


ul.filterLeftMenu{ list-style:none; padding:0; margin:0; float:left;}
ul.filterLeftMenu li{ width:100%; float:left; margin:4px 0 0 0; /*border-bottom:1px dotted rgba(0,0,0,0.3);*/ padding:0 0 4px 0; position:relative;}
ul.filterLeftMenu li a{ width:100%; height:30px; display:inline-block; line-height:30px; background:#fff; color:rgba(0,0,0,0.6); font-size:11px; padding:0 6px; transition: all 0.3s ease-in-out; }
ul.filterLeftMenu li a:hover{ height:30px; background:#fbdd00; line-height:30px; color:#000;}



ul.filterMenu7{ list-style:none; padding:0; margin:0; float:left;}
ul.filterMenu7 li{ float:left; margin:10px 0; border-right:1px dotted rgba(0,0,0,0.3); padding:0 6px; position:relative;}
ul.filterMenu7 li a{ width:auto; height:30px; display:inline-block; line-height:30px; color:rgba(0,0,0,0.6); font-size:11px; padding:0 4px; transition: all 0.3s ease-in-out; }
ul.filterMenu7 li a:hover{ height:30px; background:#fbdd00; line-height:30px; color:#000;}



ul.proFilterMenu{ list-style:none; padding:0; margin:0; float:left; position:relative;}
ul.proFilterMenu li{ float:left; margin:10px 0; border-right:1px dotted rgba(0,0,0,0.3); padding:0 10px; position:relative; display:inline-block; width:auto;}
ul.proFilterMenu li a{ width:auto; height:30px; display:inline-block; line-height:30px; color:rgba(0,0,0,0.6); font-size:12px; padding:0 10px; transition: all 0.3s ease-in-out; letter-spacing:1px;}
ul.proFilterMenu li a:hover{ height:30px; background:#fbdd00; line-height:30px; color:#000;}


ul.filter2Menu{ list-style:none; padding:0; margin:0; float:left;}
ul.filter2Menu li{ float:left; margin:5px 0; border-right:1px dotted rgba(0,0,0,0.3); padding:0 5px;}
ul.filter2Menu li a{ width:auto; height:25px; display:inline-block; line-height:25px; color:rgba(0,0,0,0.6); font-size:10px; padding:0 5px; transition: all 0.3s ease-in-out; letter-spacing:1px;}
ul.filter2Menu li a:hover{ height:25px; background:#fbdd00; line-height:25px; color:#000;}


.filterCon{height:67px; background:#fff; position:fixed; z-index:5; width:100%;}
.filterCon7{height:67px; background:#fff; position:fixed; z-index:5; width:100%;}
.filterCon2{top:67px;}
.filterCon4{height:67px; background:#fff; position:fixed; z-index:5; width:100%;}

.filterSubCon{width:100%; height:67px; padding:0 15px;}
.filterSubBR{width:100%; height:67px;  border-bottom:1px dotted rgba(0,0,0,0.3);}

.filterSubCon7{width:100%; height:67px; padding:0 15px;}
.filterSubBR7{width:100%; height:67px;  border-bottom:1px dotted rgba(0,0,0,0.3);}


.filterSubCon2{width:100%; height:50px; padding:0 15px;}
.filterSubBR2{width:100%; height:50px;  border-bottom:1px dotted rgba(0,0,0,0.3);}


.filterCon3{ width:100%; max-height: 0; background:#fff; position:fixed; z-index:5; top:50px; transition:all .5s; overflow:hidden; left:0;}
.filterSubCon3{width:100%; height:auto; padding:0 15px;}
.filterSubBR3{width:100%; height:auto;  border-bottom:1px dotted rgba(0,0,0,0.3);}

.filterCon3Open{ max-height:500px; transition:all .5s; margin-bottom:25px;}

.filterTitle{width:auto; display:inline-block; float:left; color:rgba(0,0,0,0.6); margin:21px 0 10px 15px; font-weight:600; padding:0 15px 0 0; font-size:24px; border-right:1px dotted rgba(0,0,0,0.3); letter-spacing:1px;}
.filterStitle{width:auto; display:inline-block; float:left; color:rgba(0,0,0,0.6); margin:27px 0 10px 0; font-weight:300; padding:0 15px 0 20px; font-size:15px; letter-spacing:1px;}


.filterHigh{height:120px;}
.filterHigh2{height:80px;}
.filterHigh5{height:0; transition: all 0.3s ease-in-out;}
.filterHigh3{height:80px; transition: all 0.3s ease-in-out;}
.filterHigh4{height:95px; transition: all 0.3s ease-in-out;}

#gridList{}

.mobilePopMask{width:100%; height:100%; position:fixed; background:rgba(0,0,0,.7); z-index:5000; opacity:0; visibility:hidden; left:0; top:0; transition:all .5s;}
.mobilePopMaskop{ opacity:1; visibility:visible; transition:all .5s;}



.documentMenu{width:auto; display:inline-block; float:right;}



























/**/


#mobile {
	display:none;
	z-index:5000;
	
	width:100%; 
	padding:0 15px;
	margin-bottom:10px;
}

/*
Top black bar that holds the toggle button
*/

a.mobileLink1{ width:100%; height:40px; display:inline-block; font-size:17px; text-align:center; border-bottom:1px dotted #e3e3e3; color:#404040; font-weight:300; line-height:40px;}
a.mobileLink1:hover{ background:#fbdd00; color:#000;}
a.smobileLink1{ width:100%; height:40px; display:inline-block; font-size:17px; text-align:center; border-bottom:1px dotted #e3e3e3; color:#404040; font-weight:300; line-height:40px;}
a.smobileLink1:hover{ background:#fbdd00; color:#000;}

a.mobileActive1{background:#fbdd00; color:#fff;}

#mobile #toggle-bar {
	line-height:70px;
	height:70px;
	float:right;
}

#mobile ul li {
	clear:both;
	list-style:none;
	position:relative;
	z-index:5000;
}

#mobile ul li a {
	display:block;
	border-bottom:1px dotted #e3e3e3;
	margin:2px 0;
	padding:10px 0 10px 8px;
	color:#242424;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}
#mobile ul li a:hover {
	color:#fbdd00;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}
	
.btn11 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 20px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.btn11 .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #212121;
}
.btn11 .icon-left:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn11 .icon-left:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn11 .icon-left:hover {
  cursor: pointer;
}
.btn11 .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #212121;
  left: 15px;
}
.btn11 .icon-right:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn11 .icon-right:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn11.openM .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.openM .icon-left:before {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}
.btn11.openM .icon-left:after {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}
.btn11.openM .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.openM .icon-right:before {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}
.btn11.openM .icon-right:after {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}
.btn11:hover {
  cursor: pointer;
}	

.indexLogo{position:absolute; width:211px; height:50px; left:60px; top:20px; z-index:99;}
.indexLogo img{ height:50px;}
.mlogo{padding:10px 0 10px 5px; width:auto; float:left;}
.mlogo img{ height:45px;}

@media only screen and (max-width: 570px) {
.slide-info { top:65%}
.slides-navigation{ display:none;}
.overlay{ min-height:400px;}	
.mainMenu{ width:100%; display:inline-block; float:right; padding-right:25px; text-align:right; margin-top:30px;}
.indexLogo{position:absolute; width:auto; height:50px; left:20px; top:20px; z-index:99;}
.indexLogo img{ height:40px;}
.searchBtnC{ display:none;}
}




a.projectLinks{height:30px; background:#fbdd00; line-height:30px; color:#000;}

.projectInfo{min-width:400px; min-height:250px; position:absolute; background:#fbdd00; z-index:999999 !important; top:40px; opacity:0; padding:10px 30px 30px 30px; visibility:hidden; transition: all 0.6s ease-in-out; left:0;}
.pInfoOpen{ opacity:1 !important; visibility:visible !important;}

.pInfoClose{ position:absolute; right:-35px; top:0; color: #fff; cursor:pointer; transition: all 0.3s ease-in-out;}
.pInfoClose:before {
  font-family: 'Linearicons-Free';
  font-size: 30px;
  display: inline-block;
  content: '\e870';
  
}
.pInfoClose:hover{ color:#fbdd00;}

.projectITitle{width:auto !important; display:inline-block !important; font-size:16px !important; font-weight:500 !important; padding:20px 10px 8px 0 !important; color:rgba(0,0,0,0.8) !important; border-bottom:2px solid rgba(0,0,0,0.8) !important; letter-spacing:1px  !important;}
.projectIText{width:auto  !important; display:inline-block  !important; font-size:16px  !important; font-weight:300  !important; padding:10px 10px 5px 0  !important; color:rgba(0,0,0,0.8); letter-spacing:1px  !important;}


.productITitle{width:auto; display:inline-block; font-size:16px !important; font-weight:500; padding:0px 10px 5px 0 !important; color:rgba(0,0,0,0.8); border-bottom:2px solid rgba(0,0,0,0.8); letter-spacing:1px;}
.productIText{width:auto; display:inline-block; font-size:16px !important; font-weight:300; padding:7px 10px 5px 0 !important; color:rgba(0,0,0,0.8); letter-spacing:1px;}

a.productILink {
  position: relative;
  z-index: 1;
  width:100% !important; height:70px !important; display:block !important; transition: all 0.3s ease-in-out; background:#fbdd00 !important; padding:10px 0 !important; margin-bottom:10px !important; line-height: normal !important;}

a.productILink::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

a.productILink:hover::before {
  right: 0;background: #fff; transition: all 0.3s ease-in-out; }


.productDocL{width:50px; height:50px; float:left; margin-left:25px;}
.productDocR{ margin-left:95px; margin-right:25px;}

.productDocL2{width:60px; height:60px; float:left; margin-left:25px;}
.productDocR2{ margin-left:100px;}

a.docILink {
  position: relative;
  z-index: 1;
  width:100% !important; height:80px !important; display:block !important; transition: all 0.3s ease-in-out; background:#fbdd00 !important; padding:10px 0 !important; margin-bottom:0 !important; line-height: normal !important;}

a.docILink::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

a.docILink:hover::before {
  right: 0;background: #fff; transition: all 0.3s ease-in-out; }

.docITitle{width:auto; display:inline-block; font-size:14px !important; font-weight:500; padding:0px 10px 3px 0 !important; color:rgba(0,0,0,0.8); border-bottom:2px solid rgba(0,0,0,0.8); letter-spacing:1px;}
.docIText{width:auto; display:inline-block; font-size:13px !important; font-weight:300; padding:4px 10px 5px 0 !important; color:rgba(0,0,0,0.8); letter-spacing:1px;}



.cST1{width:40px; height:40px; float:left; background:#333; color:#fff; text-align:center; line-height:40px; font-size:15px;}
.cST2{padding:3px; font-size:16px; color:#333; font-weight:300; letter-spacing:1px;}
.cST3{padding:3px; font-size:14px; color:#333; font-weight:300; letter-spacing:1px; line-height:18px;}
.cST4{margin-left:50px;}


.contentY p{ font-size:18px; color:rgba(0,0,0,0.8) !important; line-height:26px; font-weight:300; padding-bottom:25px; text-align:justify;}

.sHeaderLogo{width:auto; height:50px; float:left; display:inline-block; margin:8px 0 8px 5px; padding-right:9px; border-right:1px dotted rgba(0,0,0,0.3);}
.sHeaderLogo img{ height:50px;}

.productLeft{width:280px; float:left;}
.productRight{ float:right;}
.filterProductL{ display:none;}

/*a.filterPro{ width:100% !important; display:block !important; height:30px !important; font-size:14px !important; color:#333 !important; font-weight:300; padding:0 10px !important;}**/


a.filterPro {
  position: relative;
  z-index: 1;
  width:100% !important; height:36px !important; display:block !important; transition: all 0.3s ease-in-out; background:#fbdd00 !important; padding:10px 15px !important; margin-bottom:0px !important; line-height: normal !important; font-size:12px !important;}

a.filterPro::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

a.filterPro:hover::before {
  right: 0;background: #fff; transition: all 0.3s ease-in-out; }
  
  
  a.proSec::before {
  right: 0;background: #fff; transition: all 0.3s ease-in-out; }

.projectInfo2{top:45px; padding:10px 0 10px 0; min-width:320px; left:6px;}


.sKeywordd{width:200px !important; height:29px !important; float:left; margin:5px; border:1px solid #fbdd00; background:#333 !important; color:#fbdd00 !important; font-size:13px; font-weight:300; padding:0 5px;}
.sTitle{width:100%; height:50px; line-height:50px; padding:0 10px; background:#676767; color:#fff; font-weight:300; margin-bottom:10px;}

a.searchLink{width:100%; height:40px; line-height:40px; padding:0 1%; background:#233e7b; color:#232323; margin-bottom:2px; display:block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.searchLink:hover{ background:#dcdee0; color:#233e7b;}


/* */



.close-button {
  width: 140px;
  height: 140px;
  left: 50%;
  top: 50%;
  margin-top: -70px;
  margin-left: -70px;
  position: absolute;
  display: block;
  z-index: 200;
  text-indent: -9999px;
}
.close-button:before,
.close-button:after {
  content: '';
  width: 55%;
  height: 2px;
  background: #fbdd00;
  position: absolute;
  top: 48%;
  left: 22%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s 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;
}
.close-button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s 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;
}
.close-button:hover:before,
.close-button:hover:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


.fikirKCon{position: fixed; right:-78px; bottom:0; height:20px; width:150px; z-index:15;}

.fikirkahvesindex {
			-ms-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);

			-ms-transform-origin: left top 0;
			-moz-transform-origin: left top 0;
			-webkit-transform-origin: left top 0;
			transform-origin: 0 top right;

			background: #333;
			color: #fff;
			margin-right: 0;
			padding:5px 10px 3px 10px; font-weight:300;
			font-size:10px; letter-spacing:1px;
			float: right;
			transition: all 0.3s ease-out;
}
.fikirkahvesindex:hover{ background:#fff; color:#333;}



a.searchLink{width:100%; height:40px; line-height:40px; padding:0 1%; background:#fbdd00; color:#232323; margin-bottom:2px; display:block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.searchLink:hover{ background:#232323; color:#fbdd00;}


.siteErr{width:100%; height:60px; background:#d00000; color:#fff; margin:0 auto 40px auto; text-align:center; line-height:60px;}
.siteOk{width:100%; height:60px; background:#77ab13; color:#fff; margin:0 auto 40px auto; text-align:center; line-height:60px;}