@charset "utf-8";

/* ********************************************************************* */
/* CSS FONT ------------------------------------------------------------ */
/* ********************************************************************* */

@font-face {
font-family: 'NexaHeavy';
src: url('../fonts/NexaHeavy.eot');
src: url('../fonts/NexaHeavy.eot?#iefix') format('embedded-opentype'),
url('../fonts/NexaHeavy.woff') format('woff'),
url('../fonts/NexaHeavy.ttf') format('truetype'),
url('../fonts/NexaHeavy.svg#NexaHeavy') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'NexaLight';
src: url('../fonts/NexaLight.eot');
src: url('../fonts/NexaLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/NexaLight.woff') format('woff'),
url('../fonts/NexaLight.ttf') format('truetype'),
url('../fonts/NexaLight.svg#NexaLight') format('svg');
font-weight: normal;
font-style: normal;
}


/* ********************************************************************* */
/* CSS HTML BODY ------------------------------------------------------- */
/* ********************************************************************* */
html,body { height:100%; overflow:hidden;}

/* ********************************************************************* */
/* CSS FORMAT ---------------------------------------------------------- */
/* ********************************************************************* */
* { margin:0%; padding:0%; }

/* ********************************************************************* */
/* CSS EFFECTS --------------------------------------------------------- */
/* ********************************************************************* */
.backgroundEffect  { -webkit-transition:background-color 0.5s ease-out; -moz-transition:background-color 0.5s ease-out; -o-transition:background-color 0.5s ease-out; transition:background-color 0.5s; }
.textEffect              { -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out; }

/* ********************************************************************* */
/* CSS HTML BODY BORDER WHITE ------------------------------------------ */
/* ********************************************************************* */
#divTop { width:100%; height:20px; position:absolute; top:0px; left:0px; background:#ffffff; z-index:9999; }
#divLeft { width:20px; height:100%; position:absolute; top:0px; left:0px; background:#ffffff; z-index:9999; }
#divRight { width:20px; height:100%; position:absolute; top:0px; right:0px; background:#ffffff; z-index:9999; }
#divBottom { width:100%; height:20px; position:absolute; bottom:0px; left:0px; background:#ffffff; z-index:9999; }

/* ********************************************************************* */
/* CSS MAIN ------------------------------------------------------------ */
/* ********************************************************************* */
#main { width:calc(100% - 40px); height:calc(100% - 40px); float:left; position:relative; margin:20px 20px 20px 20px; }

/* ********************************************************************* */
/* CSS BRAND ----------------------------------------------------------- */
/* ********************************************************************* */
#main #brand { width:260px; position:absolute; left:30px; top:30px; z-index:9999; }

@media all and (min-width:1280px) and (max-width:1920px){
/* ********************************************************************* */
/* CSS NAV ------------------------------------------------------------- */
/* ********************************************************************* */
#main nav#navDesktop { width:550px; height:60px; position:absolute; top:30px; left:330px; z-index:9999; }
#main nav#navDesktop ul { width:550px; height:60px; float:left; list-style:none; }
#main nav#navDesktop ul li { height:60px; float:left; margin:0px 2px; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; text-transform:uppercase; }
#main nav#navDesktop ul li a { height:26px; float:left; margin:12px 0px; padding:4px 14px; line-height:26px; background:transparent; color:#1b5451; text-decoration:none; }
#main nav#navDesktop ul li a:hover   { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }
#main nav#navDesktop ul li a.active { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }

/* ********************************************************************* */
/* CSS NAV MOBILE ------------------------------------------------------ */
/* ********************************************************************* */
#main #iconNavMobile { width:50px; height:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:absolute; top:35px; left:330px; background:#1b5451; cursor:pointer; display:none; z-index:9999; }
#main #iconNavMobile .iconNavMobileline001 { width:30px; height:2px; position:absolute; top:19px; left:10px; background:#ffffff; }
#main #iconNavMobile .iconNavMobileline002 { width:30px; height:2px; position:absolute; top:24px; left:10px; background:#ffffff; }
#main #iconNavMobile .iconNavMobileline003 { width:30px; height:2px; position:absolute; top:29px; left:10px; background:#ffffff; }
#main nav#navMobile { width:550px; height:60px; position:absolute; top:90px; left:30px; display:none; z-index:9999; }
#main nav#navMobile ul { width:550px; height:60px; float:left; list-style:none; }
#main nav#navMobile ul li { height:60px; float:left; margin:0px 2px; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; text-transform:uppercase; }
#main nav#navMobile ul li a { height:26px; float:left; margin:12px 0px; padding:4px 14px; line-height:26px; background:transparent; color:#1b5451; text-decoration:none; }
#main nav#navMobile ul li a:hover   { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }
#main nav#navMobile ul li a.active { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }

}

