/*
Theme Name: Le Mariage
Theme URI: 
Author: AP
Author URI: 
Description: This is a generic starter theme, that incorporates Bootstrap, Fontawesome.
Version: 1.9
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i');

/* #Misc
/***********************************************************/
body { padding-top: 0; font-size: 17px; line-height: 28px; font-weight: 300; color: #57575a; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; background-color: #f4f4f2;}
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;}
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 
.text-center {text-align: center;}
.text-right {text-align: right;}
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;}
.row {margin-left: 0; margin-right: 0;}
.rowservice {margin-bottom: 25px;}
.container {width: auto; padding-left: 30px; padding-right: 30px;}

/* #Images
/***********************************************************/
img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; width:auto; image-rendering: optimizeQuality; }

/* #Links
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
	a:hover, a:focus, a:visited { outline: 0; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	#navbar li.dropdown:hover .dropdown-menu {display: block;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5 { margin-top: 0; }
	h1 { font-size: 27px; line-height: 1.1em; margin-bottom: 14px; }
	h2 { font-size: 27px; line-height: 1.1em; margin-bottom: 10px; }
	h3 { font-size: 23px; line-height: 1.1em; margin-bottom: 10px; } 
	h4 { font-size: 20px; line-height: 1.1em; margin-bottom: 10px; } 
	h5 { font-size: 16px; line-height: 1.1em; }						
	h6 { font-size: 15px; line-height: 1.1em; } 
	.post_content h2, .post_content h3, .post_content h4, .post_content h5 {color: #9b875b; font-weight: 300;}
	.post_content {letter-spacing: 0;}
	.post_content ul { padding-left: 20px; margin: 30px 0;}
	.post_content a {color: #9b875b; font-weight: 600;}
	.post_content a:hover {color: #222;}
	
hr { border: solid #15191e; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.4em; }
p { margin: 1em 0;}
p img { margin: 0; }
em, i { font-style: italic; }
strong, b{ font-weight: 500;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

#social_links {padding: 0; margin-left: 0; margin-top: 30px; text-align: center; margin-bottom: 30px;}
#social_links > li:first-child {margin-left: 0}
#social_links > li {list-style: none; display: inline-block; margin-left: 15px; }
#social_links > li > a {font-size: 20px; color: inherit}

input, button, select, textarea {border: 1px solid #eee; padding: 15px; color: #57575a;}
 
.bggray {background-color: #6d6f71;} 
.white {color: #f4f4f2; }
.gold {color: #9b875b;}
.gray {color: #b9b9ba;}
.light {font-weight: 300}
.uppercase {text-transform: uppercase;}
.justify {text-align: justify;}
.regular {font-weight: 400;}
.double-spacing {letter-spacing: 4px;}
.page-title {text-transform: uppercase; font-weight: 300; letter-spacing: 4px; padding-bottom: 20px; margin-bottom: 10px; background: transparent url(library/img/border-title.png) no-repeat center bottom;}
.section-title {text-transform: uppercase; font-weight: 300; letter-spacing: 4px; color: #6d6e70; padding-bottom: 20px; margin-bottom: 40px; background: transparent url(library/img/section-border.png) no-repeat center bottom;}
.padded-top {padding-top: 135px;}
.padded-top-video {padding-top: 135px;}
.padded-top-big {padding-top: 180px;}
.small-padded-top {padding-top: 40px;}
.double-padded-top {padding-top: 180px;}
.padded-bottom {padding-bottom: 80px;}
.padded-bottom-small {padding-bottom: 40px;}
.padded-top-small {padding-top: 40px;}
.padded-left {padding-left: 45px; } 
.padded-right { padding-right: 45px; }
.container.inner {max-width: 80%;}
.container.inner-two {max-width: 92%;}


.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.btn.default:hover, .btn:hover,
.project-item:hover .project-wrapper .project-title-wrapper, 
.project-item .project-wrapper .project-title-wrapper,
#social_links > li > a:hover > i, #social_links > li > a > i,
#project-other-links li a:hover, #project-other-links li a:focus,
#project-other-links li:hover, #project-other-links li:focus,
.btn-regular, .btn-regular:hover,
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;		
}

.grid-item {
    display: none;
}

.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 50px;
    border-radius: 0;
    min-width: 240px;
	color: #ffffff;
	
}

.btn:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background-color: #9b875b;
	color: #ffffff;
}

/* #Header
/***********************************************************/
#loader {
    z-index: 999999; 
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: url(library/img/loader-bg.jpg) 50% 50% no-repeat rgba(17,17,17,.8);
	background-size: cover;
}

