/*** TYPOGRAPHY ***/
@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Roboto+Condensed');
body { font-family:'Oswald',sans-serif; font-size:22px; line-height:1.0; }
p, footer { font-family:'Roboto',sans-serif; font-weight:300; line-height:1.1; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:'Oswald',sans-serif; line-height:1.0; }
.display-1 { font-size: 7.0rem; font-weight: 400; }
.display-2 { font-size: 5.5rem; font-weight: 400; }
.display-3 { font-size: 4.5rem; font-weight: 400; }
.display-4 { font-size: 3.0rem; font-weight: 400; }
footer { font-size:17.5px; }
figcaption { text-align: center; }
.box { border:5px #000 solid; border-radius:0; padding:30px; }
.btn { padding: 12px 16px; }
.scrollToTop{width:42px;height:42px;padding:7px;text-align:center;color:#f1f1f1;text-decoration:none;position:fixed;bottom:10px;right:10px;display:none;cursor:pointer;border:none;background-color:rgba(0,0,0,0.5);z-index:1000;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-radius:50px;}
.scrollToTop:hover,.scrollToTop:visited,.scrollToTop:focus{text-decoration:none;background-color:#000;color:#f1f1f1;}
.scrollToTop i{line-height:24px;}

/*** COLORS **/
.odd    { background-color: #f9f9f9; }
.white  { background-color: #ffffff; }
.accent { background-color: #337ab7; color: #ffffff; }
footer  { background-color: #000000; color: #ffffff; }
.text-black { color: #000000;}
.text-dull  { color: #bec8ce; }
.text-gloss { color: #ffffff; }
.text-accent{ color: #337ab7; }
p { color: #bec8ce; }
.fa { color: #337ab7; }
.bg_pattern{background-image:url(../images/bg_pattern.png);position:fixed;opacity:0.8;left:0px;top:0px;width:100%;height:100%;z-index:-1;}

/*** STRUCTURE ***/
.even, .odd, footer { padding: 80px 0px; }
.main { padding-top:80px; }
@media all and (min-width: 768px) { .container-fluid { width: 740px; }}
@media all and (min-width: 992px) { .container-fluid { width: 880px; }}
@media all and (min-width: 1200px){ .container-fluid { width: 1020px; }}

/*** SECTION: STAGE ***/
.stage { 
	height: 100vh; width: 100vw; 
    background-position: right bottom; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
}
/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { .stage { min-height: 768px; }}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)  { .stage { min-height: 1024px; }}
/* iphone 6+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation:landscape) { .stage { min-height: 414px; }}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation:portrait)  { .stage { min-height: 736px; }}
/* iphone 6 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation:landscape) { .stage { min-height: 375px; }}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation:portrait)  { .stage { min-height: 667px; }}
/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation:landscape) { .stage { min-height: 320px; }}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation:portrait)  { .stage { min-height: 568px; }}
/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) { .stage { min-height: 320px; }}
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait)  { .stage { min-height: 480px; }}
.stage-content{padding:100px 0px;}
@media screen and (max-device-height:600px) { .stage-content h2{font-size:20px;} }
@media screen and (min-device-height:600px) { .stage-content{padding:150px 0px;} }
@media screen and (min-device-height:800px) { .stage-content{padding:200px 0px;} }
@media screen and (min-device-height:900px) { .stage-content{padding:250px 0px;} }
@media screen and (min-device-height:1000px){ .stage-content{padding:300px 0px;} }
/*@media all and (max-width:767px) { .stage-content{padding:200px 0px;}  }
@media all and (min-width:768px) { .stage-content{padding:250px 0px;}  }
@media all and (min-width:992px) { .stage-content{padding:300px 0px;}  }
@media all and (min-width:1200px){ .stage-content{padding:350px 0px;}  }*/



/*** NAVIGATION ***/
a:active {background-color:transparent!important;}
a:hover,a:focus,a:hover.fa,a:focus.fa { cursor:pointer; text-decoration:none; color:#ffffff; }
.navbar { padding:10px 0; z-index:1; letter-spacing:0.8;  } /*border-bottom: solid 1px #eee; */
@media (min-width: 768px) { .navbar { padding:10px 50px; } }
.navbar-nav a:hover,.navbar a:focus { background-color:#337ab7!important; color:#ffffff!important;}
.navbar-brand { padding:0px!important; }
.navbar-brand img {-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.navbar-brand:hover,.navbar-brand:focus,.navbar-brand:active,.navbar-brand:visited { background-color:transparent!important; color:transparent!important; }
@media (max-width: 768px) { .navbar-collapse{background:rgba(0,0,0,0.7);} .navbar-brand img{max-height:100%;} }
.navbar-scroll{background-color:#000;/*background:rgba(0,0,0,0.7);*/}
.navbar-scroll .navbar-brand img { max-height:50px; }
.navbar-toggle .icon-bar { background-color:#337ab7; }



/*** SECTION: FEATURES ***/
#features .item, #get-started .item, #team .item { padding: 20px; }

/*** SECTION: GALLERY ***/
.modal .close { font-size: 52px; }
.modal img { margin: auto; }

/*** SECTION: TESTIMONIALS ***/
.testimonial { padding:10px; }
.testimonial blockquote { border:5px #337ab7 solid; padding:30px;  }
.testimonial .quote { color: rgba(0,0,0,.1); text-align: center; margin-bottom: 30px; }
#fade-quote-carousel.carousel { padding-bottom: 60px; }
#fade-quote-carousel.carousel .carousel-inner .item  { opacity: 0; 
	transition-property: opacity; -webkit-transition-property: opacity; -ms-transition-property: opacity;        
}
#fade-quote-carousel.carousel .carousel-inner .active { opacity: 1;
	transition-property: opacity; -webkit-transition-property: opacity; -ms-transition-property: opacity;        
}
#fade-quote-carousel.carousel .carousel-indicators { bottom: 10px; }
#fade-quote-carousel.carousel .carousel-indicators > li { background-color: #337ab7; border: none; }
/*#fade-quote-carousel blockquote { border: none; border-radius: 6px; }*/
#fade-quote-carousel .profile-circle { width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; }
blockquote cite { display: block; margin-top: 10px; }
blockquote { background: #f9f9f9; margin: 7px; }
blockquote:before { color: #ccc; content: quote; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em; }
blockquote p { display: inline; line-height: 0.8; font-style: italic; }