@charset "utf-8";
@font-face {font-family: 'montserratbold';src: url('../fonts/montserrat-bold.eot');src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-bold.woff2') format('woff2'),url('../fonts/montserrat-bold.woff') format('woff'),url('../fonts/montserrat-bold.svg#montserratbold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montserratlight';src: url('../fonts/montserrat-light.eot');src: url('../fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-light.woff2') format('woff2'),url('../fonts/montserrat-light.woff') format('woff'),url('../fonts/montserrat-light.svg#montserratlight') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montserratsemi_bold';src: url('../fonts/montserrat-semibold.eot');src: url('../fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-semibold.woff2') format('woff2'),url('../fonts/montserrat-semibold.woff') format('woff'),url('../fonts/montserrat-semibold.svg#montserratsemi_bold') format('svg');font-weight: normal;font-style: normal;}
body{background:#212121 url(../img/bg.jpg) repeat left top;overflow-x:hidden;margin:0;padding:0;font-family: 'Montserrat', sans-serif;color:#FFF;}
.item.full-screen.active .carousel-caption h1, .sidebar .close .btn-close, .grid-item-holder .grid-item h3, .horizontal_item .grid-item h3, .horizontal_item .grid-item h4, .horizontal_item .grid-item h2, .horizontal_item .grid-item p, ::after, ::before, .element input[type=submit], .element input[type=button], .content-holder-detail .port-desc-holder h2, .horizontal_item .grid-item h2, .content-holder-detail .port-desc-holder h3, .horizontal_item .grid-item h3, .content-holder-detail .port-desc-holder h4, .horizontal_item .grid-item h4, .content-holder-detail .port-desc-holder p, .horizontal_item .grid-item p, .zoomimage, a.zoomimage, button.mfp-arrow,.image-info-detail {transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;}
/*::after, ::before{content:"";}*/
a{color:#FFF;}
a:hover{color:#FFF;}
*:link, *:visited, *:focus,a:link, a:visited, a:focus {outline:0;}
.clear{margin:0;padding:0;clear:both;line-height:0px;height:0px;display:block;overflow:hidden;}
/*Header Start*/
header {position:fixed;top:0px;z-index:12;padding:14px 28px 0;width:100%;min-height:90px;}#inner-container header, #detail-container header {background:url(../img/bg.jpg) repeat;min-height:90px;}#detail-container header {min-height:70px;}
#open-right {float:right;color:#d3d3d3;font-size:12px;text-align:right;position:relative;padding-right:52px;margin-top:10px;}
#open-right:hover {text-decoration:none;}
#open-right::before {display:block;width:32px;height:9px;border-bottom:2px solid #d3d3d3;border-top:2px solid #d3d3d3;position:absolute;right:0;top:0%;content:"";}
#open-right::after {display:block;width:22px;height:2px;content:"";background:#d3d3d3;position:absolute;right:0;top:80%;}
#open-right:hover::before {width:22px;}
#open-right:hover::after {width:32px;}
.logo-holder {position:absolute;left:28px;}
.logo-holder a{display:block;}
.sidebar .content ul{margin:0;padding:0;list-style-type:none;}
.sidebar .content ul ul{margin-left:10px;}
.sidebar .content li{display:block;padding:4px 0;}
.sidebar .content ul ul li{font-size:11px;}
.sidebar .content li a{color:#FFF;text-transform:uppercase;font-weight:400;display:block;}
.sidebar .content ul ul li a{color:#d9d9d9;}
.sidebar .content li a:hover, .sidebar .content li a:focus{text-decoration:none;outline:0;}
.sidebar .content li a:after {display:block;width:0%;height:2px;background:#FFF;content:"";}
.sidebar .content li a:hover:after{width:100%;}
h1{font-weight:700;font-family: 'montserratsemi_bold';text-transform:uppercase;}
p{font-family: 'montserratlight';font-size:12px;letter-spacing:0.075em;line-height:normal;}
/* ---------Page preload--------------------------------------*/
.loader {position:fixed;top:50%;left:50%;width:50px;height:50px;z-index:100;font-size:24px;line-height:50px;margin-left:-25px;margin-top:-25px;color:#fff;opacity:0.8;}
.cn-loader {top:10px !important;left:0;font-size:18px;margin:0 !important;}
.fa-spin{-webkit-animation:spin 0.5s infinite linear;-moz-animation:spin 0.5s infinite linear;-o-animation:spin 0.5s infinite linear;animation:spin 0.5s infinite linear}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@media all and (max-width:500px){.logo-holder{max-width:80px;}.logo-holder img {width:100%;}}
/*Header End*/
#main{height:100%;width:100%;top:0;left:0;z-index:2;opacity:0;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
#wrapper{height:100%;margin-left:0;vertical-align:top;left:0;top:0;right:0;z-index:3;width:100%;min-height:92vh;}
/*Slider Start*/
.full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;}
.carousel-control.right, .carousel-control.left {background:none;min-width:50px;}
.carousel-control {position: absolute;top: 50%;bottom:auto;left: 28px;width: 50px;height:14px;line-height:14px;margin-top:-7px;Font-size:12px;color: #d3d3d3;text-align: right;text-shadow: none;filter: alpha(opacity=80);opacity: .8;}
.carousel-control.right {right:28px;}
.carousel-control:focus, .carousel-control:hover {color: #d3d3d3;text-decoration: none;filter: alpha(opacity=100);outline: 0;opacity: 1;}
.sr-only {display:block;width: 20px;height: 14px;padding: 0;margin: 0px;overflow: hidden;clip:rect(auto, auto, auto, auto);border: 0;background:url(../img/next-arrow.png) left top no-repeat;text-indent:999px;}
.carousel-control.right .sr-only {background:url(../img/prev-arrow.png) right top no-repeat;right:0px;}
.carousel-caption {position:absolute;left:10%;top:50%;transform:translateY(-50%);color:#FFF;width:80%; text-align:center;right:10%;bottom:auto;padding:20px 0;text-shadow: 0 0px 0px rgba(0,0,0,0);}
.carousel-caption.black {color:#000 !important;}
.carousel-caption h1{font-size:72px;margin:0;padding:0;font-weight:700;filter: alpha(opacity=0);opacity: .0;transform:translateY(50%);text-transform:uppercase;}
@media all and (max-width:850px){.carousel-caption h1{font-size:52px}}
@media all and (max-width:500px){.carousel-caption h1{font-size:32px}}
.carousel-caption .slider-btn{display:inline-block;font-size:16px;text-transform:uppercase;padding:10px 20px;line-height:30px;min-width:180px;text-align:center;color:#FFF;border:2px solid #FFF;margin:30px 0 0 0;filter: alpha(opacity=0);opacity: .0;transform:translateY(50%);transition:all 300ms ease-in-out 300ms;-webkit-transition:all 300ms ease-in-out 300ms;-moz-transition:all 300ms ease-in-out 300ms;-ms-transition:all 300ms ease-in-out 300ms;-o-transition:all 300ms ease-in-out 300ms;}
.carousel-caption.black .slider-btn{color:#000;border:2px solid #000;}
.carousel-caption .slider-btn:hover{background:#FFF;color:#000;text-decoration:none;}
.carousel-caption.black .slider-btn:hover{background:#000;color:#fff;}
@media all and (max-width:850px){.carousel-caption h1{font-size:52px}.carousel-caption .slider-btn{font-size:14px;padding:5px 20px;min-width:150px;}.carousel-control.left{left:10px;}.carousel-control.right{right:10px;}}
@media all and (max-width:500px){.carousel-caption h1{font-size:32px}.carousel-caption .slider-btn{font-size:12px;padding:3px 10px;min-width:100px;}}
.item.full-screen.active .carousel-caption h1{filter: alpha(opacity=100);opacity: 1;transform:translateY(0%);}
.item.full-screen.active .carousel-caption .slider-btn{filter: alpha(opacity=100);opacity: 1;transform:translateY(0%);}
.next-num {position:absolute;left:0px;}
/*Slider End*/
/*------ portfolio -------------------------------------------------*/
/* ---------Fixed title --------------------------------------*/
.fixed-title  {position: fixed;width: auto;height: 50px;bottom: 0%;left:50%; margin-top: 0;letter-spacing: 0.17em;font-size:12px;text-transform: uppercase;/*margin-left:-34px;*/text-align: center;cursor: default;white-space:nowrap; /*-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;-o-transform-origin: left top;transform-origin: left top;*/z-index:12;transform:translateX(-50%);-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.fixed-title span , .fixed-title a {position:relative;z-index:3;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;color:#fff;display:block;line-height:50px;}.fixed-title a {background:url(../img/next-arrow.png) left center no-repeat;padding-left:30px;margin: 0 10px;}
.fixed-title:after {content:'';position:absolute;bottom:0px;left:0;z-index:2;width:100%;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;height:50px;background:#000;}
.fixed-title:hover:after {height:0;}
.fixed-title a{color:#FFF;}
.fixed-title:hover span, .fixed-title:hover a{color:#fff;text-decoration:none;}
/* ---------Separator --------------------------------------*/
.separator {margin:0 auto;width:70px;height:4px;background:#fff;margin:10px auto 10px;}
.bl-sep {background:#000;}
.separator-image {background:none;width:auto;}
/*-- portfolio ------------------*/
.slid-hol {padding-top:70px;}
.container{max-width: 1024px;width:92%;margin:0 auto;position: relative;z-index:2;}
.content {width:100%;position:relative;z-index:2;float:left;}
.scale-bg2 {padding:0 28px;}
.mr-con {top:-50px;}
.full-height {height:100%;}
.wrapper-inner {float:left;width:70%;position:relative;background:#fff;padding:150px 0;z-index:3;opacity:0;}
.full-width-wrap {width:100%;}
.full-width-wrap:before {content:'';position:absolute;right:0;width:30%;background:#fff;top:-70px;height:70px;}
.body-bg {position:absolute;top:0;left:0;width:100%;background:#f4f4f4;z-index:2;}
.bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;background-attachment: scroll;background-position: center;background-repeat:repeat;background-origin: content-box;}
.full-height-parallax {position: absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;}
.respimg {width:100%;height:auto;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.2;z-index:2;}
.content-holder-detail {vertical-align: top;position: relative;left: 0;top: 0;right: 0;z-index: 2;height: 100%;padding:110px 50px 0px 28px;-webkit-padding:120px 50px 0px;}
.gallery-items {float:left;width:100%;padding-bottom:10px;}
.grid-item-holder {float:left;width:100%;height:auto;position:relative;}
.hid-port-info .grid-item-holder {overflow:hidden;}
.grid-big-pad  .grid-item-holder{padding:20px;}
.grid-small-pad  .grid-item-holder{padding:3px;-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;}
.gallery-item, .grid-sizer {width: 25%;position:relative;-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;}
.gallery-item-second,.grid-sizer-second {width: 50%;}
.gallery-item-three,.grid-sizer-three {width: 75%;}
.gallery-item img, .grid-sizer img {width: 100%;height: auto;position:relative;z-index:1;}
.content-column .gallery-item {padding:1px;}
.content-column {padding-bottom:50px;}
.four-coulms .gallery-item , .four-coulms .grid-sizer{width:25%;}
.three-coulms .gallery-item , .three-coulms .grid-sizer{width:33.33333%;}
.three-coulms .gallery-item-second {width:66.66666%;}
.gallery-item .overlay {z-index:2;opacity:0;}
.grid-item {position:absolute;width:100%;z-index:3;top:50%;left:0;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.horizontal_item .grid-item:before, .horizontal_item .grid-item:after, .port-desc-holder  .grid-item:before, .port-desc-holder .grid-item:after{content: '';position: absolute;left: 50%;background: rgba(255,255,255,0.51);width: 1px;height: 0;}
.port-desc-holder  .grid-item:before,.horizontal_item .grid-item:before{top:-50px;content:"";}
.port-desc-holder .grid-item:after{display:none;content:"";}
.horizontal_item .grid-item:after {bottom:-50px;content:"";}
.horizontal_item:hover .grid-item:before, .horizontal_item:hover .grid-item:after, .port-desc-holder:hover  .grid-item:before, .port-desc-holder:hover .grid-item:after {height:40px;}
.grid-item-holder:hover .overlay {opacity:0.7!important;}
.grid-item h3 {font-size:14px;text-transform:uppercase;font-family: 'montserratsemi_bold';font-weight:normal;position:relative;width:100%;color:#fff;text-align:center;}
.grid-item h3 span{display:block;font-family: 'montserratlight';font-weight:normal;text-transform:none;padding-top:5px; padding-bottom:25px;}
.grid-item a {color:#fff;border:2px solid #bababa;font-size:12px;text-transform:uppercase;padding:5px;line-height:22px;min-width:136px;text-align:center;margin-left:auto;margin-right:auto;display:inline-block;}
.grid-item a:hover {background:#bababa;color:#000;text-decoration:none;}
.grid-item span {width:100%;float:left;font-size:14px;opacity:0.6;margin-top:6px;color:#fff;}
.grid-item h3 , .grid-item span, .grid-item a, .grid-item h2, .grid-item h4, .grid-item p {opacity:0;margin-top:20px;}
.vis-port-info .grid-item {position:relative;float:left;top:0;margin-top:0 !important;color:#000;padding:20px 0;}
.vis-port-info .grid-item h3 a , .vis-port-info .grid-item span {color:#000;}
.vis-port-info .grid-item span{font-size:14px;font-style:italic;padding-top:10px;color:#666;display:block;position:relative;}
.vis-port-info .grid-item span:before {position:absolute;content:'';width:50px;height:1px;background:#000;left:50%;margin-left:-25px;top:2px;}
.vis-port-info .grid-item:before  , .vis-port-info .grid-item:after{display:none;content:"";}
.vis-port-info  .grid-item h3 , .vis-port-info  .grid-item span {opacity:1;}
.grid-item-holder:hover .grid-item h3 , .grid-item-holder:hover .grid-item span , .port-desc-holder:hover  .grid-item span  , .port-desc-holder:hover .grid-item h3, .port-desc-holder:hover .grid-item h2, .port-desc-holder:hover .grid-item h4, .port-desc-holder:hover .grid-item p,  .horizontal_item:hover .grid-item span ,  .horizontal_item:hover .grid-item h3, .grid-item-holder:hover .grid-item a, .horizontal_item:hover .grid-item h2, .horizontal_item:hover .grid-item h4, .horizontal_item:hover .grid-item p, .port-desc-holder:hover .zoomimage, .port-desc-holder:hover a.zoomimage{opacity:1;margin-top:0;}
.grid-item-holder:hover   .grid-item:before ,   .grid-item-holder:hover   .grid-item:after  , .port-desc-holder:hover .grid-item:before , .port-desc-holder:hover .grid-item:after , .horizontal_item:hover .grid-item:after , .horizontal_item:hover .grid-item:before{height:40px;content:"";}
.st-3 .grid-item-holder a img , .gallery-item img, .grid-sizer img , .grid-item:after, .grid-item:before , .grid-item h3 , .grid-item span {-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.fixed-filter {position:fixed;left:80px;bottom:80px;z-index:5;background:rgba(0,0,0,0.51);padding:15px 20px;}
.vis-filter {float:left;width:100%;padding: 0 50px;position:relative;content:"";}
.fixed-filter a , .vis-filter a {float:left;margin-right:8px;font-size:12px;text-transform:uppercase;color:#fff;}
.vis-filter a {float:none;display:inline-block;}
.fixed-filter a.gallery-filter-active  , .vis-filter a.gallery-filter-active , .inline-filters a.gallery-filter-active{text-decoration:line-through;}
.inline-filters {float:left;width:100%;padding:30px 0;margin:20px 0 0;position:relative;}
.inline-filters:before {content:'';position:absolute;top:10px;height:1px;background:#ccc;left:50%;width:120px;margin-left:-60px;}
.inline-filters a {display:inline-block;padding:10px 18px;font-size: 11px;text-transform: uppercase;letter-spacing: 1px;color: #666;margin:0 5px;}
.gallery_horizontal {margin-top:20px;float:left;width:100%;position:relative;}
.gallery_horizontal .owl-item img{width: auto;position:relative;z-index:1;display:inline-block;}
.gallery_horizontal {position:relative;}
.zoomimage img , .gallery_horizontal .owl-item  .zoomimage img {width:30px;height:30px !important;opacity:0;position:relative;z-index:2;}
.horizontal_item {overflow:hidden;position:relative;text-align:center;display:inline-block;}
.owl-carousel .owl-item{text-align:center;}
.portfolio_item , .horizontal_item  , .swiper-slide{cursor:e-resize;}
.horizontal_item  .port-desc-holder {top:50%;height:auto !important;}
.resize-carousel-holder {float:left;width:100%;height:100%;position:relative;margin-top:5px;-webkit-margin-top:15px;}
.resize-carousel-holder .customNavigation {position:absolute;top:50%;right:-45px;width:40px;z-index:5;height:80px;margin-top:-40px;}
.resize-carousel-holder .customNavigation:before , .resize-carousel-holder .customNavigation:after , .hs:before , .hs:after {content:'';position:absolute;width:100%;height:2px;background:#eee;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.resize-carousel-holder .customNavigation:before , .hs:before {top:-10px;left:0;content:"";}
.resize-carousel-holder .customNavigation:after , .hs:after {bottom:-8px;right:0;content:"";}
.resize-carousel-holder .customNavigation:hover:before , .resize-carousel-holder .customNavigation:hover:after , .hs:hover:before , .hs:hover:after {width:0;content:"";}
.resize-carousel-holder .customNavigation a {float:left;width:40px;height:40px;line-height:40px;font-size:19px;cursor:pointer;}
.vis-info {padding-left:350px;}
.fixed-info-container {position:fixed;z-index:2;top:0;left:50px;height:100%;width:350px;background:#f9f9f9;padding:120px 30px 80px 30px;overflow:auto;}
.hidden-column {left:-450px;opacity:0;}
.show-hid-content {position:absolute;top:32px;left:32px;background:rgba(0,0,0,0.61);color:#fff;z-index:4;font-size:14px;cursor:pointer;padding:12px 42px;}
.show-hid-content i {position:absolute;top:15px;right:20px;font-size:14px;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.ishid i{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.fw-info-container {float:left;max-width:1450px !important;position:relative;background:#fff;padding:100px 50px 90px;}
.fixed-info-container h3 , .fixed-info-container h4  , .fw-info-container h3 , .fw-info-container h4{float:left;text-align:left;font-size:25px;width:100%;color:#292929;margin-top:20px;}
.fixed-info-container h4 , .fw-info-container h4 {font-size:15px;}
.fixed-info-container .separator  , .fw-info-container .separator{float:left;width:110px;height:3px;background:#000;margin:20px 0 20px;position:relative;}
.project-details {float:left;width:100%;text-align:left;padding-top:10px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.project-details li {float:left;width:100%;margin-bottom:10px;position:relative;}
.project-details li i {position:absolute;top:12px;left:0;width:40px;font-size:14px;color:#000;}
.pd-holder {float:left;width:100%;padding-left:40px;}
.pd-holder h5 {text-align:left;font-size:14px;font-style:italic;padding-top:12px;}
.pd-holder h5  a{font-style:italic;opacity:0.8;}
.project-details li a:hover {text-decoration:line-through;}
.project-nav {float:left;width:100%;margin-top:30px;}
.project-nav ul li {float:left;width:40px;height:40px;line-height:40px;border:1px solid #ccc;margin-right:40px;}
.project-nav ul li a {font-size:18px;color:#292929;}
.content-nav {float:left;width:100%;padding:20px 0;position:relative;}
.content-nav ul {position:relative;left:0;}
.content-nav li {float:left;margin-right:10px;}
.content-nav li a {font-size:28px;}
.content-nav li span {line-height:34px;}
.p-all {position:absolute;right:0;top:30px;font-size:18px;}
.content-nav a {-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.content-nav li a span {text-transform:uppercase;padding-right:20px;font-size:18px;position:relative;top:-2px;}
.content-nav a:hover {opacity:0.6;}
.p_horizontal_wrap {float:left;width:100%;position:relative;height: 100%;}
#portfolio_horizontal_container {height: 100%;float:left;width:100%;position:relative;}
#portfolio_horizontal_container .portfolio_item {width: auto;height: 100%;float:left;margin:0 6px;overflow:hidden;position:relative;}
#portfolio_horizontal_container .portfolio_item:first-child {margin:0 6px 0 0px;}
#portfolio_horizontal_container .portfolio_item img {float:left;width:auto;height:100%;}
.port-subtitle-holder {position:absolute;left:0;bottom:0;width:100%;padding:0 10px;}
.port-subtitle {float:left;width:100%;background:#fff;padding:20px 0;text-align:left;}
.port-subtitle h3 {font-size:24px;letter-spacing:2px;text-transform:uppercase;}
.port-subtitle span {float:left;width:100%;font-size:12px;padding-top:6px;position:relative;left:-10px;}
.port-subtitle span a {padding:0 10px;color:#ccc;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.port-subtitle span a:hover , .port-subtitle h3:hover {color:#000;text-decoration:line-through;}
.port-desc-holder {position: absolute;top:0;left:0;width:100%;height:100%;padding:0 0px;z-index:8;}
.port-desc {position:relative;float:left;width:100%;height:100%;}
.port-desc-holder .grid-item span {font-size:18px;}
.port-desc-holder .grid-item h3 {font-size:30px;letter-spacing:2px;}
.port-desc-holder .grid-item h3:hover {opacity:0.8;}
.port-desc .overlay , .horizontal_item .overlay {opacity:0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.port-desc-holder:hover .overlay , .horizontal_item:hover .overlay{opacity:0.6;}
.count-folio {position:fixed;top:50%;right:16px;z-index:10;font-size:18px;}
.num-album {position:relative;padding-bottom:28px;font-size:14px;}
.num-album:before {content:"/";position:absolute;bottom:-2px;color:#ccc;left:2px;}
.all-album {padding-top:8px;font-size:14px;}
.column-filter {position:fixed;top:80px;left:0%;z-index:10;width:100%;text-align:center;}
.filter-button {position:relative;float:left;margin-bottom:0px;background:rgba(0,0,0,0.8);color:#fff;width:100%;padding:12px 0;cursor:pointer;font-size:13px;letter-spacing:1px;text-transform:uppercase;display:none;}
@media all and (max-width:850px) {.filter-button {display:block;}}
.filter-button i {position:absolute;right:20px;top:15px;-webkit-transition: all 500ms linear;-moz-transition: all 500ms linear;-o-transition: all 500ms linear;-ms-transition: all 500ms linear;transition: all 500ms linear;}
.roticon {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
body.portfolio{overflow-y:scroll;}
.gallery-filters{padding:15px 0;background:url(../img/bg.jpg) repeat;}
.gallery-filters .gallery-filter{padding:0 14px;}
.gallery-filters a{color:#9b9a9a;text-transform:uppercase;font-size:14px;font-weight:400;position:relative;}
.gallery-filters a:focus, .gallery-filters a:active, .gallery-filters a:link, .gallery-filters a:visited{outline:0;}	
.gallery-filters a:after {position:absolute;bottom: -5px;height:2px; background:#FFF;width:0%;left:14px;content:"";}
.gallery-filters a:hover{text-decoration:none;outline:0;}
.gallery-filters a:hover:after {width:75%;}
.gallery-filters a:hover:after.gallery-filter_active {width:0%;content:"";}
.gallery-filters a.gallery-filter_active {text-decoration:none;font-family: 'montserratsemi_bold';color:#FFF;}
.bg-slider {z-index:1;}
.fw-info-container , .project-nav {float:left;position:relative;width:100%;}
.fw-info-container {margin-top:50px;bottom:0;}
.show-info {position:absolute;bottom:50px;left:50px;width:80%;z-index:15;}
.show-info span {text-transform:uppercase;font-size:16px;color:#fff;cursor:pointer;float:left;}
.tooltip-info{height: auto;line-height: 20px;padding: 10px 20px;font-size: 11px;color: #fff;text-align: center;text-indent: 0px;position: absolute;background:rgba(0,0,0,0.91);bottom:0;opacity: 0;left:0;margin-bottom:30px;visibility: hidden;pointer-events: none;z-index:16;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.tooltip-info p {font-size:13px;letter-spacing:1px;}
.tooltip-info h5 {font-size:16px;margin-top:12px;padding:5px 0;position:relative;text-transform:uppercase;letter-spacing:2px;text-align:left;}
.show-info:hover .tooltip-info {visibility:visible;opacity:1;bottom:0;}
figure img {cursor:url(../img/next-arrow-lightbox.png);}.sections-bg {position:fixed;top:0;left:0;width:57%;height:100%;background:#fff;z-index:1;}
.project-box  , .vertical-gallery{float:left;width:100%;padding:0 20px;}
.project-box {margin-bottom:40px;}
.project-box h3 {float:left;width:100%;text-align:left;padding-bottom:20px;font-size:24px;color:#666;letter-spacing:1px;}
.column-container {max-width:1500px;}
.custom-slider-holder {float:left;width:100%;margin-bottom:30px;position:relative;}
.custom-slider-holder .customNavigation {position:absolute;top:50%;left:0;width:100%;height:40px;margin-top:-20px;}
.custom-slider-holder .item {position:relative;}
.custom-slider-holder a.next-slide , .custom-slider-holder a.prev-slide {width:40px;height:40px;background:rgba(255,255,255,0.21);z-index:5;position:absolute;top:0;cursor:pointer;color:#fff;line-height:40px;font-size:18px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.custom-slider-holder a.prev-slide {left:10px;}
.custom-slider-holder a.next-slide {right:10px;}
.custom-slider-holder .customNavigation a:hover {background:rgba(255,255,255,1);color:#000;}
.two-columns-box  .box-item{width:50%;padding:0 10px 0 5px;}/*------item hover ------------------------------------------------*/

.overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.2;z-index:2;}
.box-item {float:left;width:100%;}
.vertical-gallery  .box-item {margin-bottom:10px;}
.box-item a {width:100%;height:100%;position:relative;overflow:hidden;display:block;}
.box-item a img {position:relative;z-index:1;-webkit-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;-moz-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;}
.box-item a .overlay {opacity:0;z-index:2;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.box-item a:hover .overlay {opacity:0.3;}
.box-item a:hover img {-webkit-transform: scale(1.05);-moz-transform:scale(1.05);transform: scale(1.05);}
#inner-container {display:block;padding-top:122px;}
.zoomimage, .grid-item a.zoomimage {position: absolute;right: 15px;top: 15px;cursor: pointer;z-index: 10;width: 38px;height: 38px;background:url(../img/expand.png) left top no-repeat;opacity:1;transition:all 300ms ease-in-out 300ms;border:0;min-width:0;/*border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;*/}
.port-desc-holder:hover .zoomimage, .port-desc-holder:hover a.zoomimage{bottom:-55px;}
.zoomimage:hover, .grid-item a.zoomimage:hover {background:url(../img/expand-ov.png) left top no-repeat;text-decoration:none;}
.image-info{position: absolute;right: 65px;top: 15px;cursor: pointer;z-index: 10;width: 75%;height: 38px;opacity:1;transition:all 300ms ease-in-out 300ms;border:0;text-align:right;}
.image-info:hover{text-decoration:none;}
.zoomimage a{display:block;width:100%;height:100%;}
.zoomimage  i {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;line-height:30px;color:#fff;text-align: center;-webkit-transition: all 0.4s  ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s   ease-in-out;transition: all 0.4s  ease-in-out;}
.zoomimage:hover i {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.zoomimage img {width:30px;height:30px;opacity:0;position:relative;z-index:2;}
.category-name {display:block;text-align:center;color:#FFF;text-transform:uppercase;font-size:14px;font-weight:700;position:absolute;top:0px;left:50%;margin-top:-35px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.category-name span{color:#9b9a9a;font-family: 'montserratlight';}
.content-holder-detail .port-desc-holder h2, .horizontal_item .grid-item h2{font-size:36px;text-transform:uppercase;color:#FFF;font-weight:400;font-family: 'montserratsemi_bold';margin-bottom:10px;margin-top:25px;}
.content-holder-detail .port-desc-holder h3, .horizontal_item .grid-item h3{font-size:18px;text-transform:uppercase;color:#FFF;font-weight:400;font-family: 'montserratsemi_bold';margin-bottom:5px;margin-top:5px}
.content-holder-detail .port-desc-holder h4, .horizontal_item .grid-item h4{font-size:16px;text-transform:none;color:#FFF;font-weight:normal;font-family: 'montserratlight', sans-serif;margin-bottom:20px;margin-top:5px;}
.content-holder-detail .port-desc-holder p, .horizontal_item .grid-item p{font-size:12px;color:#FFF;font-weight:400;max-width:680px;width:90%;margin:0 auto;font-family: 'montserratlight', sans-serif;}
.content-holder-detail .port-desc-holder br, .horizontal_item .grid-item br{line-height:5px;font-size:1px;}
/*-------- Inner Pages ------------------------------------*/
.page-container {padding:0 38px;}
.full-img{max-width:100%;margin-top:30px;max-height:100%;}
/*------ footer -------------------------------------------------*/
footer {position:fixed;bottom:0;left:0;width:100%;height:50px;z-index:15;padding:0 28px;line-height:50px;}
#inner-container footer, #detail-container footer {position:relative;z-index:1;}
.footer-social {float:right;}
.footer-social ul {list-style-type:none;padding:15px 0;}
.footer-social li {float:left;line-height:20px;}
.footer-social li a {padding:0px;font-size:13px;color: #666;display:inline-block;margin-left:14px;height:19px;width:19px;}
.footer-social li a.credit {color:#FFF;width:auto;text-transform:uppercase;font-size:11px;}
.footer-social li a:hover {filter:(opacity=70);opacity:.7;}
.footer-social li a .facebook{background:url(../img/facebook.png) center center no-repeat;display:block;height:100%;}
.footer-social li a .instagram{background:url(../img/instagram.png) center center no-repeat;display:block;height:100%;}
.policy-box {float:left;font-size: 11px;text-transform: uppercase;letter-spacing: 0.005em;color: #d3d3d3;white-space:nowrap;}
.to-top {position:fixed;bottom:40px;right:15px;opacity:0;width:40px;height:40px;margin-top:-12px;line-height:40px;cursor:pointer;font-size:20px;visibility:hidden;background: rgba(0,0,0,0.81);color:#fff;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;z-index:12;text-align:center}
.vistotop {opacity:1;margin-top:0;visibility:visible;}
.to-top:hover {opacity:0.8;}
.ui-loader {display:none;}
.portfolio-detail .nicescroll-rails{opacity:0;display:none !important;}
.service{margin:10px 0 30px;}
.service h4{font-size:16px;font-weight:400;font-family: 'montserratsemi_bold'}
.service p{font-family: 'montserratlight';font-size:12px;letter-spacing:0.050em;max-width:310px;text-align:justify;max-height: 150px;min-height: 150px;overflow:hidden;display:block;}
.element {display:block;margin:0 0 20px;}
.element input, .element textarea{background:rgba(90,90,90,0.4);padding:5px 18px;border:1px solid #969895;line-height:28px;font-size:12px;font-weight:400;font-family: 'montserratlight';}
.element input[type=text],.element input[type=tel],.element input[type=email],.element input[type=password], .element textarea{width:100%;}
.element textarea{height:100px;resize:none;}
.element input[type=submit], .element input[type=button]{background:none;border:2px solid #fff;min-width:180px;text-align:center;text-transform:uppercase;font-size:16px;padding:15px;line-height:20px;font-family: 'montserratsemi_bold';}
.element input[type=submit]:hover, .element input[type=button]:hover{background:#FFF;color:#000;}
::-webkit-input-placeholder {color: #FFF;}
::-moz-placeholder {color: #FFF;}
:-ms-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF;}
.address p { line-height:24px;}.service form {max-width:650px;}
.image-info-detail{position:absolute;width:90%;right:50px;background:#000;padding:10px;border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:none;top:0;max-width:450px;text-align:left;}
.image-info-detail:after{content:"";position:absolute;right:-5px;top:10px;width: 0px;height: 0px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #000;}
.image-info a{display:inline-block;height:100%;background:url(../img/info.png) left top no-repeat;width:38px;border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.image-info a:hover{text-decoration:none;}
.image-info h2{font-size:130%;margin-top:0;}
.client-logo{display:inline-block;border:1px solid rgba(255,255,255,0.3);width:246px;height:246px;margin:14px;text-align:center;vertical-align:middle;overflow:hidden;}
.client-logo img{max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.color-bg{background:#353536;}
.service img {
    max-width: 310px;
    margin-bottom: 10px;
width:100%;
}
.service a:hover {text-decoration:none;}.service a:hover h4{opacity:0.8;}
.content-holder-detail .portfolio_item.dark_theme .port-desc-holder h2, .portfolio_item.dark_theme .horizontal_item .grid-item h2{color:#000;}
.portfolio_item.dark_theme .zoomimage, .portfolio_item.dark_theme .grid-item a.zoomimage {background:url(../img/expand-b.png) left top no-repeat;}
.portfolio_item.dark_theme .zoomimage:hover, .portfolio_item.dark_theme .grid-item a.zoomimage:hover {background:url(../img/expand-b-ov.png) left top no-repeat;}
.portfolio_item.dark_theme .image-info a {background:url(../img/info-b.png) left top no-repeat;}


@media only screen and  (max-width: 1030px) {.gallery-item {width: 33.33% !important;}}
@media only screen and  (max-width: 1000px) {
body{text-align:left;}
.gallery-item {width: 50% !important;}
.owl-carousel{display:block;}
.content-holder img{width:100%;}
.horizontal_item{margin:10px 0;}
.p_horizontal_wrap, #portfolio_horizontal_container{height:auto !important;overflow:auto;}
#portfolio_horizontal_container .portfolio_item img{max-width:100%;height:auto;width:100%;margin-bottom: -40px;} 
#portfolio_horizontal_container .portfolio_item, #portfolio_horizontal_container .portfolio_item:first-child{margin:5px;width: 98%;height:auto;}
.port-desc-holder{top:auto;bottom:0px;height:auto;position:relative;}
.box-item a .overlay, .grid-item, .port-desc .overlay {opacity:0.5;top:auto;bottom:0px;min-height:40px;}
.grid-small-pad .grid-item-holder .overlay {opacity:0.5;top:auto;bottom:0px;height:40px;}
.port-desc .overlay {height:100%}
.grid-item, .grid-item h3, .grid-item span, .grid-item a, .grid-item h2, .grid-item h4, .grid-item p {opacity:1;margin:0;padding:0 15px;text-align:left;}
.grid-item h3 span {display:none;}
.grid-item {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);padding:0;}
.grid-item h3{float:left;width:auto;max-width:50%;line-height:35px;}
.grid-item a, .grid-item-holder:hover .grid-item a{float:right;margin-right:15px;margin-top:4px;}
.category-name {margin-top: -20px;}
.content-holder-detail {padding: 90px 50px 0px;}
#wrapper, #main, .content-holder-detail, .full-height {height:auto;min-height:100px;position:static;}
#portfolio_horizontal_container .portfolio_item, .resize-carousel-holder, #portfolio_horizontal_container{float:none;}
.port-desc-holder .grid-item {position:relative;}
.content-holder-detail .port-desc-holder h3, .content-holder-detail .port-desc-holder h4, .port-desc-holder .grid-item::before{display:none;}
.content-holder-detail .port-desc-holder p {display:block;width:100%; padding:0 10px 10px 15px;font-size:12px;}
.content-holder-detail .port-desc-holder h2{margin:0;font-size:16px;line-height:20px;padding:10px 40px 10px 15px;}
.grid-item a.zoomimage, .port-desc-holder:hover .zoomimage, .port-desc-holder:hover a.zoomimage{bottom:auto;left:auto;top:20px;right:15px;opacity:1;margin:0;margin-top:-11px;height:22px;width:22px;background-size:100% 100%;padding:0;}
.p_horizontal_wrap{overflow:auto !important;}
.gallery-filters a::after {display:none;}
.content-holder-detail .port-desc-holder div{display:block;}
.image-info {display:none;}
 }
@media only screen and  (max-width: 850px) {
	.hid-filter {float:left;width:100%;background:rgba(51,51,51,0.61);padding:20px 0;display:none;}
	.hid-filter a {color:#fff;width:100%;padding:6px 10px !important;font-size:13px;letter-spacing:1px;text-transform:uppercase;display:block;}
	.page-container {padding: 0 0 0 10px;}
	#open-right {padding-right: 32px;text-indent: 9999px;overflow: hidden;display: block;width: 0px;}
	#inner-container header, #detail-container header {min-height: 80px;}
	#detail-container header {min-height: 65px;}
	#inner-container {padding-top: 75px;}
	.content {padding-top:45px;}
	.category-name {margin-top: 20px;}
	.content-holder-detail {padding: 40px 50px 0px;}
	.service p{max-width:none;}}
@media only screen and  (max-width: 500px) {.gallery-item {width: 100% !important;}
.content-holder-detail .port-desc-holder h3,.horizontal_item .grid-item h3{font-size: 13px;margin:2px 0;}
.content-holder-detail .port-desc-holder h4,.horizontal_item .grid-item h4{font-size: 12px;margin:2px 0;}
.content-holder-detail .port-desc-holder br,.horizontal_item .grid-item br{font-size: 3px;line-height:5px;display:none;}
.content-holder-detail .port-desc-holder h2,.horizontal_item .grid-item h2{font-size: 14px;margin:0px 0 2px;padding-top:10px;}
.content-holder-detail .port-desc-holder p,.horizontal_item .grid-item p{font-size: 11px;margin:2px auto;}
.content-holder-detail{padding: 40px 30px 50px;}
.fixed-title{font-size: 10px;margin-left: 0px;height: 50px;top: 7px;z-index: 13;text-indent: -900px;left:0;}
.count-folio {right: 10px;}
.category-name {font-size:12px;}
.gallery_horizontal {margin-top:0;}
.logo-holder{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
header {padding: 12px 10px 0;}
.content-holder img {max-width:none;}
.zoomimage, .grid-item a.zoomimage {position: absolute;right: 15px;top: 15px;cursor: pointer;z-index: 10;width: 20px;height: 20px;background: url(../img/expand.png) left top no-repeat;background-size:100% 100%;opacity:1;transition:all 300ms ease-in-out 300ms;border:0;min-width:0;}
.image-info{position: absolute;right: 40px;top: 15px;cursor: pointer;z-index: 10;width: 75%;height: 20px;opacity:1;transition:all 300ms ease-in-out 300ms;border:0;text-align:right;}
.image-info a {
    display: inline-block;
    height: 100%;
    background: url(../img/info.png) left top no-repeat;
    width: 20px;background-size:100% 100%;
}
.zoomimage:hover, .grid-item a.zoomimage:hover {background: url(../img/expand-ov.png) left top no-repeat;text-decoration:none;background-size:100% 100%;}
}
@media only screen and  (max-width: 340px) {footer {padding: 0 8px;}.footer-social li a {margin-left: 6px;}.policy-box{font-size:10px;}.grid-item h3 {font-size:12px;padding-right:0;line-height:20px; padding-top:10px;}.grid-item a, .grid-item-holder:hover .grid-item a{font-size:10px;min-width:80px;padding: 0 5px;}.content-holder-detail .port-desc-holder h2, .horizontal_item .grid-item h2{font-size:13px;}}
@media only screen and  (max-width: 270px) {.grid-item h3 {font-size:11px;padding-right:0;line-height:20px; padding-top:10px;}.grid-item a, .grid-item-holder:hover .grid-item a{font-size:10px;min-width:80px;padding: 0 5px;}}
@media only screen and  (max-width: 270px) {.grid-item a, .grid-item-holder:hover .grid-item a{margin-top:8px;}.grid-small-pad .grid-item-holder .overlay {opacity: 0.5;top: auto;bottom: 0px;height: 50px;}.grid-item {padding-bottom:5px;}.grid-item h3{padding-top:5px;}}