#hoosh { font-family:'icons'; width:4.6rem; height:4.6rem; background:#d12233; border-radius:50%; position:absolute; bottom:-2.3rem; margin:0; left:50%; transform:translate(-50%,0); color:#FFF; text-align:center; transition:all 0.2s ease; cursor:pointer;

-webkit-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35);
box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35);

   }
#hoosh::before { font-size:2.5rem; content:"\e902"; display:block; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%);  }
#hoosh span { display:block; height:0; width:0; overflow:hidden; }
#hoosh:hover { transform:translate(-50%,0) scale(1.3,1.3) ; }

@media screen and (max-width:850px) {  
#hoosh { display:none; }
}


#hero { 
 
/*background-size:cover; background-position:center; */
background-size:100% auto;  background-position:top center; 
background-repeat:no-repeat;   position:relative;  }

@media screen and (max-width:600px){  
#hero  {background-size:100% auto;  background-position:top center;

min-height:300px;
height:35vw;
 }

}
@media screen and (min-width:601px) and (max-width:850px){  
#hero  {background-size:100% auto;  background-position:top center;

min-height:300px;
height:35vw;
}
}
@media screen and (min-width:851px) and (max-width:1499px){  
#hero  {background-size:cover;  background-position:center; 
min-height:550px; max-height:700px;  
height:35vw;
margin-bottom:3rem;
}
}
@media screen and (min-width:1500px){  
#hero  {background-size:cover;  background-position:center; 
min-height:550px; max-height:650px; 
height:40vw;
margin-bottom:3rem;
}
}




#hero #masthead { border:none; background:none;  padding-bottom:3rem;
background: rgba(19,66,103,0.8);
background: -moz-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,66,103,0.5)), color-stop(100%, rgba(19,66,103,0)));
background: -webkit-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%);
background: -o-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%);
background: -ms-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%);
background: linear-gradient(to bottom, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%);


background: rgba(19,66,103,0.8);
background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0)));
background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%);
background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%);
background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%);
background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%);


background: rgba(25,46,62,0.8);
background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0)));
background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%);
background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%);
background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%);
background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%);


}

#hero .showsearch,
#hero .hamburger,
#hero #navside ul.social li a,
#hero #masthead { color:#FFF; }


#hero .healogo a { text-shadow: 0 0 20px rgba(19,66,103, 0.5); text-shadow: 0 0 20px rgba(25,46,62, 0.5);  }

#hero #navside ul.social li a:hover { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
 }

#hero .healogo a::before { color:#FFF;}
#hero #mainnav nav > ul > li > a { color:#FFF; text-shadow: 0 0 10px rgba(19,66,103, 0.3);  text-shadow: 0 0 10px rgba(25,46,62, 0.3)}
#hero #mainnav nav > ul > li a.subopen { color:#134267; text-shadow: none;}

#heroimage { position:absolute; top:-100%; left:-100%; width:1px; height:1px; overflow:hidden; } 
#heroimage img {  }


@media screen and (max-width:850px){
#captionwrapper,
#herocaption { display:none !important; }
}


#captionwrapper { width:calc(100% - 40px); position:absolute; bottom:0; left:50%; transform:translateX(-50%);  } 

@media screen and (min-width:641px){
#captionwrapper { width:calc(100% - 60px);}
}
@media screen and (min-width:1404px){ 
#captionwrapper { width:calc(100% - 120px);}
}

#herocaption { margin:0; width:calc(50% - 12rem - 20px); background:rgba(0,0,0,0.6); position:absolute; bottom:0; right:20px; z-index:999; padding:2rem 6rem 2rem 2rem; color:white; font-size:1.6rem; }

#captionshow::after,
#captionclose::after { font-family: 'icons'; color:#FFF; line-height:1; text-align:right; font-weight:normal;  }

#captionshow { position:absolute; bottom:2rem; right:20px; width:4.8rem; height:4.8rem;  background:rgba(0,0,0,0.6); border-radius:100%; opacity:0.4; transition:opacity 0.3s ease; cursor:pointer; }
#captionshow:hover { opacity:1; }
#captionshow.captionshown {opacity:0;  }
#captionshow::after { content: "\e907"; font-size:2.2rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#captionclose {position:absolute; top:50%; right:1rem; transform:translateY(-50%);  }
#captionclose::after { content: "\e921"; font-size:2.4rem;  }
 
@media screen and (min-width:641px){
#captionshow, #herocaption { right:30px; }
#herocaption { margin:0; width:calc(50% - 12rem - 30px); }
}
@media screen and (min-width:1404px){ 
#captionshow, #herocaption { right:60px; }
#herocaption { margin:0; width:calc(50% - 12rem - 60px); }
}

body.hasjs #herocaption { display:none; }


#hero .module { background:rgba(0,0,0,0.6); color:white;}


#hero #mainintro { color:#216093; background:white; /* width:calc(33.33333% - ((36px * 2) / 3));*/

-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
}  
 
 
/**/
@media screen and (min-width:851px) and (max-width:1199px){  
#mainintro  {/*width:calc(50% - ((36px * 1) / 2));*/ }
}
@media screen and (max-width:850px){  
 
#mainintro {/* width:100%;*/ margin-top:25%; }
}
@media screen and (max-width:600px){  
 
#mainintro {/* width:100%;*/ margin-top:25%; }
}

@media screen and (max-width:850px){  
 
 #hero .module { width:100%; margin-right:0; }
}




@media screen and (max-width:1023px){  
#mastheadwrapper {overflow:hidden; }/**/
}

@media screen and (max-width:1023px){  
#mastheadwrapper {overflow:hidden; }/**/
}




#instagramfeed .square { padding-bottom:100%; }
.iglist li p.square a { display:block; width:100%; height:100%; }