/*

 grey #989898;
 orange #fe0000;
*/
*{
  margin:0px;padding:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html{height:100%; }

body{
  font-family: 'Open Sans', sans-serif;
  text-align:center;
  color:#231f20;
  font-size:17px;
}

ul,ol{margin-left:10px;margin-bottom:10px;}
li{margin-left:10px;}

h1{
  font-family: 'Merriweather', sans-serif;
  font-family: 'Montserrat', sans-serif;
  text-transform:none;
  font-weight:500;
  font-size:65px;
  line-height:65px;
  margin-bottom:0px;

}

.outerBannerContent h1{
  text-align:center;
}
.contentPad h1{
  margin-bottom:20px;
}

h2{
  font-size:35px;
  font-weight:bold;
  font-family: 'Merriweather', sans-serif;
  font-family: 'Montserrat', sans-serif;
  margin-bottom:20px;
}
h3{
  font-family: 'Montserrat', sans-serif;
  font-size:21px;
  font-weight:bold;
  margin-bottom:10px;

}

h4{

  margin-bottom:15px;
}
h5{
  font-family: 'Open Sans', sans-serif;
  margin-bottom:5px;
  font-size:15px;
  text-transform:uppercase;
}
p{margin-bottom:16px;}

.pageOuter{
  width:100%;
}

.pageInner{
  margin-left:auto;
  margin-right:auto;
  width:1170px;
  text-align:left;
}
.pageInner a{
  color:#414141;
}
  .pageInner a:hover{color:#908e8e;}

.contentPad{
  padding-top:60px;
  padding-bottom:60px;
}


.content50Left,
.pageHalfLeft{
  padding:0px 60px 60px 0px;
  width:50%;
  float:left;
}
.content50Right,
.pageHalfRight{
  float:left;
  width:50%;
}

.content60Left{
  padding:0px 60px 60px 0px;
  width:60%;
  float:left;
}
.content40Right{
  float:left;
  width:40%;
}

.content40Right img,
.content50Right img{
  width:100%;
  height:auto;
}

.sidemenu{
  margin:0px;
  margin-bottom:30px;
  padding:0px;
  list-style:disc;
}
  .sidemenu li{float:left;margin-left:15px;}
  .sidemenu li a{padding-right:30px;}
  .sidemenu li a.selected{font-weight:bold;}

/* --------------------- Header -------------------- */
.headerOuter{
  background:#fff;
  padding:30px 0px;
  background:url(../images/bg_header_outer_right_large.png) bottom right no-repeat;
  background-size:auto 140px;
}
.headerOuter .pageInner{height:100%;}
  .headerOuter .logo{
    display:block;
  }
    .headerOuter .logo img{

      width:auto;
      max-width:330px;
      height:auto;
      -webkit-transition: all 2s; /* Safari */
      transition: all 2s;
    }

  .logo{
    height:100%;
    float:left;
  }
  .headerContent{
    float:right;
    height:85px;
    display:inline-block;
    color:#0a8240;
    font-size:20px;
    text-align:right;
  }

  .headerContent a{color:#000;text-decoration:none;}

  .stickied .headerContent{
    margin-top:5px;
  }

  .stickied{
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
    z-index: 19999;
    box-shadow:5px 5px 5px #000000aa;
  }
  .stickied .menuContainer{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .stickied .logo{margin-top:5px;}
  .stickied .logo img {
    width: auto;
    margin-top:10px;
    max-width:300px;
    height:65px;
    max-height:65px;

  }
/* --------------------- /Header -------------------- */


/* --------------------- Banner -------------------- */

.bannerSmoke {
  background: rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.30);
}

  .outerBannerHome .bannerSmoke{

  }

.bannerInner{
  width:100%;
  height:100%;
  display:block;
  background:rgba(255,255,255,0.65);
}

  .outerBannerHome{
    height:35vw;
    min-height:330px;
    max-height:600px;
    /*background:url(../images/demo-header.jpg) top center no-repeat #191919;*/
    background-color:#ffffff;
    background-size:100% 275px;
    background-size:100% auto;
    /*background-size:100% auto;*/
    background-position:center center;
    background-repeat:no-repeat;
      background-attachment: fixed;
    box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);
  }
  .outerBannerHome h1{
    font-weight:normal;
    color:#ffffff;
  }
  .outerBannerHome h2{
    font-weight:normal;
    margin-top:15px;
    color:#ffffff;
  }

  .outerBannerHome .pageInner{
    padding-top:50px;

    padding-top:1.5vw;
    padding-bottom:1.5vw;
    color:#000000;
    text-shadow:1px 1px 3px #393939;
    text-align:center;
    font-size:25px;
  }
  .outerBannerHome .pageInner ul{text-shadow:none;}

.outerBannerContent{
  max-height:360px;
  height:30vw;
  background:center center no-repeat #313131;

  background-size:cover;
  background-attachment: fixed;
}

  .outerBannerContent .pageInner{
    padding-top:5vw;
    padding-bottom:5vw;

    text-align:left;
    font-size:25px;
  }
  .outerBannerContent h1{
        color:#ffffff;
    text-shadow: 1px 1px 10px #231f20;
    font-family: 'Montserrat', sans-serif;
  }
/* --------------------- /Banner -------------------- */

.pageOuterIntro .pageInner{
  text-align:center;
  padding-left:10%;
  padding-right:10%;
}

/* --------------------- Content -------------------- */
  .pageContentLeft{
    float:left;
    width:850px;
    padding-right:50px;
    padding-left:15px;
  }
  .pageContentRight{
    float:left;
    width:311px;
  }

  .page50Left{
    float:left;
    width:50%;
    padding-right:50px;
  }
    .page50Left img{max-width:100%;height:auto;}
  .page50Right{
    float:left;
    width:50%;
  }
    .page50Right img{max-width:100%;height:auto;}

  .page20Left{
    float:left;
    width:20%;
    margin-bottom:20px;
    text-align:center;
  }
    .page20Left img{
      width:100%;
      height:auto;
    }
  .page80Right{
    float:left;
    width:77%;
    margin-left:2%;
    margin-bottom:20px;
  }

  .page30Left{
    float:left;
    width:30%;
  }
    .page30Left img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
  .page70Right{
    float:left;
    width:67%;
    margin-left:2%;
    margin-bottom:20px;
  }


  .page70Left{
    float:left;
    width:70%;
    padding-right:20px;
  }
  .page30Right{
    float:left;
    width:30%;
  }
    .page30Right img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
/* --------------------- /Content -------------------- */

/* --------------------- Gallery -------------------- */
.thumb_class{
  float:left;
  padding:2px;
  border:1px solid #dfdfdf;
  margin-top:10px;
  margin-left:1%;
  margin-right:1%;
  width:23%;
  vertical-align:middle;
  background-color:#ffffff;
}
.thumb_class a{

  width:100%;
  vertical-align:middle;
}
.thumb_class a:active,.thumb_class a:visited{
  color:inherit;
}
.thumb_class a img{
  width:100%;
  height:auto;
  vertical-align:middle;
}
/* --------------------- /Gallery -------------------- */


/* --------------------- Quicklinks -------------------- */
  .quicklinksOuter{

    background:#f6f6f6;
    padding:90px 0px 60px 0px;
  }

.quicklinksContainer{
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;  
  align-items: top;
  justify-content: center;

}

  .quicklinksImage{
    display: block;
      border-radius:10px;
      border:0px;
  }
  .quicklinksImage img{border:0px;}
.quicklinksCell{
  /*
  float:none;
  display:inline-block;
  width:31.3%;
  font-size:14px;
  margin-left:1%;
  margin-right:1%;
  flex-grow:1;
  */
  margin-bottom:20px;
  text-align:center;
  float:left;
  display:block;
  width:31.33%;
  width:23%;
  font-size:14px;
  margin-left:1%;
  margin-right:1%;
  border-radius:10px;


}
  .quicklinksCell h3{
    color:#fff;
    font-size:30px;
    font-weight:500;
    text-shadow: 1px 1px 15px rgba(0,0,0,0.73);
  }
  .quicklinksCell h4{
    color:#188942;
    font-size:16px;
    font-weight:bold;
  }
  .quicklinksImage{
    background:#fff top center no-repeat;
    background-size: cover;
    position:relative;
    box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);

  }
  .quicklinksCellText{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition: .5s ease;
    background:rgba(44,46,56,0.15);
      border-radius:10px;
  }
  .quicklinksInfo{
    padding-top:18px;
    min-height: 110px;
    padding-left: 10px;
    padding-right: 10px;
    
  }
  .quicklinksImage:hover .quicklinksCellText{
    background:rgba(255,58,24,0.45);
    background:rgba(44,46,56,0.75);
  }
/* --------------------- /QuickLinks Cell -------------------- */

/* --------------------- Forms -------------------- */

  form input{
    margin-bottom:1px;
  }
  form input[type="text"],
	form input[type="password"]{
    float:left;
    width:100%;
    background:#dfdfdf;
    border:0px;
    padding-left:20px;
    margin:0px;
    margin-bottom:1px;
    line-height:44px;
    color:#0d2b42;
  }

  form input[type="text"].textFullWidth{
    width:100%;
  }

form select{
	width:100%;
	background:#dfdfdf;
	border:0px;
	padding:10px 15px;
	margin:0px;
	margin-bottom:1px;
	line-height:44px;
	color:#0d2b42;
}
  form textarea{
    width:100%;
    background:#dfdfdf;
    border:0px;
    margin-bottom:10px;
    padding-left:20px;
    line-height:44px;
    color:#363636;
    font-family:'Open Sans';
    font-size:13px;
  }
  .formHalf{
    width:50%;
  }

  form input[type="submit"]{
    background:#dfdfdf;
    color:#363636;
    padding:15px 25px;
    border:2px solid #ffffff;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
   }
   form input[type="submit"]:hover{
		background:#363636;
		color:#ffffff;
   }

/* --------------------- /Forms -------------------- */

/* --------------------- Call to Action -------------------- */

.callToAction{
  background:#dfdfdf;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
}
  .callToAction .bannerSmoke{
    padding:30px 0px;
  }
  .callToAction .pageInner{
    text-align:center;
    text-shadow: 9px 9px 15px rgba(0,0,0,0.3);
  }
  .callToAction .pageInner > p,
  .callToAction .pageInner > p > span{
    padding:0px 15px;
    font-weight:bold;
    color:#000000;
    vertical-align:middle;
  }

  .callToAction h2{
    font-size:29px;
  }
  .callToAction  strong,
  .callToAction h3{

    font-size:21px;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
    display:inline-block;
    font-weight:bold;
    margin:0px;
    vertical-align:middle;
  }
/* --------------------- /Call to Action -------------------- */

/* --------------------- Video -------------------- */
.videoContainer{
  position: relative;
  height:40vw;
}
video.fullscreen {
  position: absolute;
  z-index: 0;
  
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
    object-fit: cover;
  transform: translate(-50%, -50%);

  &::-webkit-media-controls {
     display:none !important;
  }
  
}
/* --------------------- /Video -------------------- */

/* --------------------- /Sponsors -------------------- */
.pageOuterSponsors{

}
  .pageOuterSponsors .pageInner{
    padding:50px 0px;
    text-align:center;
  }
  .sponsorImage{
    display:inline-block;
    width:10%;
    height:auto;
    margin-left:1.15%;
    margin-right:1.15%;
  }
/* --------------------- /Sponsors -------------------- */

/* --------------------- Footer -------------------- */


  .footerOuter{
    background:#343434;
    background:#21a0d9;
    background:#0a8240;
    padding-top:40px;
    padding-bottom:40px;
    font-size:16px;
    line-height:22px;
    color:#ffffff;
  }
    .footerOuter a{color:#ffffff;text-decoration:none;}
    .footerOuter ul.sysmenulist li a{color:#000000;padding-left:15px;}

    .footerOuter h3{
      font-size:14px;
      color:#000000;
      text-transform:uppercase;
      margin-bottom:15px;
      font-family:'Open Sans';
      font-weight:bold;
    }
    .footerOuter ul{
      list-style:none;
    }
    .footerOuter ul li{
      margin:0px;
      padding:0px 5px;
    }

    .footerLeft{
      float:left;
      width:50%;
    }
    .footerLeft a{color:#ffffff;text-decoration:none;}

      .footerLogo{
        display:block;
        width:174px;
        margin-top:140px;
      }
        .footerLogo img{
          width:100%;
          height:auto;
        }

    .footerRight{
      float:right;
      text-align:right;
      width:50%;
    }
    .footerRight ul{float:right;}


.websiteBy{
  background:#333333;
  line-height:60px;
}
  .websiteBy .pageInner{
    font-size:13px;
    color:#ffffff;
    text-align:center;
  }
  .websiteBy .pageInner a{
    color:#ffffff;
    text-transform:none;
    text-decoration:none;
  }

/* --------------------- /Footer -------------------- */

.bgStatic{
  background:#88c946;
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bgBlue{
  background:#22a1da;
}
.bgGreen{
  background:#88c946;
}

.icon_phone{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_phone.png) center left no-repeat;
}

.icon_email{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_email.png) center left no-repeat;
}


.button{
  background:#231f20;
  background:#21a0d9;
  color:#ffffff !important;
  text-decoration:none;
  text-transform:none;
  display:inline-block;
  padding:10px 20px;
  text-shadow:1px 1px rgba(10,10,11,0.75);
  margin-right:15px;
  font-weight:bold;
  border-radius:20px;
  font-size:18px;
  box-shadow:10px 10px 15px rgba(0,0,0,0.250);
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
}
.button:hover{background:#88c946;}

.buttonGreen{
  background:#88c946;
  background:#0a8240;
}
.buttonGreen:hover{
  background:#21a0d9;
  background:#88c946;
}
.headerContent .button{
  font-size:16px;
  font-weight:500;
  text-shadow:1px 1px rgba(10,10,11,0.25);
  box-shadow:1px 1px 3px rgba(0,0,0,0.41250);
}

  .callToAction .button{
    background:#231f20;
    background:#22a1da;
    
    box-shadow:10px 10px 15px rgba(0,0,0,0.20);

  }
  .callToAction .button:hover{background:#88c946;}

.summaryItem{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #dddddd;
}
#summaryItemContent{
  padding-bottom:15px;

}

.pdf {
    display: inline-block;
    background: url(../images/icon_pdf.png) center left no-repeat;
    padding-left: 35px;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
    color: #040708 !important;
    text-decoration: none;
}

.splitHalfContent {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
}
.crumbTrail {
  clear: both;
  margin-bottom: 20px;
}
.mobVertCentOuter{display:table;width:100%;height:100%;}
.mobVertCent {display: table-cell;vertical-align: middle;width:100%;height:100%;}
.mobVertBottom {display: table-cell;vertical-align: bottom;width:100%;height:100%;}
.message{font-size:13px;padding:5px;margin:5px;border:1px solid #555555;}
.note{font-size:12px;padding:5px;margin:5px;border:1px solid #00ff00;}
.stickyContainer{z-index:50000;}
.debug{border:1px solid #00ff00;}
.clr{clear:both;}

.sysmenulist li a {color: #363636 !important;}