.wrapper{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.header{float:left;clear:both;width:100%;background:transparent;color:#707070;font:400 12px/1em "Helvetica Neue", Helvetica, "Gothic A1", Arial, sans-serif;letter-spacing:0.1em;padding:50px 0 25px;will-change:transform;-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;-o-transition:transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;position:relative;z-index:999;-ms-flex-negative:0;flex-shrink:0; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.header .navbar{clear:both;width:100%;float:left;margin:0;background:transparent;border:none;position:relative;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.header .navbar .navbar-brand{display:block;width:200px;height:83px;background:url(../images/logo.svg) no-repeat center;background-size:contain;text-indent:-9999px;text-transform:capitalize;margin:100px 0 0;text-align:center;padding:0}

.header .navbar{min-height:250px;padding:0}
.header .navbar .navbar-header{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1}
.header .navbar-nav{padding:0;width:100%;position:relative;z-index:2;}
.header .navbar-nav .nav-item{padding:0;position:relative;text-transform:uppercase;color:#707070; letter-spacing:8px; text-align: center; width: calc(100%/5); margin:0 0 30px; padding: 0}
.header .navbar-nav .nav-item .nav-link{padding:15px 0;position:relative;color:#707070; font:300 9px/1em "Helvetica Neue", Helvetica, "Gothic A1", Arial, sans-serif}
.header .navbar .navbar-nav>.nav-item >.nav-link:focus,.header .navbar .navbar-nav>.nav-item >.nav-link:hover,.header .navbar-nav .nav-item.current .nav-link,.header .navbar-nav .nav-item .router-link-active{color:#707070; font-weight: 700}
.navbar-expand-md .navbar-nav {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.header .navbar .navbar-toggler{font:300 13px "Helvetica Neue", Helvetica, "Gothic A1", Arial, sans-serif; letter-spacing: 10px; display: none}

#header-sticky-wrapper:not(.is-sticky){height:auto!important}
.header ,.header .navbar-brand,.header .navbar,.is-sticky .header nav.navbar,.is-sticky .header nav.navbar ul.nav,.header .navbar > ul{transition:opacity .3s ease,height .4s ease;-webkit-transition:opacity .3s ease,height .4s ease;-o-transition:opacity .3s ease,height .4s ease}
.sticky-wrapper,.outer-header-sticky-wrapper{width:100%}
.outer-header-sticky-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex}
.is-sticky .header{background:transparent}

.border-container {position: fixed; background-color: #707070;background-color: rgba(0,0,0,.75); z-index: 999;}
.border-container.left {height: 100%;width: 10px; top:0;left: 0;}
.border-container.right {height: 100%; width: 10px; top:0;right: 0;}
.border-container.top {height: 10px; width: 100%;width:calc(100% - 20px);left:10px; top: 0;}
.border-container.bottom {height: 10px; width:calc(100% - 20px);left:10px; bottom: 0;}

.content{float:left;clear:both;width:100%;background:#fff;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.content.home-banner-fill{display:-webkit-box;display:-ms-flexbox;display:flex}
.content > .container-fluid{padding:0}
.content > .container-fluid:before,.content > .container-fluid:after{display:table;content:" "}.content > .container-fluid:after{clear:both}

section,article,aside,main,.page-body,.footer{display:block}
.page-body,.footer{float:left;clear:both;width:100%}
section,article,main{float:left;clear:both;width:100%;background-color:#fff;padding:50px 0}
section::after,section::before,article::after,article::before,main::after,main::before,aside::after,aside::before,.page-body::after,.page-body::before,.footer::after,.footer::before{content:"";display:block;overflow:hidden}
section::after,article::after,main::after,aside::after,.page-body::after,.footer::after{clear:both}

.quote {text-align: center}
.quote h3 {padding-bottom: 50px}

.home-banner-fill .home-slider{height:auto}
.home-slider{height:100vh;min-height:600px;width:100%;color:#fff;background-size:cover;padding:100px 0 30px;text-align:center;position:relative;background-image:none;background-color:#131313;padding:0}
.home-slider:not(.home-slider){height:30vh;min-height:230px}
.home-slider .slick-slide>div{display:block;width:100%;height:100%;float:left}
.home-slider::before,.home-slider .slide-inner::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';display:block;background:rgba(19,19,19,0);opacity:1}
.home-slider>div, .home-slider>div{position:relative;z-index:3}
.home-slider .slides,.home-slider .slick-track,.home-slider .slick-list{height:100%}
.home-slider .slide h2,.home-slider .slide h4{color: #fff}
.home-slider .slide h2 {line-height: 1em}
.home-slider .slide{display:block;width:100%;height:100%;float:left}
.home-slider .slide-inner{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative}
.home-slider .slide .constant-ontop{position:absolute;top:0;left:0;z-index:4}
.home-slider .slide-inner,.home-slider .slide-inner .constant-ontop{padding:30px 0}
.home-slider .slick-arrow{z-index:5}
.home-slider .slick-arrow:before{color:#fff}

.top-banner-container {height: 100vh;}
.top-banner .banner-container{height:100%;min-height:1px}
.banner-container{background-repeat:no-repeat;background-size:cover;background-position:center center;position: relative;; text-align: center}
.banner-container::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';display:block;background:rgba(19,19,19,0.35);opacity:1; z-index:1}
.banner-container .text-container {z-index: 6; position:relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 100px}
.banner-container h1, .banner-container h2 {color: #fff}
.banner-container h2 {font-size: 150px; text-shadow: 0px 0px 11px rgba(0,0,0,0.25);}
.banner-container .btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.banner-container .btn i {color: #fff; font-size: 40px; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; opacity: 0.5;}
.banner-container .btn i:hover {font-size: 1.9em;}
.banner-container.risette {background-image:url("../images/bg-home-2.jpg")}

.portfolio-item {padding: 100px 0}
.portfolio-item ul{list-style: circle outside;margin:15px 0 10px 18px}
.portfolio-item ul li{line-height:3em;margin:0 0 5px}
.portfolio-item .introduction {padding: 50px 0}
.portfolio-item .quote {padding:200px 0 150px}
.portfolio-item  .room-one {padding: 75px 0 100px}
.portfolio-item  .room-one p {padding-top: 30px}
.portfolio-item  .room-one .images {padding: 40px 0}
.portfolio-item  .room-one .images img {padding-bottom: 30px}
.portfolio-item  .room-two {padding: 75px 0}
.portfolio-item  .room-two img {padding-top: 50px}

.portfolio-item  .room{padding:75px 0}
.portfolio-item  .room p {padding-top: 30px}
.portfolio-item  .room .images {padding: 40px 0}
.portfolio-item  .room .images img {padding-bottom: 30px}
.portfolio-item  .room .large-img img{padding-top: 50px}

.banner-container.innerpages.projects {background-image:url("../images/projects-background.png")}
.banner-container.innerpages.production {background-image:url("../images/production-background.png")}
.banner-container.innerpages.about {background-image:url("../images/about-background.png")}
.banner-container.innerpages::before {background:rgba(19,19,19,0.0)}
.banner-container.innerpages i {color: #4e4e4e}

.projects, .production, .about {padding: 100px 0 50px}
.projects .quote, .production .quote, .about .quote {padding:100px 0 250px}

.project-item{padding:50px 15px 180px;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.project-item h4{padding-top:45px}
.project-item p{color:#696969;padding-bottom:45px;font:300 13px/2.9em Helvetica, "Gothic A1", Arial, sans-serif;letter-spacing:1.5px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.project-item button{font:600 13px "Raleway", sans-serif;padding-right:0px;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.project-item > .img-hover-zoom{height:auto}
.project-item-inner{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.img-hover-zoom {height: 100%;overflow: hidden;}
.img-hover-zoom img {-webkit-transition: -webkit-transform .7s ease;transition: -webkit-transform .7s ease;-o-transition: transform .7s ease;transition: transform .7s ease;transition: transform .7s ease, -webkit-transform .7s ease;}
.img-hover-zoom:hover img {-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);}

.production .video-thumbnail{display:block;cursor:pointer}
.production .video-thumbnail i {position: absolute; color: #fff; opacity: 0.85; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-size: 150px;  -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.production .video-thumbnail:hover i { opacity: 0.70}
.production .production-portfolio {padding-top: 200px}

.about .team-member {padding: 50px 0 200px}
.about .team-member h5 {padding-bottom: 10px}
.about .team-member h5.w600 {font-family: "Raleway", sans-serif}
.about .team-member .about-content {padding-top: 60px}

.wrapper.contact-container {-webkit-box-flex: 1!important;-ms-flex: 1 0 1!important;flex: 1 0 1!important}
.contact {display: -webkit-box;display: -ms-flexbox;display: flex; padding-top: 0px; padding-bottom: 30px; text-align: center;font-size: 13px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.contact p {font-weight: 300; text-transform: uppercase; padding: 10px 0 0; font-size: 12px}
.contact .contact-number {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.contact .contact-number p {padding: 0 15px; font-weight: 700}
.contact .map-action {margin: 40px 0; font: 300 13px "Helvetica Neue", Helvetica, "Gothic A1", Arial, sans-serif; letter-spacing: 5px; display:inline-block}
.contact .map-action .bold {padding: 0px 5px}
.contact .social-media {padding: 40px 0 0}
.contact .social-media p {font-size: 12px}
.contact .social-media-container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.contact .social-media-container .social-media-item {display: block; padding: 10px 35px}
.contact .social-media-container .social-media-item p {font-weight: 700; font-size: 12px; padding-top: 10px}
.contact .social-media-container .social-media-item i {font-size: 35px; color: #000000}

.map-modal .modal-dialog.modal-dialog-centered, .video-modal .modal-dialog.modal-dialog-centered {max-width:none;width:100vw; margin: 0px}
.map-modal .modal-content, .video-modal .modal-content {border: 0px; border-radius: 0px}
.map-modal .modal-content .modal-header, .video-modal .modal-content .modal-header {display: -webkit-box;display: -ms-flexbox;display: flex; height: 60px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0px}
.map-modal .modal-content .modal-header .close, .video-modal .modal-content .modal-header .close{float: left; font:600 15px "Helvetica Neue", Helvetica, "Gothic A1", Arial, sans-serif;letter-spacing:8px; text-transform: uppercase; padding: 0 1.5rem; margin: 0px; height: 100%;}
.map-modal .modal-content .modal-body, .video-modal .modal-content .modal-body {padding: 0px}
.map-modal .modal-content .modal-body iframe, .video-modal .modal-content .modal-body iframe {width:100%; height:calc(100vh - 60px);display:block;}

.image-slider{width:100%}

.footer {padding: 75px 0; text-align: center;font-size:10px}
.footer ul {display: inline-block}
.footer ul li{display: inline-block; padding: 0 20px; text-transform: uppercase;line-height:1.2em;}

.anim-fadeIn{opacity:0;-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease-out 0.6s;-o-transition:all ease-out 0.6s;transition:all ease-out 0.6s}
.fadeIn{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

@media screen and (min-width: 768px){

}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {

.banner-container h1, .banner-container h2 {font-size: 100px}

.header {min-height: 175px; padding: 35px 0}
.header .navbar {min-height: 175px}
.header .navbar .navbar-brand {margin-top: 85px}
.sticky-wrapper, .outer-header-sticky-wrapper {min-height: 175px}
.home-slider {min-height: 250px}

}

@media only screen and (max-width: 1375px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 992px) {

.header .navbar-nav .nav-item{width: calc(100%/3); margin-bottom: 0px}


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
body{overflow-x:hidden}

.header {min-height: 175px; padding: 35px 0 25px}
.header .navbar {min-height: 175px}
.header .navbar .navbar-brand {margin-top: 50px}
.sticky-wrapper, .outer-header-sticky-wrapper {min-height: 175px}
.home-slider {min-height: 250px}

.banner-container h1, .banner-container h2 {font-size: 85px}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body{overflow-x:hidden}
.checker{float:right}
.banner-container h1, .banner-container h2 {font-size: 85px}
}

/* Mobile All Sizes Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
body{overflow-x:hidden}
.checker{float:none}

.header{padding:15px 0; height: auto;min-height: 200px;position:static!important}
.header .navbar{padding:10px 15px 0px;min-height:150px}
.header .navbar .navbar-toggler{z-index:999; display: block}
.header .navbar .navbar-header{position:relative;padding:0 40px}
.header .navbar .navbar-header .saw{text-align:center}
.header .navbar .navbar-collapse{margin-top:15px;border:none;text-align:center; margin-bottom: 25px}
.header .navbar-collapse.in{overflow:visible}
.header .navbar-nav{padding:0;margin-top:0;margin-bottom:0}
.header .navbar-nav .nav-item {margin:0;padding:0;border-bottom:solid 1px rgba(255,255,255,.1);width:100%;float:left;clear:both}
.header .navbar-nav .nav-item :last-child{border-bottom:none}
.header .navbar-nav .nav-item .nav-link{padding:15px 20px}

.header .navbar .navbar-brand,.header-mini .navbar .navbar-brand{width:180px;height:75px}
.header .navbar .navbar-brand{margin-top: 15px}

.is-sticky .header {position: static!important}
.sticky-wrapper, .outer-header-sticky-wrapper {min-height: 200px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.header .page-menu{padding:5px 0}
.header .page-menu nav .nav-link{display:block;width:100%;padding:5px 10px;text-align:center}

.home-slider {min-height: 250px}
.slick-slide {margin-bottom: -5px}

.top-banner .banner-container{min-height:300px}
.content.top-banner {margin-top: -25px; height: 78vh;}
.content.top-banner.project-featured {margin-top: 0px}

.menu-open .top-banner-container{height:auto}
.menu-open .outer-header-sticky-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}

.banner-container h1, .banner-container h2 {font-size: 75px}

.projects, .production, .about {padding: 50px 0 30px}
.projects .quote, .production .quote, .about .quote {padding-bottom: 100px}

.quote h3 {font-size: 28px}

.production .production-portfolio {padding-top: 125px}
.production .video-thumbnail i {font-size: 75px}

.project-item {padding-bottom: 100px}

.about .team-member {padding-bottom: 100px}
.about .team-member .about-content {padding-top: 25px}

.contact p {padding: 15px 0; line-height: 1.5em}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 420px) and (max-width: 850px) and (max-height: 420px) {

.header {min-height: 50px}
.header .navbar {min-height: 50px}
.header .navbar .navbar-header {display: block; padding: 0px}
.header .navbar .navbar-toggler {display: inline-block; float: right; padding-right: 0px; padding-top: 20px}
.header .navbar .navbar-brand, .header-mini .navbar .navbar-brand {width: 125px; height: 52px;}
.sticky-wrapper, .outer-header-sticky-wrapper {min-height: 50px}
.top-banner .banner-container{min-height:300px}
.menu-open .top-banner-container{height:auto}
.menu-open .outer-header-sticky-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}

.content.top-banner {margin-top: -25px}
.content.top-banner.project-featured {margin-top: 0px}

.projects, .production, .about {padding: 80px 0 0px}
.banner-container h1, .banner-container h2 {font-size: 45px}
}

@media only screen and (min-width: 768px) and (max-width: 850px) and (max-height: 420px) {

.header{padding:15px 0; height: auto;position:static!important}
.header .navbar{padding:10px 15px 0px}
.header .navbar .navbar-toggler{z-index:999; display: block}
.header .navbar .navbar-header{position:relative;padding:0px}
.header .navbar .navbar-header .saw{text-align:center}
.header .navbar .navbar-collapse{margin-top:15px;border:none;text-align:center; margin-bottom: 25px}
.header .navbar-collapse.in{overflow:visible}
.header .navbar .navbar-brand {margin-top: 0px}
.navbar-expand-md {-ms-flex-flow: wrap;flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.collapse:not(.show) {display: none!important; -ms-flex-preferred-size: 100%; flex-basis: 100%}
.header .navbar .navbar-collapse {margin-top: 15px; border:none; text-align: center; margin-bottom: 25px}
.header .navbar-nav{padding:0;margin-top:0;margin-bottom:0}
.header .navbar-nav .nav-item {margin:0;padding:0;border-bottom:solid 1px rgba(255,255,255,.1);width:100%;float:left;clear:both}
.header .navbar-nav .nav-item :last-child{border-bottom:none}
.header .navbar-nav .nav-item .nav-link{padding:15px 20px}
.header .navbar .navbar-brand, .header-mini .navbar .navbar-brand {width: 125px; height: 52px;}
.header .navbar .navbar-brand{margin-top: 0px}

.is-sticky .header {position: static!important}
.header .page-menu{padding:5px 0}
.header .page-menu nav .nav-link{display:block;width:100%;padding:5px 10px;text-align:center}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {-ms-flex-wrap: wrap;flex-wrap: wrap}

.home-slider {min-height: 250px}

.content.top-banner {margin-top: -25px}
.content.top-banner.project-featured {margin-top: 0px}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 575px) {

.banner-container h1, .banner-container h2 {font-size: 50px; padding-bottom: 0px}

.contact .social-media-container {display: block}
.contact .map-action {margin: 20px 0}
.contact .social-media {padding: 20px 0 0 0}
.content.home-banner-fill {padding-top: 30px}

}

@media only screen and (min-width: 420px) and (max-width: 570px) and (max-height: 325px) {

.header {padding: 10px 0}
.header .navbar {padding: 0px 30px}
.header .navbar .navbar-brand, .header-mini .navbar .navbar-brand {width: 100px; height: 42px;}

.banner-container h1, .banner-container h2{font-size: 35px}

}

@media only screen and (max-width: 500px) {

.contact .contact-number {display: block}

}

@media only screen and (max-width: 375px) {

.banner-container h1, .banner-container h2 {font-size: 35px}


.contact .map-action .bold {padding: 0px}

.content.top-banner {height: 73vh;}

}