#splash {
    z-index: 999999; 
    display: block;
    position: fixed;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
	background: url(library/img/loader.png) 50% 50% no-repeat rgba(17,17,17,.7);
	background-size: 600px auto;
}
.site-logo {padding: 10px 0;}
.site-logo img {margin-left: 9%;}
.site-title {font-size: 23px; color: #9b875b; font-weight: 500; text-transform: uppercase; line-height: 100px; letter-spacing: 6px; margin-bottom: 0; }
.site-title a {color: #9b875b;}
#masthead {background-color: rgba(21,25,30,.8)}
#masthead .slide-panel img {height: 30px;}
.scroll-down {    
    position: relative;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 400;
    margin-top: -63px;
    margin-bottom: -25px;
}
.navbar-nav {float: none; text-align: right;}
.navbar-nav > li {display: block; float: none; }
.navbar-nav > li > .dropdown-menu {padding: 0; display: block; position: relative; float: none; background: transparent; box-shadow: 0 0 transparent; border: 0; text-align: right;} 
/*.navbar-nav > li > a, .dropdown-menu > li > a { font-weight: 300; line-height: 29px; letter-spacing: 3px; font-size: 27px; color: #fff; text-transform: uppercase; padding: 17px 0;}*/
.navbar-nav > li > a, .dropdown-menu > li > a { font-weight: 300; line-height: 29px; letter-spacing: 3px; font-size: 24px; color: #fff; text-transform: uppercase; padding: 14px 0;}
.navbar-nav > li > a:hover, .navbar-nav > li.current-menu-item > a, .navbar-nav > li.active > a, .navbar-nav > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: transparent; }
.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover { color: #000000; }
/*.dropdown-menu > li > a {color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 10px 0;}
.dropdown-menu > li > a:hover {background: transparent; font-weight: 700; color: #000000;}*/
/*#slider .slides img {max-height: 930px; max-width: 1920px;}*/
#slider {padding-top: 135px;}

/* #Projects
/***********************************************************/
.project-item {border: 2px solid #f4f4f2;}
.project-wrapper {position: relative; display: block}
.project-wrapper, .project-title-wrapper, .project-wrapper .project-title-wrapper, .project-wrapper .project-title-wrapper .project-title-container {max-height: 710px; overflow: hidden;}
.project-wrapper > img {width: 100%;}
.project-item .project-wrapper .project-title-wrapper {
	display: block;
    bottom: 0; 
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	background-color: rgba(17,17,17,.7);
	opacity: 0;
}
.project-wrapper .project-title-wrapper .project-title-container {
	left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    border: 0;
    margin: 0; 
    text-align: center;
}

.project-item:hover .project-wrapper .project-title-wrapper {
	opacity: 1;
}
.project-wrapper .project-title-wrapper .project-title-container > img {width: 100px; margin: 20px 0;}
.project-title {color: #9b875b; letter-spacing: 3;}
.photo-title {font-weight: 300;}
.project-content, #project .project-details {font-size: 16px;}
.project-content {line-height: 1.8em; font-weight: 300;}
#project article > .container {padding-left: 45px; padding-right: 45px; padding-top: 50px; padding-bottom: 20px;}
#project .project-details h5, #project .project-details h5 a {color: #b9b9ba; letter-spacing: 2px; margin-top: 1.1em;}
#project .project-details i {font-size: 20px;; color: #15191e; }
#project-other-links {margin: 0; padding: 0;}
#project-other-links li {list-style: none; display: inline-block; margin-right: 20px;}
#project-other-links li a { background-size: 30px 30px!important; padding: 10px 0 10px 40px;}
#project-other-links li.video-icon a {background: transparent url(library/img/video-icon.png) no-repeat left center;}
#project-other-links li.camera-icon a {background: transparent url(library/img/camera-icon.png) no-repeat left center;     background-size: 32px 27px!important;} 
#project-other-links li.before-icon a {background: transparent url(library/img/before-after-icon.png) no-repeat left center;}
#project-other-links li a {color: #15191e; font-size: 10px; font-weight: 600;}
#project-other-links li a:hover, #project-other-links li a:focus, #project-other-links li:hover, #project-other-links li:focus {opacity: .5;}
#slider .metaslider .flex-control-nav { display: none;}
#slider .metaslider .flex-nav-prev a {background: url(library/img/slider-arrow-left.png) no-repeat 0 0; width: 50px; height: 50px; left: 0; margin-left: 15px;}
#slider .metaslider .flex-nav-next a {background: url(library/img/slider-arrow-right.png) no-repeat 0 0; width: 50px; height: 50px; right: 0; margin-right: 15px;}
#slider .metaslider .flexslider .flex-direction-nav li a { top: 53%;}
.before-details {padding-right: 50px;}
.before-details #project-other-links li {display: block; margin-bottom: 20px; margin-right: 0;}
@media only screen and ( min-width: 1300px ) {
	body .before-slider-after {padding-left: 80px;}
}
article.before-and-after {padding-bottom: 50px;}
.single-videos #main-content, .single-installation-videos #main-content {padding-top: 135px;}
.fullscreen {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.fullscreen > .video1 {
  display: block;
	left: 0px;
	overflow: hidden;
	padding-bottom: 43.25%; /* 56.25% = 16:9. set ratio */
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fullscreen > .video1 > .wrapper {
  display: block;
	height: 300%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fullscreen > .video1 > .wrapper > iframe {
	display: block;
	height: 100%;
	width: 100%;
}

/* INTRO OVERLAY  
/***********************************************************/

#intro-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #57575a;
}
#intro-overlay .overlay-text {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 38px;
  line-height: 2.375rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
#intro-overlay .overlay-text .subhead {
  display: block;
  margin-top: 12px;
  margin-top: .75rem;
  font-weight: 400;
  font-size: 40px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
}


/* #Bottom
/***********************************************************/ 
.bitem h4 {margin-bottom: 25px; font-weight: 300;}
.bitem {font-size: 16px; line-height: 24px; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; border-right: 1px solid #57575a; }
.bitem:last-child {border-right: 0;}

/* #Services
/***********************************************************/
#content {position: relative; display: block;}
.jumbotron {display: block; position: relative;}
.jumbotron {padding-bottom: 0px; padding-top: 0px;}
.jumbotron .jumbotron_content {
	display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(17,17,17,.7);
}

.jumbotron .jumbotron_content .jumbotron_wrapper {
	left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    border: 0;
    margin: 0;
    text-align: center;
}

.jumbotron .jumbotron_content, .jumbotron .jumbotron_content .jumbotron_wrapper, .jumbotron  {
	max-height: 550px;
    overflow: hidden;
}

@-webkit-keyframes fade-out {
	0% { opacity: 1; }
	85% {opacity: 1;}
	100% {opacity: 0;}
}
 
.fade-out {
    -webkit-animation: fade-out 6s ease-in;
	-moz-animation: fade-out 6s ease-in; /* Firefox < 16 */
    -ms-animation: fade-out 6s ease-in; /* Internet Explorer */
    -o-animation: fade-out 6s ease-in; /* Opera < 12.1 */
    animation: fade-out 6s ease-in;		
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
	-webkit-animation-delay: 2.5s;
}

@-webkit-keyframes fade-in {
	0% { opacity: 0; }
	85% {opacity: 1;}
	100% {opacity: 1;}
}
 
.fade-in {
    -webkit-animation: fade-in 2s ease-in;
	-moz-animation: fade-in 2s ease-in; /* Firefox < 16 */
    -ms-animation: fade-in 2s ease-in; /* Internet Explorer */
    -o-animation: fade-in 2s ease-in; /* Opera < 12.1 */
    animation: fade-in 2s ease-in;		
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    opacity: 0;
	-webkit-animation-delay: 3s;
}

.fade-in-2 {
    -webkit-animation: fade-in 2s ease-in;
	-moz-animation: fade-in 2s ease-in; /* Firefox < 16 */
    -ms-animation: fade-in 2s ease-in; /* Internet Explorer */
    -o-animation: fade-in 2s ease-in; /* Opera < 12.1 */
    animation: fade-in 2s ease-in;		
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    opacity: 0;
	-webkit-animation-delay: 2s;
}


@-webkit-keyframes fade-out-loader {
	0% { opacity: 2; }
	100% {opacity: 2;}
}
.fade-out-loader {
    -webkit-animation: fade-out 6s ease-in;
	-moz-animation: fade-out 6s ease-in; /* Firefox < 16 */
    -ms-animation: fade-out 6s ease-in; /* Internet Explorer */
    -o-animation: fade-out 6s ease-in; /* Opera < 12.1 */
    animation: fade-out 6s ease-in;		
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
	-webkit-animation-delay: 4s;
}

.jumbotron .jumbotron_content h2 {
	font-weight: 100; 
	font-size: 120px;
	line-height: 1.5em;
	letter-spacing: 3px;
	color: rgba(255,255,255,.6);
}

.jumbotron .jumbotron_content, .jumbotron .jumbotron_content p {
	font-size: 23px;
	color: #9b875b;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 6px;
}

/* #Contact
/***********************************************************/
#contact .section-title {display: inline-block;}
#contact h3 {letter-spacing: 3px;}
#contact a {font-weight: 600;}
#contact h2 {margin-bottom: 30px;}
#contact .right-col h4 {color: #15191e; font-weight: 300; letter-spacing: 1px;}
#contact .right-col { color: #8e8b88; font-weight: 600;}

/* #Meet
/***********************************************************/
#meet .page-title {display: inline-block; margin-bottom: 25px;}
#meet h3 {letter-spacing: 4px; color: #ac9b76; line-height: 1.5em; margin-bottom: 30px;}
#meet .slider_inner {overflow: hidden;}
#meet .slider_inner .metaslider .caption-wrap {
	background: rgba(17,17,17,.7);
    opacity: 10;
    top: 0;	
}

#meet .slider_inner .metaslider .caption {
	color: rgba(255,255,255,.6);
    width: 100%;
    position: absolute; 
    /*bottom: 80px;*/
	max-width: 841px;  
	font-size: 98px;
	line-height: 1.5em;
	font-weight: 100;
	text-transform: uppercase;
} 
#team .container {padding: 40px 70px;}
#team .item-image {border-radius: 100%; width: 100%; height: 100%; overflow: hidden; margin: 0 auto 20px;}
#team .grid-item1 .item-image {width: 50%;}
#team .grid-item1 .item-image img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); 
}

.panel-head-overlap {background-color: #6d6f71; height: 150px; position: relative; z-index: 100; text-align: right;}
.panel-head-overlap a {
	color: #15191e;
    border-radius: 100%;
    padding: 6px 10px;
    border: 2px solid #15191e;
    font-weight: 600;
    position: relative;
    top: 30px;
    right: 30px;
}
.bio-text {position: relative; z-index: 102; margin-top: -100px; padding: 15px 30px;}
.bio-text h5, .bio-text h3, .bio-text h2, .bio-text h4 {color: #af976d; font-weight: 500;}
.panel-head-overlap a:hover, a[type="button"] {cursor: pointer;}
.panel-head-overlap a:hover {color: #fff; border-color: #fff;}
.panel-head {padding-left: 30px;}
.panel-head h2 {letter-spacing: 4px; color: #fff;}
.team-address a, .bio-text a {color: #af976d; font-weight: 600;}
.team-address a:hover, .bio-text a:hover {color: #6d6f71}
.team-address {margin-top: 20px; margin-bottom: 40px; font-weight: 600; color: #908b87; font-size: 15px;}
.team-address i {font-size: 4px; position: relative; top: -3px; margin: 0 5px;}
.panel-bio {line-height: 26px;}
.bios-content-wrapper {
    overflow-y: hidden;
    max-height: 2000px;
    visibility: visible;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.bios-content-wrapper {
    position: relative;
}
.bios-content-wrapper.scollapse {
    max-height: 0px;
    visibility: hidden;
    padding: 0;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);	
}

#team .slick-arrow { width: 50px; text-indent: -9999px; position: absolute; border: 0; height: 80px; z-index: 2;}
#team .slick-prev {background: transparent url(library/img/arrow-left.png) no-repeat; top: 23%; left: 0;}
#team .slick-next {background: transparent url(library/img/arrow-right.png) no-repeat; top: 23%; right: 0}
.slick-slide:focus, .slick-slide:hover, #team .slick-arrow:focus {outline: none;}
#post-500 section.post_content:first-child {padding: 75px}
body .slick-arrow {min-width: 0; padding: 0;}

/* #Footer
/***********************************************************/
.back-top {
	position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    padding: 3px 7px 7px;
    border-radius: 100px;
    background-color: rgba(17,17,17,1);
    font-size: 23px;
    color: #fff;
}
.back-top a {color: #fff;}
.attribution, .attribution a {font-size: 9px; color: #a7a19a; font-weight: 400; padding-bottom: 30px;}
#social_links > li > a {    
    font-size: 27px;
} 
#social_links > li > a > i {
	background-color: #9b875b;
    color: #323435; 
    border-radius: 100px;
	font-size: 24px;
	padding: 12px 13px;	
}
#social_links > li > a > i.fa-facebook {padding: 10.2px 16.2px; font-size: 27px;}
#social_links > li > a .fa-instagram, #social_links > li > a .fa-youtube {
	font-size: 24px; 
	padding: 12px 13px;
}

#social_links > li > a:hover > i {background-color: #fff;}
#footer .inneritem span {font-size: 16px; color: #9b875b; display: block; font-weight: 600;}
#footer .inneritem span i {font-size: 5px; position: relative; top: -4px; margin: 0 5px;}
#footer .inneritem {color: #8e8b88; font-size: 18px; }
#footer .inneritem a {color: #8e8b88;}
#footer .inneritem a:hover {color: #9b875b;}
#footer .inneritem.white, #footer .inneritem.white a {color: #fff; font-weight: 600;}
#inner-footer {margin-top: 40px;}

.new-footer-address1{
	float:right;
}

.new-footer-address2{
	float:right;
}

#footer .container.inner-two{
	max-width: 100%;
}

#social_links{
	margin-bottom: 0px;
}



/***********************************************************/
/* #MEDIA QUERIES ******************************************/
/***********************************************************/
.mobile {display: none; }

@media only screen and ( max-width: 1750px ) {
	.slider_inner .metaslider .slides img { max-width: 150%!important; width: 120%; }
}

@media only screen and ( max-width: 1650px ) {
    .project-title { font-size: 23px; line-height: 1em; margin-bottom: 10px; letter-spacing: 3px;}
	.container.inner-two {max-width: 87%;}
    .slider_inner {overflow: hidden;}
	.slider_inner .metaslider .slides img {max-width: 150%!important; width: 120%;}
}

@media only screen and ( max-width: 1510px ) {
	.slider_inner .metaslider .slides img { max-width: 150%!important; width: 140%; }
	#meet .slider_inner .metaslider .caption {width: auto;}
}

@media only screen and ( max-width: 1430px ) {
	.slider_inner .metaslider .slides img {max-width: 160%!important; width: 140%; margin-left: -20%!important;}
}

@media only screen and ( max-width: 1345px ) {
	.slider_inner .metaslider .slides img { max-width: 160%!important; width: 160%; margin-left: -30%!important;}
	#meet .slider_inner .metaslider .caption-wrap {padding-top: 50px; padding-bottom: 50px;}
}

@media only screen and ( max-width: 1310px ) {
	.container.inner-two {max-width: 80%;}
	.slider_inner .metaslider .slides img {max-width: 180%!important; width: 180%; margin-left: -40%!important;}
} 

@media only screen and ( max-width: 1220px ) {
	.slider_inner .metaslider .slides img {max-width: 200%!important; width: 180%; margin-left: -40%!important;}
}

@media only screen and ( max-width: 1180px ) {
	.slider_inner .metaslider .slides img {max-width: 200%!important; width: 200%; margin-left: -50%!important;}
	#meet .slider_inner .metaslider .caption-wrap {padding: 45px 35px;}
	#meet .slider_inner .metaslider .caption {position: relative;}
}

@media only screen and ( max-width: 1130px ) {
	.slider_inner {overflow: hidden;}
	.slider_inner .metaslider .slides img {max-width: 220%!important; width: 220%; margin-left: -50%!important;}
	#meet .slider_inner .metaslider .caption { font-size: 84px; } 
}

@media only screen and ( max-width: 1100px ) {
	.container.inner, .container.inner-two {max-width: 100%;} 
	.slider_inner {overflow-x: hidden;}
	.slider_inner .metaslider .slides img {max-width: 250%!important; width: 240%; margin-left: -80%!important;}
	#meet .slider_inner .metaslider .caption { font-size: 78px; }
	.jumbotron .jumbotron_content h2 {font-size: 90px; line-height: 1.1em;}
	.bio-text {margin-top: -115px;}
	#team .container {padding: 40px 15px;}
	.panel-head h2 {font-size: 24px;}
	.before-details {padding-right: 15px;}
	
} 
@media only screen and ( max-width: 970px ) {
	/*#loader {background-size: 700px auto;}
	#loader {width: 150%; height: 150%;}*/
	#slider .metaslider .slides{overflow-x: hidden;}
	#slider .metaslider .slides img {max-width: 260%; width: 180%; margin-left: -40%} 
	#slider.mobile_slider .metaslider .slides img {max-width: 100%; width: 100%; margin-left: 0} 
	.slider_inner .metaslider .slides img {max-width: 100%!important; width: 100%; margin-left: 0!important;}
	#meet > #main > article > section {width: 100%; float: none; clear: both;}
	#meet > #main > article > section.right-col {padding-left: 0;}
	#meet .slider_inner .metaslider .caption { font-size: 54px; }
	#team .container {padding: 40px;}
	.project-title { font-size: 18px; line-height: 1em; margin-bottom: 10px; letter-spacing: 3px;} 
	.jumbotron .jumbotron_content h2 {font-size: 75px; line-height: 1.1em;}
	.site-logo img {margin-left: 0;}
	#loader {
		background: url(library/img/loader-bg-mobile.jpg) 50% 50% no-repeat rgba(17,17,17,.8); background-size: cover;
	}	
	.site-logo {text-align: left;}
	.fullscreen > .video1 {
		transform: scale(1) translateY(-34%)!important; 
		-webkit-transform: scale(1) translateY(-34%)!important;
		top: 31%;
	}
	#slider.fullscreen {padding-top: 365px; overflow: hidden;}	
	.fullscreen > .video1 {    padding-bottom: 50.25%;}
}

@media only screen and ( max-width: 767px ) {
	.site-logo {padding: 12px 40px 12px 0;}
	#slider {padding-top: 125px;}
	.cd-panel__container {top: 125px;}	
	.logo, .slide-panel {float: left;}
	.logo {width: 75%;}
	.slide-panel {width: 25%;}
	.project-item {margin-bottom: 25px;}
	.flex {display: block;}
	.bitem {border-right: 0;}
	#footer .inneritem {margin-bottom: 25px;}
	.container {padding-left: 15px; padding-right: 15px;}
	.cd-panel__close {right: 36px;}
	.navbar-nav {margin: 0;}
	.cd-panel__content {padding: 20px 30px;}
	.cd-panel__container {width: 100%;}
	.cd-panel__header {width: 25%; height: 100px;}
	.navbar-nav > li > a, .dropdown-menu > li > a {padding: 15px 0; font-size: 24px;}
	#project .project-details {padding-left: 0;}
	#project-other-links li {margin-bottom: 20px;}
	#slider .metaslider .flex-control-nav {display: block;     bottom: 10px;}
	#slider .flex-control-paging li a.flex-active {background: rgba(255,255,255,.8)}
	#meet .slider_inner .metaslider .caption { font-size: 38px; }
	/*.panel-body > .col-sm-2 {float: left; width: 25%;}
	.panel-body > .panel-head {float: left; width: 75%; padding-top: 15px;}*/
	#team .item-image {max-width: 300px;}
	.panel-body > .panel-head {padding-left: 0; padding-right: 0;}
	.panel-body > .panel-head > h2 {font-size: 22px; color: #6d6f71;}
	.panel-body > .panel-head > h2 span {display: block;}
	.team-address > div {padding: 0;}
	.panel .panel-body {padding: 15px;}
	.page-title {letter-spacing: 2px; }
	h2 {font-size: 24px;}
	#team .container {padding: 40px 20px;}
	.container.inner, .container.inner-two {max-width: 100%;} 
	.jumbotron .jumbotron_content h2 {font-size: 60px; line-height: 1.1em;}
	.jumbotron .jumbotron_content, .jumbotron .jumbotron_content p {font-size: 14px; letter-spacing: 4px;}
	#voila > img {max-width: 150%; width: 150%; margin-left: -25%}
	#post-500 section.post_content:first-child {padding: 30px;}
	.panel-head h2 {color: #333;}
	.panel-bio, .panel-head {padding: 0;}
	#intro-overlay .overlay-text {font-size: 32px; font-size: 2rem; line-height: 32px; line-height: 2rem; }
	.project-content {padding-right: 0;}
	#project article > .container {padding-left: 15px; padding-right: 15px;}
	#post-500 section.post_content:first-child {padding: 30px 15px;}
	.bio-text {padding: 15px;}
	#contact.container {padding: 0;}
	.back-top {bottom: 70px;}
	.fullscreen > .video1 {
		transform: scale(1.3) translateY(-50%)!important; 
		-webkit-transform: scale(1.3) translateY(-50%)!important;
		top: 31%;
	}
	#slider.fullscreen {padding-top: 220px;}
	.single-videos #main-content, .single-installation-videos #main-content {padding-top: 125px;}
	.padded-top {padding-top: 125px;}
	.mobile {display: block;}
	.desktop {display:none;}
	.jumbotron .jumbotron_content, .jumbotron .jumbotron_content .jumbotron_wrapper, .jumbotron {max-height: 100%;}
	
}
@media only screen and ( max-width: 480px ) {
	.site-logo {padding: 20px 0;}
	.navbar-nav > li > a, .dropdown-menu > li > a {font-size: 20px; line-height: 25px;}
	.jumbotron .jumbotron_content h2 {font-size: 40px; line-height: 1.1em;}
	.fullscreen > .video1 {top: 50%;}
	#slider.fullscreen {padding-top: 270px;}
}

@media only screen and ( max-width: 400px ) {
	#slider.fullscreen {padding-top: 250px;}
}

@media only screen and ( max-width: 375px ) {
	.site-logo {padding: 25px 0;}
	#slider.fullscreen {padding-top: 200px;} 
	.fullscreen > .video1 {padding-bottom: 63.25%;}
}


@media only screen and ( max-width: 374px ) {
	.site-title {font-size: 18px; letter-spacing: 4px;}
	#slider .metaslider .slides img {max-width: 250%; width: 250%; margin-left: -80%} 
	#meet .slider_inner .metaslider .caption { font-size: 30px; }
	.panel-body > .panel-head > h2 {font-size: 18px;}
	
}

@media only screen and ( max-width: 360px ) {
	#slider, .single-videos #main-content, .single-installation-videos #main-content { padding-top: 120px; }
	.cd-panel__container {top: 120px;}
	.cd-panel__header {height: 120px;}
	.cd-btn {line-height: 120px;}
}

@media only screen and ( max-width: 320px ) {
	#slider, .single-videos #main-content, .single-installation-videos #main-content {padding-top: 110px;}
	.cd-panel__container {top: 110px;}
	.cd-panel__header {height: 110px;}
	.cd-btn {line-height: 110px;}	
}