body{
padding:0;
margin:0;
background-color: #F6F5F1;
}
#mobile{
display: none;
}
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.returnbutton a{
font-family:'Raleway';
text-decoration:none;
color:#FFFFFF;
background-color:#015778;
padding:10px 20px 10px 20px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
font-size:16px;
font-weight:bold;
border: none;
margin-top:10px;
}
.returnbutton a:hover{
color:#FFFFFF;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
background:#8cc460;
box-shadow: 5px 10px;
}
#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}
#headerwrap{
width:100%;
margin: 0 auto;
 background:#f6f5f1;
}
#header{
width:70%;
margin: 0 auto;
}

#header-left{
float:left;
width: 50%;
margin-top:10px;
margin-bottom:20px;
/*border: 1px solid red;*/
}
#header-left img {
width: 100%;
}
#header-right{
float:right;
width: 40%;
margin-right: 2%;
margin-top:50px;
margin-bottom:20px;
text-align:right;
/*border: 1px solid blue;*/
}
#tag{
float:right;
font-family: 'Raleway', sans-serif;
font-size:30px;
color:#000000;
font-weigtht: 700;
}
#tag a{
color:#FFFFFF;
}
#clear{
clear: both;
float:left;
width: 100%

}
a.page-btn {
font-family: 'Raleway', sans-serif;
    font-size:20px;
	font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
    background:#9B248C;
    padding:10px 14px;
    cursor:pointer;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
	border-radius: 20px;
}
.page-btn:hover {
    color:#fff;
    background: #34495e;

}
a.page-btngr {
 font-family: 'Raleway', sans-serif;
    font-size:17px;
    text-transform:uppercase;
	font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
    background:#76BE40;
    padding:10px 14px;
    cursor:pointer;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
	border-radius: 20px;
}
.page-btngr:hover {
    color:#fff;
    background: #34495e;

}

.box{
position: relative;
display: inline-block; /* Make the width of box same as image */
}
.box img{
width: 100%;
}
.box .text{
position: absolute;
z-index: 999;
margin: 0 auto;
left:0;
right: 30%;
top: 20%; /* Adjust this value to move the positioned div up and down */
width: 40%; /* Set the width of the positioned div */
}

#topwave{
clear: both;
width:100%;
margin: 0 auto;
float: left;
}
#topwave img{
width:100%;
}
#bottomwave{
clear: both;
width:100%;
margin: 0 auto;
float: left;
}
#bottomwave img{
width:100%;
}
#bluebox{
float: left;
background: #46A9D6;
clear: both;
width:100%;
margin: 0 auto;
}
#left{
float:left;
width:40%;
margin-right:20%;
margin-top: 50px;
}
#right{
float:right;
width:40%;
margin-top: 50px;
}
#videomine{
margin:0 auto;
width:100%;
padding-top:40px;
padding-bottom:20px;
padding-right:20px;
}
#videomine a{
font-family: 'Raleway', sans-serif;
font-size:40px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#videomine a:hover{
color:#cccccc;
}
#fullbox {
clear: both;
margin:0 auto;
width: 100%;
}
#halfboxwrap{
clear: both;
max-width: 1400px; 
margin:0 auto;
}
#left-half-box{
float:left;
width:47%;
margin-right:6%;
}
#left-half-box img{
width:100%;
}
#right-half-box{
float:right;
width:47%;
}
#texthalf{
margin:0 auto;
width:50%;
}
#text60{
float: left;
clear: both;
width:60%;
padding-bottom: 30px;
 
}
#text100{
clear: both;
margin:0 auto;
width:100%;

}
#clear{
clear: both;
float:left;
width:100%;
}
.white{
color: #ffffff;
}
.blue{
color: #46A9D6;
}
.darkblue{
color: #076183; 
}
.medblue{
color: #005677; 
}

.gray{
color: #9D9E9F;
}
.black{
color: #000000;
}
#content{
margin:0 auto;
width:100%;
}
 
#colwrap{
clear: both;
width: 100%; 
margin:0 auto;
}
#container {
margin:0 auto;
max-width: 1200px; 
}

#col {
margin:0 auto;
float: left;
width: 20%;
padding: 5%;
color: #076183; 
font-family: 'Raleway', sans-serif;
font-size:22px;
font-weight:bold;
text-align:center;
}
#col img {
width: 100%;

}

h1{
font-family: 'Raleway', sans-serif;
color:#FFFFFF;
font-size:60px;
margin-bottom:5px;
}
h2{
font-family: 'Raleway', sans-serif;
font-size:40px;
color:#FFFFFF;
font-weight:bold;

}
h3{
font-family: 'Raleway', sans-serif;
font-size:30px;
color:#FFFFFF;
font-weight:bold;
 
}
p{
font-family: 'Raleway', sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
.p16{
font-family: 'Raleway', sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}
.p20{
font-family: 'Raleway', sans-serif;
font-size:20px;
font-weight:bold;
color:#000000;
}
.text40{
font-family: 'Raleway', sans-serif;
font-size:40px;
color:#FFFFFF;
font-weight:bold;
}
.text30{
font-family: 'Raleway', sans-serif;
font-size:30px;
color:#FFFFFF;
font-weight:bold;
}
.smallp{
font-family: 'Raleway', sans-serif;
font-size:10px;
font-weight:bold;
}
 
#bluebox li{
font-family: 'Raleway', sans-serif;
font-size:16px;
color:#ffffff;
font-weight:bold;
margin-bottom: 15px;
}
#formwrap  {
width:50%;
margin:0 auto;
padding:20px;
background: #46A9D6;
color: #FFFFFF;
}
#form {
width:90%;
margin:0 auto;
}
#formleft  {
float:left;
width:45%;
margin-right:5%;
margin-bottom:0;
}

