/* Minification failed. Returning unminified contents.
(170,13): run-time error CSS1038: Expected hex color, found '#0000'
 */
/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (normalize.css v3.0.2)
/* ---------------------------------------------------------------------- */
.fluid-width-video-wrapper {
    
    margin-top: 30px;
    margin-bottom: 30px;
}
.videoContainer{
    margin-bottom: 40px;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
body.white .homelogo.small.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    
    padding-right: 15px;
    padding-left: 15px;
}
#contacts a {
    color: white;
}

.col-md-4 {
    float: left;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 30%;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

html{height:100%;}
body {
    background: #FFF;
    color: #fff;
    font: 12px/1.7 'Helvetica Neue','Helvetica','Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

body.white{color:#343030;}

::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }

a{color:#3a3737; transition:all 0.6s ease 0s;}
h1, h1 a {font-family: 'Oswald'; text-transform: uppercase; font-weight: 400; font-size:50px; line-height: 120%; text-align: center;}
h2, h2 a {font-family: 'Oswald'; font-weight: 400; text-transform: uppercase; font-size: 40px; text-align: center;}
h3, h3 a {font-family: 'Oswald'; font-weight: 300; text-transform: uppercase; font-size: 20px;}
h4{display: inline-block;
  padding: 10px 10px;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 16px; font-weight: normal}

.center{text-align: center;}
.nomargin{margin: 0px; padding:20px 0px;}
.wrapper{width:1200px; margin:0px auto; max-width:100%; padding-top:230px; padding-bottom:80px; box-sizing:border-box;}
.tb {display: table; height: 100%; position: relative; width: 100%; }
.tb-cell { display: table-cell; height: 100%; text-align: center; vertical-align: middle; }

section{
    position:absolute; top:0px; left:0px; width:100%; 
    height:100%; min-height:100%; overflow-x:hidden; z-index:0;
    background-image: url('../images/yellow_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.white{background:#fff;}
section .col{max-width: 80%;
  margin: 0px auto;
  text-align: center;
  padding: 20px 0px;}

section .col-3{width:33%; float:left; padding:0px 20px; box-sizing: border-box;}
.sectionswrapper{width:100%; max-width:100%; overflow:hidden; position:relative;}

.homelogo {
    /*background: url('../images/Logo_White.png');*/
    background-size: 220px 121px;
    width: 220px;
    height: 121px;
    display: block;
    margin: 0px auto;
    position: fixed;
    top: 35%;
    left: 50%;
    width: 100%;
    background-repeat: no-repeat;
    margin-left: -110px;
    z-index: 1000;
    transition: all 0.6s ease 0s;
}
    .homelogo.small {
        /*background: url('../images/Logo_White.png');*/
        background-size: 220px 121px;
        width: 220px;
        height: 121px;
        top: 40px;
        background-repeat: no-repeat;
        margin-left: -110px;
        transition: all 0.6s ease 0s;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
body.white .homelogo.small {
    background: url('../images/Logo_Black.png');
    background-size: 200px 105px;
    width: 100%;
    margin-left: -100px;
    height: 105px;
    top: 40px;
    background-repeat: no-repeat;
}
.homelogo.small.scale0 {
    display: none;
    /*transform: scale(0); -webkit-transform: scale(0)*/
}

.anim{opacity:0;}
.overlay{background:#FFF;}
.hideY{overflow-y:hidden;}
.justify{text-align:justify!important; font-size:14px;}
.justify h4{text-align: center!important;
  width: 100%;
  margin-bottom: 0px;}

.partners-home {display: flex; position: absolute; bottom: 30px; left: 50px; z-index: 9999;}
.partners-home img {display: block; height: 36px; margin-right: 10px;}
.cc_iframe {background: none;}

/*video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}*/

/*	BigVideo Styles
	You may need to adjust these styles to get this working right in your design.
*/
video{
	background:#0000!important;
}
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0; background:#000}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;display:none;}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button, .vjs-control-bar{display:none !important;}
#big-video-vid{opacity:0;}
#big-video-vid.vjs-has-started{opacity:1;}

#home .slide{width:100%; height:100%; background-size: cover!important; background-position: 50% 50%!important; overflow:hidden;}


.policy_links {text-align: center; margin-top: 0px;}
.policy_links a {color: #fff; text-decoration: none}
body.white .policy_links a {color: #000; }
.nodesktop {display: none;}

.cc_insta_text .cc_iframe_button {
    display: inline-block;
    background: #eaeaea;
    color: #000;
    padding: 8px 20px;
    border-radius: 2px;
    border: 1px solid #737373;
    margin: 20px 0px 0px 0px;
    font-weight: normal;
    cursor: pointer;
    transition: all 1s ease;
}
/* ---------------------------------------------------------------------- */
/*	Navbar
/* ---------------------------------------------------------------------- */
nav {position:fixed; bottom:0px; left:50%; margin-left:-610px; z-index:9999; width:1220px; padding-bottom:20px;}
nav ul{list-style: none; margin: 0; padding: 0; text-align:center;}
nav ul li {display:inline-block; padding: 10px 10px; text-align:left}
nav ul li a {color:#fff; font-family: 'Oswald'; text-transform: uppercase; font-weight: 400; text-decoration:none; font-size:16px;}
nav ul li a:hover, nav ul li a.active{border-bottom:1px solid #fff;}
nav>.button{display:none;}

nav.white ul li a {color:#464637;}
nav.white ul li a:hover, body.white nav ul li a.active, body.white nav ul li a.to-return {border-bottom:1px solid #464637;}
nav.white {background:#fff;}

/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
#home{background-size:cover!important; background-position:50% 50%!important; background:#000; z-index:999}
#home h1{display:inline-block; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px; margin-bottom: 0px;}
.fader{
  position: absolute;
  top: 45%;
  color: #fff;
  z-index: 999;
  width: 100%;}

  .socialbts{  z-index: 9999;
  position: absolute;
  bottom: 30px; right:50px;}

  .socialbts i{ padding: 7px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; font-size:15px; background:#fff; color:#000; margin-left:4px; transition:all 0.6s ease 0s;}

.socialbts a:hover i{background:#000; color:#fff;}

body.white .socialbts i{background:#464637; color:#fff;}
body.white .socialbts a:hover i{background:#fff; color:#464637;}

/* ---------------------------------------------------------------------- */
/*	About us
/* ---------------------------------------------------------------------- */
  #about{background:#fff;}

ul.partners-logos{list-style: none; margin: 0px auto; padding: 0; text-align:center; width:960px;}
ul.partners-logos li {display:inline-block; padding: 10px 20px; text-align:left; vertical-align:middle; font-weight:bold;}

ul.partners-logos img{max-height:40px;}



/* ---------------------------------------------------------------------- */
/*	Showreel
/* ---------------------------------------------------------------------- */
.vimeothumb {background-size: cover; background-position: 50% 50%; height:150px;}
.vimeothumb img{max-width: 100%;}
.filters ul, .filters2 ul{list-style: none; margin: 0; padding: 0; text-align:center; margin-bottom:30px; }
.filters li, .filters2 li {display:inline-block; padding: 10px 10px; text-align:left; text-transform:uppercase; font-family:'Oswald';  font-size:16px;}
.filters li a, .filters2 li a{text-decoration:none; padding-bottom:2px;}
.filters li a.active, .filters2 li a.active{border-bottom:1px solid #000;}

.showreelContainer{margin:0px auto;}
#showreel .showreel-item{width:300px; overflow:hidden; display:block; float:left; position:relative; height:168px; padding:5px; box-sizing:border-box;}
#showreel .showreel-item .fitimg {width:100%; height:100%;}
.showreel-item > a {display: block; width: 100%; height: 100%; position:relative;}
.showreel-item .caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding:10px; opacity: 0; filter: alpha(opacity=0); transition:all 0.6s ease 0s; background: rgba(0, 0, 0, 0.6); font-family:'Oswald'; font-size:22px;}
.showreel-item:hover .caption {opacity: 1; filter: alpha(opacity=100);}
.showreel-item .caption .tb-cell span{display:block; font-size:16px;}


.videoContainer h1{font-size:40px; margin-top:0px!important; margin-top:30px;}
.videoContainer .video{width:90%; max-width:960px; margin:0px auto;max-height: 600px}

.video-info ul{list-style-type:none; display:inline-block; padding:0px;}
.video-info ul li{padding:2px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.4); text-align:left;}
.video-info ul li span{width: 133px;
display: inline-block;
font-family: 'Oswald';
text-transform: uppercase;
font-size: 13px;
text-align: right; margin-right:20px;}


.stills-info ul{list-style-type:none; display:inline-block; padding:0px; margin-top: -30px;}
.stills-info ul li{padding:2px 0px; text-align:left; float: left}
.stills-info ul li span{
display: inline-block;
font-family: 'Oswald';
text-transform: uppercase;
font-size: 13px;
text-align: right; margin:0px 20px 0px 20px;}


/* ---------------------------------------------------------------------- */
/*	Locations
/* ---------------------------------------------------------------------- */

.locationsContainer{margin:0px auto}
#locations .locations-item{width:300px; overflow:hidden; display:block; float:left; position:relative; height:210px; padding:5px; box-sizing:border-box;}
#locations .locations-item .fitimg {width:100%; height:100%;}
.locations-item > a {display: block; width: 100%; height: 100%; position:relative;}
.locations-item .caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding:10px; opacity: 1; filter: alpha(opacity=0); transition:all 0.6s ease 0s; font-family:'Oswald'; font-size:22px;}
.locations-item:hover .caption {opacity: 1; filter: alpha(opacity=100); background: rgba(0, 0, 0, 0.6);}
.locations-item .caption .tb-cell span{display:block; font-size:16px; display:none; transition:all 0.6s ease 0s;}
.locations-item:hover .caption .tb-cell span{display:block; transition:all 0.6s ease 0s;}


.galleryContainer{margin:0px auto;}
.galleryContainer h1{font-size:40px; margin-top:0px!important; margin-top:30px;}
.gallery-item{width:300px; overflow:hidden; display:block; float:left; position:relative; height:210px; padding:5px; box-sizing:border-box; opacity:0}
.gallery-item .fitimg {width:100%; height:100%;}
.gallery-item > a {display: block; width: 100%; height: 100%; position:relative;}
.gallery-item .caption {display:none}
.gallery-item:hover .caption {opacity: 1; filter: alpha(opacity=100); background: rgba(0, 0, 0, 0.6);}
.gallery-item .caption .tb-cell span{display:block; font-size:16px; display:none; transition:all 0.6s ease 0s;}
.gallery-item:hover .caption .tb-cell span{display:block; transition:all 0.6s ease 0s;}

.gallerySlider{width:920px; max-width:100%; margin:30px auto;}
.cycle-slideshow{max-height:100%}



.gallerySlider img {max-height:100%; max-width:920px;}

			/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */

			vertical-align: middle;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			cursor:pointer;
		}

			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
				background:url(../images/left.png) no-repeat;
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
				background:url(../images/right.png) no-repeat;
			}

            
/* ---------------------------------------------------------------------- */
/*	equipment
/* ---------------------------------------------------------------------- */

.equipmentContainer {
    margin: 0px auto
}
#equipment .equipment-item {
    width: 300px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    height: 210px;
    padding: 5px;
    box-sizing: border-box;
}
#equipment .equipment-item .fitimg {
    width: 100%;
    height: 100%;
}
.equipment-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.equipment-item .caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    opacity: 1;
    filter: alpha(opacity=0);
    transition: all 0.6s ease 0s;
    background: rgba(0, 0, 0, 0.3);
    font-family: 'Oswald';
    font-size: 22px;
}
.equipment-item:hover .caption {
    opacity: 1;
    filter: alpha(opacity=100);
    background: rgba(0, 0, 0, 0.6);
}
.equipment-item .caption .tb-cell span {
    display: block;
    font-size: 16px;
    display: none;
    transition: all 0.6s ease 0s;
}
.equipment-item:hover .caption .tb-cell span {
    display: block;
    transition: all 0.6s ease 0s;
}



/* ---------------------------------------------------------------------- */
/*	casting
/* ---------------------------------------------------------------------- */

.makingContainer {
    margin: 0px auto
}
#making .making-item {
    width: 300px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
    height: 210px;
    padding: 5px;
    box-sizing: border-box;
}
    #making .making-item .fitimg {
        width: 100%;
        height: 100%;
    }
.making-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.making-item .caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    opacity: 1;
    filter: alpha(opacity=0);
    transition: all 0.6s ease 0s;
    
    font-family: 'Oswald';
    font-size: 22px;
}
.making-item:hover .caption {
    opacity: 1;
    filter: alpha(opacity=100);
    background: rgba(0, 0, 0, 0.6);
}
.making-item .caption .tb-cell span {
    display: block;
    font-size: 16px;
    display: none;
    transition: all 0.6s ease 0s;
}
.making-item:hover .caption .tb-cell span {
    display: block;
    transition: all 0.6s ease 0s;
}




/* ---------------------------------------------------------------------- */
/*	Climate
/* ---------------------------------------------------------------------- */
.climatemenu ul{list-style: none; margin: 0; padding: 0; text-align:center; margin-bottom:30px; }
.climatemenu li {display:inline-block; padding: 10px 10px; text-align:left; text-transform:uppercase; font-family:'Oswald';  font-size:16px;}
.climatemenu li a{text-decoration:none; padding-bottom:2px;}
.climatemenu li a.active{border-bottom:1px solid #000;}

 #dayLengthContainer {position:relative; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%); height:480px; display:inline-block;}
.dayLength{width:20px; height:200px; background:#343030; position:relative; float:left; margin-left:2px; opacity:0;}
.dayLength .day{width:100%; height:30px; background:#FFF; position:absolute;  transition:all 0.6s ease 0s;}
.month{position:relative; float:left; height:230px;}
.month span{font-family:'Oswald';  font-size:13px; position:absolute; left:50%; margin-left:-10px; bottom:2px;}
.climateInfo{width:100%; position:absolute; text-align:center; top:250px;}
.climateInfo h2{font-family:'Oswald';  font-size:16px;}

#dryDaysContainer {position:relative; left:50%; width:570px; margin-left:-285px; height:420px;}
.drymonth{  font-size:12px; position:relative; margin-bottom:4px; padding:2px 0px; font-weight:600;}
.dryday{width:500px; background:#fff; position:relative; float:none; opacity:1; position:absolute; top: 0px; left:30px; border-bottom:1px solid #343030;}
.dryday .drycount{background:#343030; padding:2px 8px; box-sizing:border-box; width:1%; transition:all 0.6s ease 0s; border-bottom:1px solid #343030; padding-right: 24px; color: #fff}
.drymonth span.temp{position:absolute; left:540px;}
.drymonth span.monthname{font-family:'Oswald'; font-weight:normal; font-size:13px;}

.captionrotate{
writing-mode: tb-rl;
position: absolute;
  top: 42px;
  right: -40px;   font-family: 'Oswald';
  font-weight: normal;
  font-size: 13px; word-spacing:5px; }

/* ---------------------------------------------------------------------- */
/*	Contacts
/* ---------------------------------------------------------------------- */
.contacts{display:inline-block;}
.contacts .col-3{width:auto; text-align:left}
.contacts a {color:#fff; text-decoration:underline;}
.contacts p { margin-bottom: 20px;}
.contactphoto{width:15%; display:inline-block;}
.contactphoto img{width:100%;}
.mediacontacts{margin:20px 0px;}

/* ---------------------------------------------------------------------- */
/*	Loading Spinner
/* ---------------------------------------------------------------------- */
@keyframes spinner {to {transform: rotate(360deg);}}
@-webkit-keyframes spinner {to {-webkit-transform: rotate(360deg);}}
 .spinner {min-width: 24px;min-height: 24px;}
.spinner:before {content: 'Loading…';position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;margin-top: -10px;margin-left: -10px;}
.spinner:not(:required):before {content: '';border-radius: 50%;border-top: 2px solid #343030;border-right: 2px solid transparent;animation: spinner .6s linear infinite;-webkit-animation: spinner .6s linear infinite;}

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 541px) and (max-width: 1024px) {
	.gallerySlider{max-width:80%}
	.cycle-slideshow{max-height:auto; max-width:100%}
	.gallerySlider img {max-height:auto; max-width:90%;}
	.contacts .col-3{width:33%}
	.socialbts{  z-index: 9999;
  position: absolute;
  left: 10px; top:10px; height: 30px;}
}
#contacts {
    color:black!important;
}
#contacts a{
    color:black!important;
}

@media only screen and (max-width: 540px) {
    .contactphoto {
        width: 40%;
        display: inline-block;
    }
    body {
        overflow: auto;
    }
	.nomobile{display:none;}
    nav p {
        bottom: 15px;
        position: fixed;
        margin: auto;
        width: 100%;
    }
    body.white .homelogo.small {
        top:100px;
    }
    section {
        -webkit-overflow-scrolling: touch;
    }
	section .col-3{float:none; margin:0px 0px 20px 0px; width:100%}
	nav ul {display:none; background:#fff; margin:38px 20px 20px 20px}
	nav ul li {display:block; float:none; text-align:center; border-bottom:1px solid #343030; width:80%; margin:0px auto;}
	nav ul li:last-of-type{border-bottom:0px none;}
	nav ul li a {color:#343030!important;}
	nav {top: 0px; left:0px; margin:0px; width:100%; bottom:auto}
	nav>.button{background:#fff; position:absolute; top:0px; left:20px;padding:4px 8px; display:block; text-align:center;}
	nav>.button:before{content:"\e68e"; font-family:'themify'; color:#343030; font-size:30px; line-height:100%;}
	#home h1{font-size:24px;}
	#home h3{font-size:16px;}
	#home .fader{top:60%!important;}
	.cycle-slideshow{max-height:auto; max-width:80%}
	#home.cycle-slideshow{max-height:auto; width:100%!important; max-width:100%}
	.gallerySlider img {max-height:auto; max-width:90%;}
	.aboutslide img {max-height:auto; max-width:100%;}
	.aboutslide{margin:0px auto;}

	.dayLength{width:10px;}
	.month span{font-size:12px;}
	#dayLengthContainer{zoom:0.6}
	#dryDaysContainer{zoom:0.5}
	.captionrotate{right:-80px}

	.socialbts{ 
        z-index: 9999;
        position: absolute;
        left: 34%;
        bottom: 6%;
     

	}
  .nodesktop {display: block;}
.cc_cookies_page {padding: 10px;}

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) { /* STYLES GO HERE */

.homelogo{zoom: 0.7; top:40px;}
#home h1{border: 0px; font-size: 28px; margin-bottom: 0px; padding-bottom: 0px;}
.fader h3{margin-top: 0px; font-size: 17px;}
#dayLengthContainer{zoom: .6}
#dryDaysContainer {zoom: .7}
}

@media (max-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .vimeothumb {
        width: 100% !important;
        margin: auto !important;
        padding: 0px !important;
        padding-bottom: 10px !important;
        margin-left: 0px !important;
       
        height: 292px !important;
    }
    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

 }

/* ---------------------------------------------------------------------- */
/*	Animate
/* ---------------------------------------------------------------------- */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2013 Daniel Eden*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.animated.faster{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}.animated.fast{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.animated.normal{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.slow{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}.animated.slower{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.animated.no-delay{-webkit-animation-delay:0s!important;-moz-animation-delay:0s!important;-o-animation-delay:0s!important;animation-delay:0s!important}.animated.delay0{-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.animated.delay1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.animated.delay2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.animated.delay3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.animated.delay4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.animated.delay5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}