/* User Defined CSS*/
*{-webkit-transition: 0.1s;}

body{line-height: 2.5em; height: 100%;}

a:hover{text-decoration: none;}

.white{background: #fff;}

header.head{}

img.logo{float: left; padding-right: 30px;}
.banner{text-align: center; padding: 15% 15% 5% 15%;}

.about .banner{text-align: center; padding: 10% 15% 5% 15%;}
.resources .banner{text-align: center; padding: 10% 15% 5% 15%;}

.banner h1{margin: 0; color: #00ADED; font-size: 85px;}

.logo:hover{opacity: 0.6;}

.navbar-blue {
  background: #00ADED;

  background-repeat: repeat-x;
}

.navbar-blue .navbar-nav > .active > a {
  background: #078CE0;
}
.navbar-blue .navbar-brand,
.navbar-blue .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  color: #fff;
  height: 62px;
  line-height: 2.2em;
}
.navbar-blue .navbar-nav > li > a:hover{background: #078CE0;}

section h2{font-size: 38px; margin: 3% 0;}
section p{margin: 0;}
section img{width: 100%;}
section#section_0{padding: 0% 15% 10% 15%; background: #fff; min-height: 400px; height: 100%; overflow-y: hidden; font-size: 1em; }
section#section_0 .innerText{padding-left: 3%;}
section#section_0 .grayText{color: #E05B07;}
section#section_0 .blueText{color: #078CE0;}
section#section_1{padding: 0% 10% 0% 10%; background: #F3F3F3; min-height: 400px; height: 100%; overflow-y: hidden; }
section#section_2{padding: 4% 15% 4% 15%; background: #9122d7; color: #fff; }
section#section_3{padding: 4% 15% 4% 15%; background: #FFF;  z-index: 997; text-align: center;}
section#about{padding: 4% 15% 0% 15%; background: #078CE0; color: #fff; margin-top: -7%; z-index: 998; position: relative; text-align: center; }

section#section_1 aside{ min-height: 100%;
    height:auto !important; /* cross-browser */
    height: 100%; /* cross-browser */ padding-top: 0%; overflow-y: auto;}

.about section#section_1 aside{padding-top: 4%;}

section#section_1 ul{list-style-type: none;}
section#section_1 ul h3{color: #078CE0; margin-top: 2%;}
section#section_1 ul img{margin: 1% 0;}

section#section_2, section#section_3 h2{text-align: center;}
section#section_2 button{background: none; border: 1px solid #fff; -webkit-border-radius: 6px; border-radius: 6px; padding: 1% 5%; font-size: 26px; display: block; margin: 15px auto;}
section#section_2 button:hover{background: #fff; color: #9122d7; border: 1px solid #fff;}
section#section_2 button:hover > a{color: #9122d7;}
.html5volc{height: 100%; margin:  0 0 -30% 0;}
.w3link{color: #fff;}
a.w3link:visited{border: 1px solid #fff;}
section#section_3 img{width: 80%; margin-top: 50px;}
form.contact{padding: 3% 15%; text-align: center;}
form.contact label{float: left; width: 20%; text-align: left;}
form.contact .form-group{margin: 20px 0; }
form.contact .form-group .text-danger{clear: both; float: left;}
form.contact .form-group .text-danger li{font-weight: bold;}
form.contact .form-group .form-control{padding: 20px; float: left; width: 70%;}
form.contact .form-group textarea.form-control{resize: none; height: 200px;}
form.contact button{background: none; border: 1px solid #fff; -webkit-border-radius: 6px; border-radius: 6px; padding: 1% 15%; font-size: 26px; display: block; margin: 0px auto;}
form.contact button:hover{background: #fff; color: #078CE0; border: 1px solid #fff;}
footer{padding: 0.5% 5% 0% 5%; background: #fff; color: #00ADED; margin: 0; text-align: center;}
footer p{margin: 0; padding: 0;}
footer ul li{ display: inline-block; margin: 0 1%; font-size: 0.9em;}
footer ul li a:hover{text-decoration: none;}

#validateframe{text-align: center;}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

small{font-size: 16px;}

/**About**/
img.profilepic{-webkit-border-radius: 78px; border-radius: 78px; padding: 3px; border: 1px solid #E05B07;}
img.profilepic:hover{-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);}
ul.aboutlist{list-style-type: none; padding: 0; margin: 0; }
ul.aboutlist li, ul.aboutlist li a{font-size: 22px; margin: 1.5% 0; color: #D1D1D1;}
ul.aboutlist li:hover, ul.aboutlist li a:hover{color: #A6A6A6;}
ul.aboutlist span{margin-right: 20px; }

.about section#section_1{padding: 0% 10% 7% 10%;}
.about h2{color: #00ADED;}
#about p, a{color: #00ADED;}
#about a:hover{text-decoration: none; color: #fff;}
#about strong:hover{text-decoration: none; color: #fff;}
 #about h2{color: #fff;}

#validator{padding: 5%; text-align: center;}
.wrapper         {width:90%; max-width: 800px; height:100%; margin:0 auto; background:#CCC}
.h_iframe        { position:relative; padding-top: 56%;}
.h_iframe iframe {overflow: hidden; position:absolute;top:0;left:0;width:100%; height:100%; border: 0;}

/* Resources */
.resources section#section_1{padding: 4% 10% 7% 10%;}
.resources ul.aboutlist{list-style-type: none; padding: 0; margin: 0; }
.resources ul.aboutlist li, ul.aboutlist li a{font-size: 22px; margin: 1.5% 0; color: #A6A6A6; font-weight: normal;  text-align: left}
.resources ul.aboutlist li:hover, ul.aboutlist li a:hover{color: #078CE0;}
.resources ul.aboutlist span{margin-right: 20px; }