@media all and (min-width:200px) and (max-width:1279px){
/* ********************************************************************* */
/* CSS NAV ------------------------------------------------------------- */
/* ********************************************************************* */
#main nav#navDesktop { width:550px; height:60px; position:absolute; top:30px; left:330px; display:none; z-index:9999; }
#main nav#navDesktop ul { width:550px; height:60px; float:left; list-style:none; }
#main nav#navDesktop ul li { height:60px; float:left; margin:0px 2px; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; text-transform:uppercase; }
#main nav#navDesktop ul li a { height:26px; float:left; margin:12px 0px; padding:4px 14px; line-height:26px; background:transparent; color:#1b5451; text-decoration:none; }
#main nav#navDesktop ul li a:hover   { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }
#main nav#navDesktop ul li a.active { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }

/* ********************************************************************* */
/* CSS NAV MOBILE ------------------------------------------------------ */
/* ********************************************************************* */
#main #iconNavMobile { width:50px; height:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:absolute; top:35px; left:330px; background:#1b5451; cursor:pointer; display:block; z-index:9999; }
#main #iconNavMobile .iconNavMobileline001 { width:30px; height:2px; position:absolute; top:19px; left:10px; background:#ffffff; }
#main #iconNavMobile .iconNavMobileline002 { width:30px; height:2px; position:absolute; top:24px; left:10px; background:#ffffff; }
#main #iconNavMobile .iconNavMobileline003 { width:30px; height:2px; position:absolute; top:29px; left:10px; background:#ffffff; }
#main nav#navMobile { width:550px; height:60px; position:absolute; top:90px; left:30px; display:none; z-index:9999; }
#main nav#navMobile ul { width:550px; height:60px; float:left; list-style:none; }
#main nav#navMobile ul li { height:60px; float:left; margin:0px 2px; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; text-transform:uppercase; }
#main nav#navMobile ul li a { height:26px; float:left; margin:12px 0px; padding:4px 14px; line-height:26px; background:transparent; color:#1b5451; text-decoration:none; }
#main nav#navMobile ul li a:hover   { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }
#main nav#navMobile ul li a.active { height:26px; float:left; margin:12px 0px; padding:4px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; line-height:26px; background:#1b5451; text-decoration:none; }

}



/* ********************************************************************* */
/* CSS HOME ------------------------------------------------------------ */
/* ********************************************************************* */
#main #listSlider001  { width:25%; height:100%; float:left; }
#main #listSlider001 ul { width:100%; float:left; list-style:none; }
#main #listSlider001 ul li { width:100%; float:left; overflow:hidden; }

#main #listSlider002  { width:25%; height:100%; float:left; }
#main #listSlider002 ul { width:100%; float:left; list-style:none; }
#main #listSlider002 ul li { width:100%; float:left; overflow:hidden; }

#main #listSlider003  { width:25%; height:100%; float:left; }
#main #listSlider003 ul { width:100%; float:left; list-style:none; }
#main #listSlider003 ul li { width:100%; float:left; overflow:hidden; }

#main #listSlider004  { width:25%; height:100%; float:left; }
#main #listSlider004 ul { width:100%; float:left; list-style:none; }
#main #listSlider004 ul li { width:100%; float:left; overflow:hidden; }


#main #access { width:130px; height:130px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:30px; bottom:60px; background:#e6e3dc; z-index:999; }
#main #access img { width:130px; height:130px; float:left; }
#main #access #call{ width:84px; height:40px; position:absolute; left:-84px; top:50%; margin-top:-20px; font-family:'NexaHeavy'; font-weight:normal; font-style:normal; font-size:0.688em; color:#ffffff; text-transform:uppercase; line-height:40px; }

