body{background-color:#FFF; font-family: 'DIN', Arial, sans-serif, sans-serif; font-size:14px; font-weight: normal;}

a{color:#000; text-decoration:none;
-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
a:hover,
a:active,
a:focus, a.active{color:#000000; text-decoration:none;}
.btn{border-radius:0px;}
a.btn-link{max-width:160px; margin:0 auto; padding:10px 35px; border:1px solid #000; text-transform:uppercase; font-weight:500; color:#000;}
a.btn-link.white{border:1px solid #FFF; color:#FFF;}
a.btn-link:hover, a.btn-link:focus, a.btn-link:active{border:1px solid #FFF; text-decoration:none; color:#000;background: rgba(255, 255, 255, 1);}
a.btn-link.white:hover, a.btn-link.white:focus, a.btn-link.white:active{border:1px solid #FFF; text-decoration:none; color:#FFF; background: rgba(255, 255, 255, 1); color: #000;}

img{max-width:100%;}
img.fullwidth{width:100%;}
ul, ol{margin-bottom:0;}
.zoom{overflow:hidden; }
.zoom  img{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.zoom  img:hover{ 
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.nopadding{padding:0;}
.font-didot{font-family: 'Didot', serif !important;}
.title{font-weight:500; color:#FFF; text-transform:uppercase; text-align:center; margin-bottom:20px; letter-spacing:1px; font-size:18px; }
.title-black{ color:#000;}
.title-gotham{ font-size:54px; padding-top:60px; margin-bottom:7px;font-family:'Gotham'; }

.nomargin{margin:0;}

.underline{height:1px; max-width:45px; background:#FFF; margin:0 auto; margin-bottom:12px;}
.underline-black{ background:#000; }
.border{position:fixed; background:#212121;}
.border.top { z-index: 990; width: 100%; top: 0; left: 0; height: 48.5%; -webkit-transition: all 5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 1s ease-in-out;}
.border.right { z-index: 991; width: 34.5%; height: 100%; top: 0; right: 0;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 1s ease-in-out;}
.border.bottom { z-index: 990; z-index: 991; width: 100%; height: 50.5%; bottom: 0; left: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition:  all 1s ease-in-out; }
.border.left { z-index: 990; width: 31.5%; height: 100%; top: 0; left: 0; -webkit-transition:  all 2s ease-in-out; -moz-transition:  all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 1s ease-in-out; }

.page-load .border.top { z-index: 988; height: 40px }
.page-load .border.right { z-index: 1; width: 40px;}
.page-load .border.bottom { width: 100%; height: 40px; }
.page-load .border.left { z-index: 1; width: 40px; height: 100%;}


/*.border.left, .border.right{height:100%; left:0px; width:40px;}
.border.right{right:0px; left:inherit;}
.border.top{bottom:0px; top:inherit;} */


.cropmarks { position: fixed; width: 40%; height: 50px; z-index: 999; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);opacity:1;
-webkit-transition: transition: all 0.6s ease-in-out 6s;
   -moz-transition: transition: all 0.6s ease-in-out 5s;
     -o-transition: transition: all 0.6s ease-in-out 5s;
        transition: transition: all 5s ease-in-out 3s;
}
.cropmarks .crop-left { width: 102px; height: 17px; position: absolute; top: 0; left: 10px; z-index: 999; }
.cropmarks .crop-right { position: absolute; z-index: 999; width: 113px; height: 18px; bottom: 21px; right: 21px; }
.loading-wrapper{position:fixed; top: 50%; left: 50%; width:34%; margin-left:-18.5%; height:50px;margin-top:-25px; z-index:6; opacity:1;}
.page-load .loading-wrapper{opacity:0;    display: none;}
.loading-overlay{position:absolute; top: 0; left: 0; width:0px; background:#000; height:50px; z-index:0;}
.page-load .cropmarks{ width: 110%; height: 110%; opacity:0; display:none;}


#pctIndicator { position: fixed; text-align: center; width: 100%; top: 30%; z-index: 996; opacity: 1; display: block; top: 50%; margin-top:-80px;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
#pctIndicator h1 { color: rgba(255, 255, 255, 0.5); font-size: 100px; font-family: 'Gotham'; font-weight: bold; }
#pctIndicator h1:after { content: '%'; position: relative; margin-left: 20px }
.page-load #pctIndicator{display: none; opacity: 0;}

.backtotop{position:fixed; bottom:40px; right:-40px; background:#131313; padding:10px; color:#FFF; z-index:5; cursor:pointer;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.backtotop.show{ right:0px;}
.backtotop img{ width:20px;}
.backtotop:hover{ padding:20px 10px; background:rgba(255, 255, 255, 0.5);}


/* MENU CSS */
.menu{position:fixed; top:10px; left:-20px;font-weight: 300; text-transform:uppercase; font-size:14px; color:#FFF; cursor:pointer; z-index:989;-webkit-transition: all 500ms ease-out;
   -moz-transition: all 500ms ease-out;
     -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;}
.page-load .menu{ left:40px;}
.menu .menu-wrapper{width:24px; float:left;}
.menu img{margin-right:6px;}
.menu .main-menu-icon{width: 24px; height:16px; -webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.menu.close-icon{display:none;}
.menu .icon-right{position:absolute; top:4px; left:0px; opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out; height:16px; width:22px;}
.menu:hover .main-menu-icon{width: 16px; height:16px !important;}
.menu:hover .icon-right{left:10px; opacity:1;}
.tag-line{opacity:0;}
.sub-menu-item{display:none;}
.menu-toggle{width:800px; background:rgba(17, 17, 17, 0.9); border-right:3px solid #fffdfd; position:fixed; top:40px; left:-800px; z-index:6; padding:55px 0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.menu-toggle.open{ left:40px;}
.menu-toggle ul li{position:relative;}
.menu-toggle ul li a{font-size:16px; font-weight: 500; color:rgba(255, 255, 255, 0.7); display:block; text-align:center; padding:22px 0; text-transform:uppercase;position:relative;}
.menu-toggle>ul.menu-items>li>a:after{content:""; position:absolute; bottom: 15px; left:0; height:2px; background:#FFF; width:0px; margin-left:-40px; opacity:0;
-webkit-transition: all 1200ms ease-out;
   -moz-transition: all 1200ms ease-out;
     -o-transition: all 1200ms ease-out;
        transition: all 1200ms ease-out;}
.menu-toggle>ul.menu-items>li.home>a:after{margin-left:140px;}
.menu-toggle>ul.menu-items>li.portfolio>a:after{margin-left: 144px;}
.menu-toggle>ul.menu-items>li.about>a:after{margin-left: 144px;}
.menu-toggle>ul.menu-items>li.series>a:after{margin-left: 144px;}
.menu-toggle>ul.menu-items>li.clientele>a:after{margin-left: 144px;}
.menu-toggle>ul.menu-items>li.getintouch>a:after{margin-left: 144px;}
.sub-menu .sub-menu-item{max-width:460px; margin:0 auto;}
.sub-menu{}
.sub-menu ul li{float:left; margin-right:45px;}
.sub-menu ul li img{height:27px; margin-bottom:5px;}
.sub-menu ul li svg{height:27px; margin-bottom:5px;}
.tag-line{text-align:center; position:absolute; top:50px; width:100%; color:rgba(255, 255, 255, 1); font-weight:300; font-size:12px;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.menu-toggle ul li a:hover, .menu-toggle ul li.active a{ color:rgba(255, 255, 255, 1);}
.menu-toggle ul li a:hover + .tag-line, .menu-toggle ul li.active a+ .tag-line{opacity:1;}
.menu-toggle ul li a:hover:after, .menu-toggle ul li.active a:after{ width:320px; opacity:1;}
.menu-icon{width: 140px; position: absolute; top: 0; left: 25px; opacity:0;}
.menu-icon .a{
	fill:none;stroke:#FFF;stroke-miterlimit:10;stroke-width:6px;
}
.menu-toggle>ul.menu-items>li.portfolio>.menu-icon{ top: -14px;}
.menu-toggle>ul.menu-items>li.clientele>.menu-icon{ top: -14px;}
.menu-toggle>ul.menu-items>li.getintouch>.menu-icon{ top: -22px;}
.menu-toggle>ul.menu-items>li.about>.menu-icon{ top: -5.2px;}

.breadcrumb-text {position: fixed; top: 10px; left: 135px; color: #FFFFFF; z-index: 9999; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;}


/* MENU CSS END */
.inner-container{padding:20px 40px 0 40px; overflow:hidden;}
.left-text{position:fixed; left:20px; bottom:45%; color:#FFF; font-size:12px;font-weight: 300; text-transform:uppercase; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform-origin: 0; transform-origin: 0;letter-spacing: 2px; z-index:3;
}
.left-text a{color:#FFF;}
.right-text{position:fixed; right:12px; top:10% ; color:#FFF; font-size:12px; font-weight: 300; text-transform:uppercase; 
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
-ms-transform: rotate(-90deg); 
-o-transform: rotate(-90deg); -webkit-transform-origin: right bottom;
    transform-origin: right bottom;letter-spacing: 2px; z-index:3;
}
.right-text a{color:#FFF;}

.social-btns{ position: fixed; width: 15px; bottom: 100px; left: 13px; font-size: 12px; text-transform: uppercase; color: #FFF; z-index: 9;
}

.social-btns .icon{height:15px; width:15px; background:url('../images/fb.svg') no-repeat; cursor:pointer; display:block; margin:10px 0; opacity:1;}
.social-btns .icon:hover{opacity:0.5;}

.social-btns .icon.gplus{background:url('../images/gplus.svg') no-repeat;}
.social-btns .icon.vimeo{background:url('../images/vimeo.svg') no-repeat;}
.social-btns .icon.insta{background:url('../images/instgram.svg') no-repeat;}



.section{background:url(../images/exteriores.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.section-one{position:relative; text-align:center;}
.section-one .logo {top:50%;z-index:5; position:relative; max-width:800px; margin-top:-120px;}
.section-one:after{content:""; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%; top:0px;left:0px; bottom:40px; height:100%;z-index:1;}

.down-arrow{position:absolute; bottom:30px;left:50%;z-index:2;}
.section-one .down-arrow{bottom:70px;}
.down-arrow img{cursor:pointer; 
	-webkit-animation-name: down;
    -webkit-animation-duration: 3800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: down;
    -moz-animation-duration: 3800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: down;
    -ms-animation-duration: 3800ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;}
.down-arrow:before{content:""; position:absolute; background:#FFF; width:15px; top:11px; left:-22px; height:2px;}
.down-arrow:after{content:""; position:absolute; background:#FFF; width:15px; top:11px; right:-22px; height:2px;}

.down-arrow1 img:hover{ 
	-webkit-animation-name: down;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: down;
    -moz-animation-duration: 800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: down;
    -ms-animation-duration: 800ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;}
@-webkit-keyframes down {
      0% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      } 
	  25% {
		opacity:0.3;
      } 
	  
	  35% {
		opacity:0.6;
      }
      
      50% {
		-ms-transform: translate(0,10px);
		-webkit-transform: translate(0,10px);
		-moz-transform: translate(0,10px); 
		transform: translate(0,10px);
		opacity:1;
      }
	  65% {
		opacity:0.6;
      }
	  85% {
		opacity:0.3;
      }
       100% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      }
}
@-moz-keyframes down {
      0% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      } 
	  25% {
		opacity:0.3;
      } 
	  
	  35% {
		opacity:0.6;
      }
      
      50% {
		-ms-transform: translate(0,10px);
		-webkit-transform: translate(0,10px);
		-moz-transform: translate(0,10px); 
		transform: translate(0,10px);
		opacity:1;
      }
	  65% {
		opacity:0.6;
      }
	  85% {
		opacity:0.3;
      }
       100% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      }
}

@-keyframes down {
      0% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      } 
	  25% {
		opacity:0.3;
      } 
	  
	  35% {
		opacity:0.6;
      }
      
      50% {
		-ms-transform: translate(0,10px);
		-webkit-transform: translate(0,10px);
		-moz-transform: translate(0,10px); 
		transform: translate(0,10px);
		opacity:1;
      }
	  65% {
		opacity:0.6;
      }
	  85% {
		opacity:0.3;
      }
       100% {
		-ms-transform: translate(0,-25px); 
		-webkit-transform: translate(0,-25px); 
		-moz-transform: translate(0,-25px); 
		transform: translate(0,-25px); 
		opacity:0.1;
      }
}

/*Gotham */
.section-two{position:relative; text-align:center;}
.section-two:after{content:""; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%; top:0px;left:0px; bottom:40px; height:100%;z-index:1;}
.shadow-div{position:absolute; width:100%; height:100%; }
.shadow-div img{width:100%; height:100%;}
.home-title{font-size:48px; color:#FFF; position:absolute; z-index:2; padding-top1:230px; line-height:70px; top:50%; margin-top:50px; width:100%; opacity:0; -webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.text-animated .home-title{opacity:1;margin-top:-60px;}
.home-title>span{text-transform:uppercase; font-size:48px; margin-bottom:10px;}
.home-portfolio{position:relative;}
.home-portfolio:after{content:""; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%; top:0px;left:0px; bottom:40px; height:100%;z-index:1;}
.home-portfolio .title{position:relative; font-weight:300; font-size:37px; color:#FFF; width:100%; text-align:center; z-index:2; letter-spacing:2px; text-transform:uppercase;}
.home-portfolio .sections{position:relative; z-index:2;text-align:center; margin:120px 40px 0 40px;}
.home-portfolio .sections .image{max-width:100%; margin-bottom:40px;}
.home-portfolio .sections .image svg{width:178px;}
.home-portfolio .sections .title{font-weight:500; font-size:18px; margin-bottom:12px;}
.home-portfolio .sections .underline{height:1px; max-width:45px; background:#FFF; margin:0 auto; margin-bottom:12px;}
.home-portfolio .sections .desc{font-weight:500; font-size:12px; color:#FFF; height:51px;}
.home-portfolio .sections a{color:#FFF; display:block; border:1px solid #FFF; background:rgba(51, 51, 51, 0.7); max-width:150px; margin: 10px auto; margin-top:20px;}
.home-portfolio .sections a:hover{ background:rgba(255, 255, 255, 1); color:#000;}
.background-section{height:140px; background:#000; width:100%;}
.photographry-section-wrapper{width:100%; background:#383838;}
.photographry-section{width:50%;}
.left-section{float:left;}
.right-section{float:right;}
.interiors{padding:35px 0 61px 0; background:#383838; position:relative;}
.interiors .underline{margin-bottom:20px;}
.interiors .image{overflow:hidden; position:relative;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.interiors .image img{width:100%;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.interiors .image:after1{content:""; position:absolute; width:100%; height:100%; background:rgba(0, 0,0, 0.6); top:0px;left:0px; z-index:1;opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.absolute-button{position:absolute; top:50%; left:50%; margin-left:-53px; margin-top:-21px;opacity:0; z-index:2;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.interiors .image:hover img{-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.interiors .image:hover:after{opacity:1; }
.interiors .image:hover .absolute-button{opacity:1; }

.photographry-section .about-left {background:#cccccc;}
.photographry-section .about-left .two-section{width:50%;}
.photographry-section .about-left .two-section.text-section{float:left; padding:120px 40px 25px 40px;}
.photographry-section .about-left .two-section.text-section .title{color:#000;}
.photographry-section .about-left .two-section.text-section .underline{background:#000;}
.photographry-section .about-left .two-section.text-section .desc{text-align:justify; font-size:12px;font-weight:300; margin-bottom:120px;}
.photographry-section .about-left .two-section.text-section .link-div{width:100%; text-align:center;}
.photographry-section .about-left .two-section.image-section{margin-left:50%;}
.photographry-section .about-left .two-section.image-section img{width:100%;}
.photographry-section .about-left .two-section.text-section{height:100%;}

.show-reel{background:#cccccc; margin-top:-60px; padding-bottom: 10px;}
.show-reel img{padding-top:5px;}
.show-reel img.fullwidth{width:100%;}
.show-reel .show-reel-image{position:relative;}
.show-reel .show-reel-image:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0, 0,0, 0.6); top:0px;left:0px; z-index:1;}
.show-reel .show-reel-image .play-icon{position:absolute; top:50%; text-align:center; margin-top:-41px; z-index:2; width:100%;}
.show-reel .show-reel-image .play-icon a{ display:block;}




.play-button {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
    margin-left: -50px;
}

#halfclip {
    width: 50%;
    height: 100%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    transform-origin: left center;
}

.play-button:hover #halfclip {
    animation: cliprotate 6s 1;
    transform: rotate(180deg);
} 

@keyframes cliprotate {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(0deg);}
  50.01% {transform: rotate(180deg);}
  100% {transform: rotate(180deg);}
}

.halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 8px transparent;
   border-top-color: rgba(255, 255, 255, 0.9);
   border-left-color: rgba(255, 255, 255, 0.9);
   border-radius: 50%;
}

#clipped {
    width: 200%;
    transform: rotate(-45deg);
}
.play-button:hover #clipped {
    transform: rotate(135deg);
    animation: rotate 3s linear 2;
}


@keyframes rotate {
  0% {transform: rotate(-45deg);}
  100% {transform: rotate(135deg);}
}


#fixed {
  width: 100%;
    transform: rotate(135deg);  
    opacity: 0;
}

.play-button:hover #fixed {
    opacity: 1;
    animation: showfixed 6s 1;
}



@keyframes showfixed {
  0% {opacity: 0;}
  49.99% {opacity: 0;}
  50% {opacity: 1;}
 100% {opacity: 1;}
}
.show-reel .show-reel-image .play-icon a img{margin-top: -4px;}
.show-reel .show-reel-image .play-icon .video-title{color:#FFF; font-weight:500; margin-top:10px;}

.show-reel .text-section{padding:35px; margin:10px 10px 0px 10px; border:2px solid #000;}

.photographry-section .show-reel .title{color:#000;}
.photographry-section .show-reel .underline{background:#000;}
.photographry-section .show-reel .desc{text-align:justify; font-size:12px;font-weight:300;}
.show-reel img{padding-top:5px;}
.show-reel img.fullwidth{width:100%;}
.photographry-section.right-section .about-right{position:relative;}
.photographry-section.right-section .about-right .about-text-section{position:absolute; top:0; text-align:center; width:100%; top:50%; margin-top:-70px;}
.photographry-section.right-section .about-right .about-text-section .heading{font-family:'Gotham'; font-size:48px; color:#FFF; margin-bottom:70px;}
.photographry-section.right-section .about-right img{width:100%;}
.show-reel.last-section{ margin-top:-2px;}
.show-reel.last-section img{padding-top:2px;}
.map-section{position:relative;}
.map-section .mum-image{position:absolute; top:50%; left:50%; margin-left:-270px; margin-top:-90px;}

.background-section-two{height:65px; background:#212121; width:100%;}
.detail-slider{background:#999999; padding:90px 40px;}
.detail-slider ul{margin:0px;}
.detail-slider .title{opacity:0.2; margin-bottom:10px;
-webkit-transition: all 0.4s ease-in-out 0.8s;
   -moz-transition: all 0.4s ease-in-out 0.8s;
     -o-transition: all 0.4s ease-in-out 0.8s;
        transition: all 0.4s ease-in-out 0.8s;}
.detail-slider .underline{opacity:0.2;
-webkit-transition: all 0.4s ease-in-out 1.2s;
   -moz-transition: all 0.4s ease-in-out 1.2s;
     -o-transition: all 0.4s ease-in-out 1.2s;
        transition: all 0.4s ease-in-out 1.2s;}
.detail-slider .desc{opacity:0.3;
-webkit-transition: all 0.5s ease-in-out 1.5s;
   -moz-transition: all 0.5s ease-in-out 1.5s;
     -o-transition: all 0.5s ease-in-out 1.5s;
        transition: all 0.5s ease-in-out 1.5s;}
.detail-slider .a{fill:none;stroke:#000;stroke-linecap:square;stroke-miterlimit:10;stroke-width:10px;}
.detail-slider .center .title{opacity:1;}
.detail-slider .center .underline{opacity:1;}
.detail-slider .center .desc{opacity:1;}
.detail-slider .center .image svg{opacity:1;}

.detail-slider .main-slide{font-weight:bold; font-size:64px; text-transform:uppercase; padding:20px 0 20px 50px;}
.detail-slider .owl-carousel .owl-item img{width:inherit;}
.detail-slider ul li {padding:0 50px;}
.detail-slider ul li .image{text-align:center; margin-bottom:30px;}
.detail-slider ul li .image img{max-width:160px;margin: auto;}
.detail-slider ul li .image svg{max-width:120px;margin: auto; opacity:0.3;
-webkit-transition: all 0.5s ease-in-out 0.2s;
   -moz-transition: all 0.5s ease-in-out 0.2s;
     -o-transition: all 0.5s ease-in-out 0.2s;
        transition: all 0.5s ease-in-out 0.2s;}
.detail-slider ul li .title{color:#000; text-align:left;font-size: 20px;}
.detail-slider ul li .underline{background:#000; margin:0 0 10px 0; }
.detail-slider ul li .desc{color:#000; font-size:12px; max-width:225px;font-size: 14px;}
.detail-slider .owl-controls{position: absolute; top: 50%; right: -40px; margin-top:-19px;}
.detail-slider .owl-controls .owl-nav{width:80px;}
.detail-slider .owl-controls .owl-nav .owl-prev{background:url('../images/icon-prev.png') no-repeat; width:40px; height:36px; float:left;-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;}
.detail-slider .owl-controls .owl-nav .owl-prev:hover{background-color:rgba(255, 255, 255, 0.8);}
.detail-slider .owl-controls .owl-nav .owl-next{background:url('../images/icon-next.png') no-repeat; width:40px; height:36px;float:left;margin-top: -0.5px;-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;}
.detail-slider .owl-controls .owl-nav .owl-next:hover{background-color:rgba(255, 255, 255, 0.8);}


/*  About Page */
.about-header{overflow:hidden; position:relative;}
.about-header img{width:100%;}
.about-header .heading{position:absolute; bottom:-20px; left:75px; text-transform:uppercase; font-family: 'Didot', serif; font-size:76px; color:rgba(255, 255, 255, 0.8); }
.about-description{padding:40px 0; background:#cccccc; position:relative; padding-top:90px;}
.about-description .heading{font-size:76px; color:rgba(33, 33, 33, .7); text-transform:uppercase; font-family: 'Didot', serif; position:absolute; top: -16px; left:75px;}
.about-description .title{text-align:left; margin-bottom: 10px;}
.about-description .underline{margin:0 0 10px 0;}
.about-description p{text-align:justify; text-transform:uppercase;}

.about-team{background:#0c0c0c;padding:40px 0 60px 0;}
.about-team .title{margin-bottom:3px;}
.about-team .underline{margin-bottom:3px;}
.about-team p{color:#cecece; font-size:12px; font-weight:300; text-align:center; margin-bottom:50px;}
.about-team .image{float:right; position:relative; overflow:hidden;}
.about-team .image  img{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.about-team .image:hover img{ 
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);}
.about-team .image:after{content:""; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5);z-index:1; position:absolute; opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.about-team .image.image-left{float:left;}
.about-team .image .detail{position:absolute; width:100%; bottom:-100px; left:0; background:rgba(0, 0, 0, 0.7); padding-top:10px; opacity:1;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;z-index:2;}
.about-team .image .detail p{margin-bottom:10px;padding:0 10px;}
.about-team .image:hover  .detail{opacity:1; bottom:0px;}
.about-team .image:hover:after{opacity:1;}
/* Clientele Page */
.cleintele-header{background:url('../images/clientele-header.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; position:relative; height:inherit !important;}
  .cleintele-header:after{content:""; position:absolute; top:0; left:0; background:rgba(0, 0, 0 , 0.6); width:100%; height:100%; z-index:1;}
.cleintele-header .client-detail{position:relative; z-index:2;}
.cleintele-header .underline, .series-header .underline{max-width:280px;}
.cleintele-header .sub-title, .series-header .sub-title{font-weight:500; font-size:30px; text-transform:uppercase; color:#FFF; text-align:center; margin-bottom:40px;font-family: 'Didot', serif;}
.cleintele-header p{color:#cccccc; text-align:justify; text-transform:uppercase;}
.client-list{background:rgba(255, 255, 255, 0); padding:40px 60px;}
.client-list .client{text-align:center; padding:20px 60px; }
.client-list .client img{opacity:.75;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out; max-width:100%; max-height:150px;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
		}
.client-list .client img:hover{opacity:1;}

/* Contact Page */
.form-section{background:#cccccc; padding:40px;}
.form-section p{padding:0 15px; margin-bottom:60px;}
.under-map-line{text-align:center; color:#FFF; margin:10px 0; font-size:18px; position:absolute; top:50%; width:100%; margin-top:117px;}
.form-control{border: none; border-radius: 0px; height:60px; background-color: #b7b7b7; color:#000; text-transform:uppercase; padding:6px 12px 6px 25px; font-family: 'Helvetica-Normal'; }
.form-control:focus{border: none; background:#FFF;box-shadow:none;transition: 0.5s;}
textarea.form-control{height:120px;}
.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control::-webkit-input-placeholder {
  color: #000;
}

.btn-default{background:none; border:2px solid #525252; color:#000;border-radius:0px; min-width:120px; font-size:18px;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.btn-default:hover, .btn-default:active, .btn-default:focus{background:#525252; border:2px solid #525252; color:#FFF;}


/* Series Page */
.series-header{position:relative; overflow:hidden}
.series-header ul li:after{content:""; position:absolute; top:0; left:0; background:rgba(0, 0, 0 , 0.8); width:100%; height:100%; z-index:1;}
.series-header ul li{position:relative;z-index:2;}
.series-header ul li .series-detail{position:absolute; top:0; text-align:center; width:100%;z-index:2;}
.series-header .title{padding-top:150px;}
.series-header .underline{max-width:370px;}
.series-header a{color:#999999; max-width:160px; margin:0 auto; padding:10px 35px; border:1px solid #999999; text-transform:uppercase; font-weight:500;}
.series-header .owl-controls{position:absolute; top:20px;left:50%; margin-left:-80px;}
.series-header .owl-controls .owl-dots .owl-dot{width:40px; height:6px; background:#939393; float:left; margin:0 5px;}
.series-header .owl-controls .owl-dots .owl-dot.active{ background:#FFF;}
.series-section{padding:0 40px 40px 40px; background:#cccccc;}
.series-section .sections{width:33.33%; float:left; position:relative; margin-top:-40px; z-index:3; overflow:hidden;}
.series-section.virtual-page .sections{width:50%;}
.series-section.series-page .sections{width:25%;}
.series-section .sections .image{overflow:hidden; height:340px;}
.series-section .sections .image img{height:340px;}
.series-section .sections img{width:100%; -webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.series-section .sections:before{content:""; position:absolute; top:0; left:0; background:rgba(0, 0, 0 , 0.8); width:100%; height:100%; z-index:1;opacity:0; -webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.series-section .sections a{display:block; width:100%; height:100%;}
.series-section .sections:after1{content:""; position:absolute; top:10px; left:10px;  bottom:10px; right:10px; border:1px solid rgba(163, 155, 140, 0); z-index:2; padding:10px;opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.sections .border-top{position:absolute;
    top: 10px;
    left: 30px;
    height: 1px;
    background: #a39b8c;
    width: 100%;
    opacity:0; z-index:2;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.sections .border-bottom{position:absolute; bottom: 10px;
    left: 30px;
    height: 1px;
    background: #a39b8c;
    width: 100%;
	opacity:0; z-index:2;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.sections .border-left{position:absolute;
    top: 30px;
    left: 10px;
    width: 1px;
    background: #a39b8c;
    height: 100%;
	opacity:0; z-index:2;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}

.sections .border-right{position:absolute;
    top: 30px;
    right: 10px;
    width: 1px;
    background: #a39b8c;
    height: 100%;
	opacity:0; z-index:2;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.series-section .sections .sections-detail{position:absolute; width:100%; text-align:center; top:40%; z-index:3; margin-top:-30px; opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.series-section .sections .sections-detail .title{margin-bottom:10px;}
.series-section .sections .sections-detail p{color:#FFF;}
.series-section .sections:hover:after{opacity:1; border:1px solid rgba(163, 155, 140, 1);}
.series-section .sections:hover:before{opacity:1;}
.series-section .sections:hover .sections-detail{opacity:1; top:50%;}
.series-section .sections:hover .border-top{opacity:1; left:10px;}
.series-section .sections:hover .border-bottom{opacity:1; left:10px;}
.series-section .sections:hover .border-left{opacity:1; top:10px;}
.series-section .sections:hover .border-right{opacity:1; top:10px;}
.series-section .sections:hover img{ 
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}

/* Series Single Page */
.plus-icon{position:relative;}
.plus-icon:after{content: url('../images/plus.svg'); position:absolute; top: 50%;
    right: 50%;
    width: 150px;
    text-align: center;
    margin-top: -78px;
    margin-right: -75px; opacity:0;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;}
.plus-icon:hover:after{ opacity:1;}
.series-main-header{overflow:hidden;}
.series-main-header img{width:100%;}
.project-detail{background:#1e1e1e;}	
.project-detail .project-detail-left{position:relative; float:left; width:300px; margin-top:-100px; z-index:2;}
.project-detail .project-detail-left .detail-heading{width:100%;padding:20px 30px; text-transform:uppercase; text-align:right; color:#cccccc;}
.project-detail .project-detail-left .detail-heading.project-title{text-align:center; background:#777777; color:#1e1e1e; padding:40px 30px;}

.project-detail .project-detail-right{margin-left:300px; background:#cccccc; padding:40px;}	
.project-detail-right .title{padding-top:0px; text-align:left; line-height: 27px; margin-bottom:30px;}
.project-detail-right .underline{width:40px; margin:0; margin-bottom:15px;}
.project-sections{background:#232323;}
.project-sections .project-section{width:50%; float:left; overflow:hidden;}
.project-sections .project-section:after{content: url('../images/plus.svg'); position:absolute; top: 50%;
    right: 50%;
    width: 150px;
    text-align: center;
    margin-top: -78px;
    margin-right: -75px; opacity:0;
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;}

.project-sections .project-section  img{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.project-sections .project-section:hover:after {opacity:1;}

.project-sections .project-section  img:hover{ 
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.project-sections .project-section img{width:100%;}
.additional-series{background:#232323; padding:40px 0;}
.additional-series .underline{max-width:30px; margin-bottom:25px;}
.additional-series .image{text-align:center; position:relative; height:300px; overflow:hidden;}
.additional-series .image img{width:100%;}
.additional-series .image:before{content:""; position:absolute; top:0; left:0; background:rgba(0, 0, 0 , 0.8); width:100%; height:100%; z-index:1;opacity:0; -webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
.additional-series .image:after1{content:""; position:absolute; top:10px; left:10px;  bottom:10px; right:10px; border:1px solid #a39b8c; z-index:2; padding:10px;opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}


.additional-series .image .sections-detail{position:absolute; top:40%; width:100%; margin:0 auto; z-index:3; margin-top:-35px;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;opacity:0;}
.additional-series .image .sections-detail .title{margin-bottom:10px; }
.additional-series .image .sections-detail .underline{margin-bottom:10px; }
.additional-series .image .sections-detail p{color:#FFF;}
.additional-series .image .title1{position:absolute; top:50%; width:100%; margin:0 auto; z-index:3; margin-top:-10px;}
.additional-series .image .title a{color:#FFF;}
.additional-series .image img{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.additional-series .image:hover img{ 
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.additional-series .image:hover:after{opacity:1;}
.additional-series .image:hover:before{opacity:1;}
.additional-series .image:hover .sections-detail{opacity:1; top:50%;}
.additional-series .image:hover .border-top{opacity:1; left:10px;}
.additional-series .image:hover .border-bottom{opacity:1; left:10px;}
.additional-series .image:hover .border-left{opacity:1; top:10px;}
.additional-series .image:hover .border-right{opacity:1; top:10px;}


/* Film Page */
.project-sections.film-page{margin-top:-30px;}
.project-sections.film-page .project-section:after{display:none; opacity:0;}
.project-sections.film-page .project-section .image{height:336px; overflow:hidden;}
.project-sections.film-page .project-section img{}
.series-main-header.film-page{position:relative;}
.series-main-header.film-page:after{content:""; position:absolute; top:0; left:0; bottom:30px; width:100%; background:rgba(0, 0,0, 0.8); z-index:1;}
.series-main-header.film-page.virtual-reality:after{bottom:0px;}
.series-main-header.film-page .series-detail{position:absolute; top:50%; margin-top:-150px; text-align:center; width:100%;z-index:2; }
.series-main-header.film-page .series-detail .play-icon img{}
.series-main-header.film-page .series-detail .title{padding-top:94px;}
.series-main-header.film-page .series-detail .underline{max-width:300px;}
.series-main-header.film-page .series-detail .sub-title{ font-weight: 500; font-size: 30px; text-transform: uppercase;color: #FFF; text-align: center;  margin-bottom: 40px; font-family: 'Didot', serif;}

.project-sections.film-page .project-section{position:relative;}
.project-sections.film-page .project-section:before{content:""; position:absolute; top:0; left:0; bottom:0; width:100%; background:rgba(0, 0,0, 0.8); z-index:1; opacity:0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;}
.project-sections.film-page .project-section .series-detail{position:absolute; top:50%; left:0; width:100%; text-align:center;z-index:2; margin-top:-50px; opacity:0;-webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;}
.project-sections.film-page .project-section .series-detail .play-icon{opacity:0;-webkit-transition: all 600ms ease-out 750ms;
   -moz-transition: all 600ms ease-out 750ms;
    -o-transition: all 600ms ease-out 750ms;
    transition: all 600ms ease-out 750ms; position:relative;}
.project-sections.film-page .project-section .series-detail .play-icon img{}
.project-sections.film-page .project-section .series-detail .play-icon img:hover{ 
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);}
.project-sections.film-page .project-section .series-detail .sub-title{ font-weight: 500; font-size: 18px; text-transform: uppercase;color: #FFF; text-align: center;  margin-bottom: 40px; margin-top:110px;opacity:0;-webkit-transition: all 600ms ease-out 200ms;
   -moz-transition: all 600ms ease-out 200ms;
    -o-transition: all 600ms ease-out 200ms;
    transition: all 600ms ease-out 200ms;}
.project-sections.film-page .project-section:hover:before{opacity:1;}
.project-sections.film-page .project-section:hover .section-border{opacity:1;}
.project-sections.film-page .project-section:hover .series-detail{opacity:1;}
.project-sections.film-page .project-section:hover .series-detail .play-icon{opacity:1;}
.project-sections.film-page .project-section:hover .series-detail .sub-title{opacity:1;}

.project-sections.film-page .project-section:hover .border-top{opacity:1; left:10px;}
.project-sections.film-page .project-section:hover .border-bottom{opacity:1; left:10px;}
.project-sections.film-page .project-section:hover .border-left{opacity:1; top:10px;}
.project-sections.film-page .project-section:hover .border-right{opacity:1; top:10px;}
/* Colorbox */
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{display:none1;}
#cboxOverlay{background:rgba(0, 0, 0, 1);}
.cboxIframe{background:rgba(0, 0, 0, 1); text-align: center;}
#cboxWrapper{}
#cboxContent #cboxLoadedContent body{text-align:center;}
#cboxPrevious{ background: url(../images/colorbox-prev.png) no-repeat center center; height:30px; width:40px; background-color:#333333;left:0px; z-index:10;-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;}
#cboxPrevious:hover{ background: url(../images/colorbox-prev-black.png) no-repeat center center;background-color:rgba(255, 255, 255, 1);}
#cboxNext{ background: url(../images/colorbox-next.png) no-repeat center center; height:30px; width:40px; background-color:#333333;right:0px;-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;}
#cboxNext:hover{background: url(../images/colorbox-next-black.png) no-repeat center center;background-color:rgba(255, 255, 255, 1); }
#cboxClose{ background: url(../images/icon-close.png) no-repeat center center; height:40px; width:40px; background-color:#333333; top:0px; right:0px;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;}
#cboxClose:hover{background-color:#dad6cc;}
#cboxTitle{text-align:left; left:40px; text-transform:uppercase; bottom:15px; font-size:12px; font-weight:300;}
#cboxLoadedContent{ border: solid 40px transparent;}
.cboxIframe img{height:100%;}

#footer{width:100%; background:#1a1a1a;padding:25px 40px 65px 40px; color:#8e8e8e;}
#footer .border-right{border-right:1px solid #8e8e8e;}
#footer ul li{padding:5px 0px 5px 15px;}
#footer ul li a{color:#8e8e8e; text-transform:uppercase; font-size:12px; display:inline-block;-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active{color:#FFF;}
#footer .footer-logo{text-align:center;}
#footer .footer-serial-menu, #footer .footer-logo, #footer .footer-address, #footer .footer-home-menu{min-height:185px;}
#footer .footer-address{padding:50px 30px 30px 40px; color:#8e8e8e;}
#footer .footer-logo img{width:400px; padding-top:50px;}
#footer .social-btns{display:none;}
#footer .social-btns{position:relative; }

#footer .social-btns .icon{height:30px; width:30px; background:url('../images/fb.svg') no-repeat; cursor:pointer; display:block; margin:10px 0; opacity:1;}
#footer .social-btns .icon:hover{opacity:0.5;}

#footer .social-btns .icon.gplus{background:url('../images/gplus.svg') no-repeat;}
#footer .social-btns .icon.vimeo{background:url('../images/vimeo.svg') no-repeat;}
#footer .social-btns .icon.insta{background:url('../images/instgram.svg') no-repeat;}


/* CSS for MAC */
.mac .menu{line-height:22px;}
.mac .menu .icon-right{top:0px;}
.mac .menu-toggle{left:-70%;}
.mac .menu-toggle.open{left:40px;}
.mac .btn{padding-bottom:0px !important; padding-top:9px;}
.mac .btn.btn-default{padding-bottom:0px !important; padding-top:14px;}
.mac .detail-slider .owl-controls .owl-nav .owl-next{margin-top:0px;}
.mac .about-description .heading{top:-8px;}
.mac .about-team .title{margin-bottom:-2px;}
.mac .about-team .underline{margin-bottom:8px;}
.mac .underline{margin-bottom:8px;}
@media (max-width: 1199px) {
}


@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	.cropmarks{width:100%;}
	.cropmarks .crop-right{right: -22px; display:none;}
	.cropmarks .crop-left{top: 6px; left:5px; display:none;}
	.loading-wrapper{margin-left:0; width:90%; left:0;}
	.border.left{width:0px;}
	.border.right{width:0px;}
	.page-load .border.right { width: 0px;}
	.page-load .border.left { width: 0px;}
	#pctIndicator{margin-top: -60px;}
	#pctIndicator h1{font-size:60px; }
	.inner-container{ padding: 20px 0px 0;}
	.backtotop{display:none !important;}
	.title-gotham{font-size:30px;}
	.menu-toggle{width:100%; border:0px;}
	.menu-toggle.open{left:0;}
	.menu-toggle .menu-icon{display:none;}
	.menu-toggle ul li a{border:1px solid #FFF; margin: 0 auto; max-width: 300px; padding:15px 0;}
	.menu-toggle > ul.menu-items > li > a::after{display:none;}
	.sub-menu ul li{width:100%;}
	.sub-menu ul li svg{}
	
	/* CSS for MAC */
	.mac .menu{line-height:22px;}
	.mac .menu .icon-right{top:0px;}
	.mac .menu-toggle{left:-100%;}
	.mac .menu-toggle.open{left:0px;}
	.mac .btn{padding-bottom:0px !important; padding-top:9px;}
	.mac .btn.btn-default{padding-bottom:0px !important; padding-top:14px;}
	.mac .detail-slider .owl-controls .owl-nav .owl-next{margin-top:0px;}
	.mac .about-description .heading{top:-8px;}
	.mac .about-team .title{margin-bottom:-2px;}
	.mac .about-team .underline{margin-bottom:8px;}
	.mac .underline{margin-bottom:8px;}
	
	/* Home Page */
	.section-one .logo{max-width:320px;}
	.left-text{display:none;}
	.right-text{display:none;}
	.social-btns{display:none;}
	.title{margin-bottom:10px;}
	.home-title > span{font-size:34px;}
	.home-portfolio .sections{margin: 120px 20px 0;}
	
	.home-portfolio .sections .col-md-4{padding:15px;}
	.home-portfolio .sections .desc{height:auto;}
	.background-section{height:10px;}
	.photographry-section{width:100%;}
	.photographry-section .about-left .two-section.text-section{padding: 10px;}
	.photographry-section .about-left .two-section.text-section .title{line-height:20px;}
	.photographry-section .about-left .two-section.text-section .desc{margin:0;}
	.photographry-section .about-left .two-section.text-section .link-div{display:none;}
	.detail-slider { padding: 30px 20px; }
	.detail-slider .main-slide{padding:60px 0 0 10px; line-height:60px;}
	.detail-slider ul li .title{line-height:10px;line-height: 22px;}
	.detail-slider .owl-controls{right:-20px;}
	.detail-slider .owl-controls .owl-nav .owl-next{margin-top:0px;}
	.under-map-line{ margin: 25px 0 10px; font-size:14px;}
	
	/* About Page */
	
	.about-header{height:inherit !important;}
	.about-header .heading{font-size:50px; left:20px;bottom: -10px;}
	.about-description .heading{font-size:50px; left:20px;top: -10px;}
	.about-description{padding:40px 0 40px;}
	.about-team .image .detail{bottom:0;}
	.about-team{padding: 10px 0 10px;}
	.about-team p{margin-bottom:10px;}
	.nopadding{padding:0 15px;}
	
	
	/* Series Page */
	.series-header{height:inherit !important;}
	ul#series-slider{margin-bottom:0px;}
	.series-header .title{padding-top:40px; font-size:30px;}
	.series-header .underline{max-width:280px;}
	.cleintele-header .sub-title, .series-header .sub-title{margin-bottom: 20px; font-size:20px;}
	.series-section{padding:0;}
	.series-section .sections{width:100%; margin-top: 0px;}
	.series-section .sections .sections-detail{top:50%; opacity:1;}
	.series-main-header{height:inherit !important;}
	.plus-icon::after{width:76px;margin-right: -37px; margin-top: -39px;}
	.project-sections .project-section{width:100%;}
	.project-sections .project-section::after{width:76px;margin-right: -37px; margin-top: -39px;}
	.additional-series {padding: 10px 0 10px 0;}
	.additional-series .image{height:185px;}
	.additional-series .underline{margin-bottom:15px;}
	.additional-series .col-md-6{margin-bottom:10px;}
	.additional-series .image::before{opacity:1; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
	.additional-series .image .sections-detail{top:50%; opacity:1;}
	.project-detail .project-detail-left{width:100%; float:inherit;}
	.project-detail .project-detail-right{padding:20px; margin-left:0;}
	.project-detail-right .title{margin-bottom:15px;}
	
	/*  Virtual Tour Page */
	.series-main-header.film-page.mobile-sceen .title{display:none;}
	.series-main-header.film-page.mobile-sceen .series-detail .underline{display:none;}
	.series-main-header.film-page .series-detail{ margin-top: -130px;}
	.series-main-header.film-page.mobile-sceen .series-detail{ margin-top: -120px;}
	.play-button{width:70px; height:70px;margin-left: -35px; margin-top:30px;}
	
	.series-main-header.film-page .series-detail .sub-title{font-size:18px; margin:0 auto; max-width:320px; text-align:center;}
	.series-main-header.film-page.mobile-sceen .series-detail .sub-title{margin-top: 103px;}
	.series-section .sections::before{opacity:1; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
	.series-section.virtual-page .sections{width:100%;}
	.project-sections.film-page .project-section::before{opacity:1; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
	.project-sections.film-page .project-section .image{height:200px;}
	.project-sections.film-page .project-section .series-detail{opacity:1; top:10%; margin-top:0px;}
	.project-sections.film-page .project-section .series-detail .sub-title{opacity:1; margin:0 auto; max-width:320px; text-align:center; margin-top:100px; }
	.project-sections.film-page .project-section .series-detail .play-icon{opacity:1; }
	
	/* Clientele Page */
	.client-list{padding: 20px 20px;}
	.client-list .client{padding: 20px 20px;}
	/* Contact Page */
	.form-section{padding:10px 0px;}
	
	.form-section p{margin-bottom:20px; padding:0;}
	.form-section .form-group{padding:0;}
	/* Footer */
	#footer{padding:10px;}
	#footer .social-btns{display:inline;}
	#footer .footer-serial-menu, #footer .footer-logo, #footer .footer-address, #footer .footer-home-menu{min-height:inherit;}
	#footer ul li{text-align:center;}
	#footer .footer-logo{margin-bottom:20px;}
	#footer .footer-logo img{padding-top:20px;}
	#footer .footer-address{text-align:center; padding:0; margin-bottom:40px;}
	#footer .footer-logo{max-height:inherit !important;}
	#footer .footer-home-menu{max-height:inherit !important;}
	#footer .footer-serial-menu{max-height:inherit !important;}
	
	#footer .border-right{border:0px;}
	
	
}