#formright {
float:right;
width:45%;
margin-bottom:0px;
/*text-align: center;*/
}
.forminput{
float: right;
font-size: 18px;
min-height: 30px;
color:#333333;
padding:1px;
margin-bottom:25px;
width:100%;
background:#FAFAFA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #CCCCCC;
border-radius: 2px;
}
.subbutton{
font-family: 'Raleway', sans-serif;
margin-top: 20px;
    font-size:17px;
    text-decoration:none;
    color:#FFFFFF;
		font-weight:bold;
    background:#76BE40;
    padding:10px 20px;
    cursor:pointer;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
	border: 1px solid #FFF;
	border-radius: 20px;
}

 
#footerwrap {
float: left;
clear: both;
margin:0 auto;
width: 100%;
padding-top: 50px;
}
#footer {
margin:0 auto;
max-width: 1200px;
}
#footerleft {
float: left;
padding-right: 10%;
width: 30%;
font-weight:bold;
}
#footermid {
float: left;
padding-right: 10%;
width: 25%;
font-weight:bold;
text-align:center;
}
#footerright {
float: right;
width: 15%;
font-weight:bold;
text-align:right;
}
#footer a{
font-family: 'Raleway', sans-serif;
font-size:11px;
color:#363636;
text-decoration:none;
}

#footer a:hover{
color:#000000;
}

#footer p{
font-family: 'Raleway', sans-serif;
font-size:11px;
color:#363636;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* MEDIA QUERIES*/
@media screen and (max-width: 1380px) {
h1{
font-family: 'Raleway', sans-serif;
color:#FFFFFF;
font-size:50px;
margin-bottom:5px;
}
h2{
font-family: 'Raleway', sans-serif;
font-size:28px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:20px;
}
h3{
font-family: 'Raleway', sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:10px;
}
p{
font-family: 'Raleway', sans-serif;
font-size:14px;
font-weight:bold;
}
#fullbox li{
font-family: 'Raleway', sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
}
#header{
width:90%;
margin: 0 auto;
}
.box .text{
right: 50%;
top: 10%; /* Adjust this value to move the positioned div up and down */
width: 40%; /* Set the width of the positioned div */
}

}
@media screen and (max-width: 1180px) {


}
@media screen and (max-width: 1100px) {
.box .text{
position: absolute;
z-index: 999;
margin: 0 auto;
left:0;
right: 50%;
top: 5%; /* Adjust this value to move the positioned div up and down */

}
h1{
font-family: 'Raleway', sans-serif;
color:#FFFFFF;
font-size:30px;
margin-bottom:5px;
}
h2{
font-family: 'Raleway', sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:20px;
}
h3{
font-family: 'Raleway', sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:10px;
}
}
@media screen and (max-width: 950px) 
{

#footerleft {
float:none;
width: 90%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
padding-right: 0;
text-align:center;
}
#footermid {
float:none;
width: 90%;
margin:0 auto;
padding-right: 0;
text-align:center;
}
#footerright {
float:none;
width: 90%;
margin:0 auto;
text-align:center;
}
#texthalf{
width:90%;
}

}
@media screen and (max-width: 900px) {
.box{
display: none;
}
#mobile{
display: inherit;
}
#mobile img{
width: 100%;
}


#left{
float:none;
width: 90%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}
#right{
float:none;
width: 90%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}
 
#left-half-box{
float:none;
width: 98%;
margin:0 auto;
text-align: center;
margin-top:20px;
margin-bottom:20px;
}
#right-half-box{
float:none;
width: 90%;
margin:0 auto;
text-align: center;
margin-top:20px;
margin-bottom:20px;
}
#formwrap  {
width:90%;
}
#text50{
margin:0 auto;
width:95%;
}
#text60{
margin:0 auto;
width:95%;
}
#text100{
margin:0 auto;
width:95%;
}

}
@media screen and (max-width: 700px) {


}
 /* If the browser window is smaller than 600px, make the columns stack on top of each other */
@media only screen and (max-width: 600px) {
#header-left{
float:none;
width: 100%;
margin:0 auto;
text-align: center;
margin-top:20px;
margin-bottom:20px;
}
#header-right{
float:none;
width: 100%;
margin:0 auto;
text-align: center;
margin-top:20px;
margin-bottom:20px;
}

} 
@media screen and (max-width: 500px) {
#col {
font-size:16px;
float:none;
width: 90%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;

}

@media screen and (max-width: 480px) {
#leftbox{
width:98%;
}
#rightbox{
width:98%;
}


	
}