#main #construct { width:300px; position:absolute; Left:30px; bottom:100px; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#ffffff;  z-index:999; }

/* ********************************************************************* */
/* CSS CONTENT --------------------------------------------------------- */
/* ********************************************************************* */
#main #content { width:360px; position:absolute; right:0px; top:0px; background:#ffffff; overflow:auto; z-index:999; }

#main #content.about  { background:#ffffff; }
#main #content.about .contentAbout { width:84%; float:left; padding:40px 8%; background:#ffffff; }
#main #content.about .contentAbout h1 { font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#1b5451; text-align:left; margin-bottom:6%; }
#main #content.about .contentAbout p  { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.813em; color:#666666; text-align:left; margin-bottom:4%; line-height:120%; }
#main #content.about .contentAbout small  { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.813em; color:#666666; text-align:left; margin-bottom:4%; line-height:120%; }
#main #content.about .contentAbout a  { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.813em; color:#1b5451; text-align:left; margin-bottom:4%; line-height:120%; text-decoration:none; }


#main #content.contact  { background:#ffffff; }
#main #content.contact .contactOne { width:84%; float:left; padding:40px 8% 0px 8%; }
#main #content.contact .contactOne h1 { font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#1b5451; text-align:left; margin-bottom:6%; }
#main #content.contact .contactOne ul  { width:100%; float:left; list-style:none; }
#main #content.contact .contactOne ul  li  { width:100%; float:left; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#666666; text-align:left; line-height:20px; margin-bottom:2%; }
#main #content.contact .contactOne ul  li a { width:100%; float:left; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#666666; text-align:left; text-decoration:none; }
#main #content.contact .contactOne ul  li a:hover { width:100%; float:left; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#1b5451; text-align:left; text-decoration:none; }
#main #content.contact .contactOne ul  li  img { width:20px; height:20px; float:left; margin-right:6px; }

#main #content.contact .contactTwo { width:84%; float:left; padding:40px 8% 80px 8%; }
#main #content.contact .contactTwo h1 { font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:1.000em; color:#ffffff; text-align:left; margin-bottom:6%; }
#main #content.contact .contactTwo form  { width:100%; float:left; }
#main #content.contact .contactTwo form  label { width:100%; float:left; position:relative; display:block; margin-bottom:4%; }
#main #content.contact .contactTwo form  label span { width:100%; float:left; display:block; margin-bottom:0.4%; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.813em; color:#ffffff; text-align:left; }
#main #content.contact .contactTwo form  label input[type="text"] { width:96%; height:30px; float:left; padding:0% 2%; border:none; background:#ffffff; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#666666;  outline:none; }
#main #content.contact .contactTwo form  label textarea { width:96%; height:80px; float:left; padding:2% 2%; border:none; background:#ffffff; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#666666; outline:none; }
#main #content.contact .contactTwo form  label input[type="submit"] { width:80px; height:30px; float:right; border:none; background:transparent; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.875em; color:#ffffff;  outline:none; }
#main #content.contact .contactTwo div.error { width:10px; height:10px; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:12px; top:24px; z-index:999; background:#1b5451; }
#main #content.contact .contactTwo #status { width:100%; height:10px; display:block; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#ffffff; }



#main #contentSeasson { width:100%; position:absolute; right:0px; top:0px; background:#ffffff; overflow:auto; z-index:999; }
#main #contentSeasson.season .contentSeason { width:100%; float:left; background:#ffffff; }
#main #contentSeasson.season .contentSeason h1 { width:calc(100% - 30px); float:left; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:1.125em; color:#1b5451; text-align:left; margin-bottom:2%; margin-left:30px; }
#main #contentSeasson.season .contentSeason p  { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.875em; color:#666666; text-align:left; margin-bottom:2%; margin-left:30px; margin-top:140px; line-height:120%; }

#main #contentSeasson.season .contentSeason #season001 { width:calc(100% - 60px); float:left; margin:0% 30px 4% 30px; list-style:none; }
#main #contentSeasson.season .contentSeason #season001 .season001Content { width:19.2%; float:left; text-align:center; margin-bottom:2%; margin-right:-100%; }
#main #contentSeasson.season .contentSeason #season001 .season001Content .dateTitle { width:96%; float:left; padding:6% 2%; border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#ffffff; text-align:center; text-transform:uppercase; background:#2a5f5c; }
#main #contentSeasson.season .contentSeason #season001 .season001Content .dateImage { width:calc(92% - 2px); float:left; padding:6% 4%; border:1px solid #e2e2e2; border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; text-align:center; }
#main #contentSeasson.season .contentSeason #season001 .season001Content:nth-child(5n+1) { margin-left:0%;  clear:both; }
#main #contentSeasson.season .contentSeason #season001 .season001Content:nth-child(5n+2) { margin-left:20.2%; clear:none; }
#main #contentSeasson.season .contentSeason #season001 .season001Content:nth-child(5n+3) { margin-left:40.4%; clear:none; }
#main #contentSeasson.season .contentSeason #season001 .season001Content:nth-child(5n+4) { margin-left:60.6%; clear:none; }
#main #contentSeasson.season .contentSeason #season001 .season001Content:nth-child(5n+5) { margin-left:80.8%; clear:none; }

#main #contentSeasson.season .contentSeason #season002 { width:37.4%; float:left; margin:0% 0% 4% 30px; list-style:none; }
#main #contentSeasson.season .contentSeason #season002 .season002Content { width:49%; float:left; text-align:center; margin-right:-100%; }
#main #contentSeasson.season .contentSeason #season002 .season002Content .dateTitle { width:96%; float:left; padding:6% 2%; border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#ffffff; text-align:center; text-transform:uppercase; background:#2a5f5c; }
#main #contentSeasson.season .contentSeason #season002 .season002Content .dateImage { width:calc(88% - 2px); float:left; padding:6% 6%; border:1px solid #e2e2e2; border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; text-align:center; }
#main #contentSeasson.season .contentSeason #season002 .season002Content .dateImage img { width:100%; float:left; }
#main #contentSeasson.season .contentSeason #season002 .season002Content:nth-child(2n+1) { margin-left:0%;  clear:both; }
#main #contentSeasson.season .contentSeason #season002 .season002Content:nth-child(2n+2) { margin-left:51%; clear:none; }

#main #contentSeasson.season .contentSeason #season003 { width:calc(100% - 60px); float:left; margin:0% 30px 4% 30px; list-style:none; }
#main #contentSeasson.season .contentSeason #season003 .season003Content { width:24.25%; float:left; text-align:center; margin-bottom:2%; margin-right:-100%; }
#main #contentSeasson.season .contentSeason #season003 .season003Content .dateTitle { width:96%; float:left; padding:6% 2%; border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px;  font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#ffffff; text-align:center; text-transform:uppercase; background:#2a5f5c; }
#main #contentSeasson.season .contentSeason #season003 .season003Content .dateImage { width:calc(92% - 2px); float:left; padding:4% 4%; border:1px solid #e2e2e2; border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; text-align:center; }
#main #contentSeasson.season .contentSeason #season003 .season003Content .dateImage  img { width:100%; float:left; }
#main #contentSeasson.season .contentSeason #season003 .season003Content:nth-child(4n+1) { margin-left:0%;     clear:both; }
#main #contentSeasson.season .contentSeason #season003 .season003Content:nth-child(4n+2) { margin-left:25.25%; clear:none; }
#main #contentSeasson.season .contentSeason #season003 .season003Content:nth-child(4n+3) { margin-left:50.5%;  clear:none; }
#main #contentSeasson.season .contentSeason #season003 .season003Content:nth-child(4n+4) { margin-left:75.75%; clear:none; }


#main #contentSeasson.season .contentSeason #information { width:calc(59.4% - 62px); float:right; padding:2% 1%; margin:0% 30px 4% 0%; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#main #contentSeasson.season .contentSeason #information small { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.688em; color:#666666; margin-bottom:1%; }
#main #contentSeasson.season .contentSeason #information h2 { width:100%; float:left; font-family:'NexaHeavy', Arial, serif; font-weight:normal; font-style:normal; font-size:0.875em; color:#1b5451; text-align:left; text-transform:uppercase; margin-bottom:1%; }
#main #contentSeasson.season .contentSeason #information p { font-family:'NexaLight', Arial, serif; font-weight:normal; font-style:normal; font-size:0.750em; color:#666666; margin-bottom:1%; margin-left:0px;  margin-top:0px; }