@charset "UTF-8";
/* CSS Document */

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}


/* ESSENTIALS */

@media (max-width: 99999px) and (min-width: 960px){
body, html { 
 margin:0;
 padding:0;
  font-family: 'Dosis', sans-serif;
 font-size: 17px;
color: #fff;
background-color:#121947;
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

	#bg1 { 
	background: url(../images/bg-home.jpg) no-repeat top center fixed; 
    background-color: white;

}
	
#bg2 { 
	background: url(../images/bg-home2.jpg) no-repeat top center fixed; 
background-color: white;
}
	#bg3 { 
	background: url(../images/bg-home3.jpg) no-repeat top center fixed; 
background-color: white;
}

}
@media (max-width: 961px){
body, html { 
 margin:0;
 padding:0;
  font-family: 'Dosis', sans-serif;
 font-size: 17px;
color: #fff;
background-color:#121947;
	
	background: url(../images/bg-home.jpg) no-repeat top center fixed; 


}}

@media (max-width: 99999px) and (min-width: 960px){
.header {max-width: 1000px; margin:auto; margin-bottom: 0px; padding:20px}}

@media (max-width: 961px){
.header {max-width: 1000px; margin:auto; margin-bottom: -40px!important; padding:0px}
}}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
@media (max-width: 99999px) and (min-width: 960px){
.innercontent {max-width: 1000px; padding:20px; margin: auto; }
	.innercontentbulk {max-width: 1000px; padding:40px 20px 40px 20px; margin: auto; }
	.innercontentsub {max-width: 1000px; padding: 20px 20px 100px 20px; margin: auto; }
}

@media (max-width: 961px){
.innercontent {max-width: 1000px; padding: 0px 20px 0 20px; margin: auto; }
.innercontentbulk {max-width: 1000px; padding:40px 20px 40px 20px; margin: auto; }
	.innercontentsub {max-width: 1000px; padding: 0px 0px 0px 0px; margin: auto; }
} /*padding: 0px 20px 0px 20px;*/



@media (max-width: 99999px) and (min-width: 960px){
.column {
	
  float: left;
  width: 50%;
	min-width: 420px;
}
} 


@media (max-width: 961px){
.column {
	
  float: left;
  width: 50%;
	min-width: 330px;
}
} 
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.contacttext {top:-8px; position:relative;}

p {margin:0; padding:0; margin-bottom:20px;    line-height: 30px; }

hr {
   border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 99999px) and (min-width: 960px){
.maxwidth240{}
}

@media (max-width: 961px){
.maxwidth240{max-width:240px;}
}

a:link, a:visited{color:#fff;}

#clusterlight a:link, #clusterlight a:visited{color:#261a9a;}


/* NAVIGATION */

.mainmenu {font-family: 'Dosis', sans-serif; border-radius: 15px;-webkit-border-radius: 15px; -moz-border-radius: 15px; }
a.mainmenunew:link, a.mainmenunew:visited { border:2px solid transparent; background-color: transparent; color: #172357!important;}
a.mainmenunew:hover { border:2px solid #172357; background-color: transparent; color: #172357!important;}


a.mainmenunewactive:link, a.mainmenunewactive:visited { border:2px solid transparent;  background-color: transparent; color: #5462a0!important;}
a.mainmenunewactive:hover { border:2px solid #172357; background-color:#172357;color: #fff!important;}


.navmain { text-align: right; /*margin-right: 40px;*/  margin-top: -50px;  font-size: 16px; font-weight: bold; margin-bottom: -4px;padding-inline-start: 0px;}
.navmain ul {  list-style-type:none; margin:0; padding:0;  }
.navmain li {   text-align: center!important;  display: inline-block;    margin:0 2px 12px 2px;}
.navmain a { padding: 2px 14px 5px 15px;  text-decoration:none; -webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;  }


		@media screen and (max-width: 960px){
.mainmenu {
	
		border-radius: 21px!important;
    -webkit-border-radius: 21px!important;
    -moz-border-radius: 21px!important;
	}
			}


	/* [ON BIG SCREEN] */
	/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
  width: 100%;
 
  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

/* Hide Hamburger */
#page-nav label, #hamburger {
  display: none;color: #121947;
}

/* Menu Items */
	@media screen and (max-width: 960px){
#page-nav ul {
  list-style-type: none;
  margin: 0px 0 80px 0;
  padding: 0; 
	font-size: 1.5em;

}}
	@media screen and (max-width: 960px){
#page-nav ul li {
  display: inline-block;
  padding: 10px 0 0px 0;
  box-sizing: border-box;
}}
#page-nav ul li a {
  color: #fff;
  text-decoration: none;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 960px){
  /* Show Hamburger */
  #page-nav label {
    display: block;
 cursor: pointer;
   text-align: right;
 
   font-size: 50px;

float: right;
	  margin: auto;
position: relative;

margin-top: -70px;
margin-right: 10px;
  }

  /* Break down menu items into vertical */
  #page-nav ul li {
    display: block;
  }
  #page-nav ul li {
    /*border-top: 1px solid #333;*/
  }

  /* Toggle show/hide menu on checkbox click */
  #page-nav ul {
    display: none;
  }
  #page-nav input:checked ~ ul {
    display: block;
  }
}


/* OTHER */
@media (max-width: 99999px) and (min-width: 960px){
.logo {margin-left: 4px;max-width:400px;}
	}

@media (max-width: 961px){
.logo {margin-left: 20px;
max-width: 270px;
margin-top: 20px;}
}

h1 {margin: auto;
display: inline-block;
position: relative;
text-align: center;

font-size: 34px;
line-height: 40px;
font-weight: 400; 

}

h1.sub {margin: auto;
display: inline-block;
position: relative;
text-align: center;

font-size: 34px;
line-height: 40px;
font-weight: 400; 

}

h2 {margin: auto;
display: inline-block;
position: relative;
text-align: left;
font-size: 24px;
line-height: 40px;
font-weight: 100;

max-width: 540px;
}

h3 { font-size: 34px; text-align:center; color:#261a9a; }
h4 { font-size: 20px; text-align:center; color:#261a9a; font-weight:200; margin-top: -30px;  margin-bottom:40px;}
h5 { font-size: 28px;
margin: 6px auto;}

@media (max-width: 99999px) and (min-width: 960px){
.strapback1 {padding: 8px 22px 8px 22px;
	background-color:rgba(23,35,87,1); /*#172357;*/max-width: 740px;padding: 20px; margin-top:50px;}
}
@media (max-width: 961px){
.strapback1 {padding: 8px 22px 8px 22px;
	background-color:rgba(23,35,87,1); /*#172357;*/max-width: 700px;padding: 20px; margin-top: 50px;}
}
@media (max-width: 99999px) and (min-width: 960px){
.strapback1sub {padding: 8px 22px 8px 22px;
	background-color:rgba(23,35,87,1); /*#172357;*/max-width: 480px;
padding: 20px;
text-align: center;
margin: auto;margin-bottom: 50px;}}

@media (max-width: 961px){
.strapback1sub {padding: 16px 0px 20px 0px;
	background-color:rgba(23,35,87,0.9); /*#172357;*/

text-align: center;
margin: auto;
	margin-left:22px;
	margin-right:22px;
	margin-top: 20px;
margin-bottom: 20px;
	}}


.strapback2 {padding: 14px 22px 8px 22px;
	background-color:rgba(23,35,87,0.9); /*#172357;*/max-width: 520px;}
@media (max-width: 99999px) and (min-width: 960px){
.panel {max-width: 286px; padding: 17px;
background-color: #ebefff;
margin-right: 10px;
display: inline-block;
border-radius: 12px;
text-align: center;
margin-bottom: 26px;
min-height: 270px;
vertical-align: top;
font-size: 23px;
font-weight: bold;}}

@media (max-width: 961px){
.panel {max-width: 286px; padding: 17px;
background-color: #ebefff;
display: inline-block;
border-radius: 12px;
text-align: center;
margin-bottom: 26px;
min-height: 180px;
vertical-align: top;
font-size: 23px;
font-weight: bold;}}



.panels {width: 118px; padding: 17px;
background-color: #ebefff;
margin-right: 10px;
display: inline-block;
border-radius: 12px;
text-align: center;
margin-bottom: 26px;

vertical-align: top;
font-size: 23px;
font-weight: bold;}

.fa {color: #261a9a;
font-size: 36px!important;
display: block;
position: relative;
margin: 8px;
	text-align: center;}

/* BUTTONS */

@media (max-width: 99999px) and (min-width: 960px){
a:link.button, a:visited.button, a:active.button, input.button  {
color:#261a9a; font-weight: bolder; padding: 8px 45px 8px 45px; background-color: #fff; border-radius: 24px;-webkit-border-radius: 24px; -moz-border-radius: 24px;text-decoration: none;margin-right: 10px;
	
	
}
	
	a:hover.button { box-shadow: 0px 0px 16px #fff;}
}

@media (max-width: 961px){
a:link.button, a:visited.button, a:active.button, input.button {
position: relative;
display: block;
color:#261a9a; font-weight: bolder; padding: 12px 45px 12px 45px; background-color: #fff; border-radius: 24px;-webkit-border-radius: 24px; -moz-border-radius: 24px;text-decoration: none; 
width: 50%;
text-align: center;
margin: 20px 20px 20px 20px;
	min-width: 238px;
}
	}

/*
.button {color:#121947; font-weight: bolder; padding: 8px 45px 8px 45px; background-color: #fff; border-radius: 24px;-webkit-border-radius: 24px; -moz-border-radius: 24px;text-decoration: none;margin-right: 10px;}*/
.buttoncluster {margin-top: 30px;text-align: center;
margin-bottom: 30px;}



@media (max-width: 99999px) and (min-width: 960px){
a:link.buttoncta, a:visited.buttoncta, a:active.buttoncta, input.buttoncta  {
color:#fff!important; font-weight: bolder; padding: 8px 45px 8px 45px; background-color: #172357; border-radius: 24px;-webkit-border-radius: 24px; -moz-border-radius: 24px;text-decoration: none;margin-right: 10px; font-family: 'DOSIS'; cursor:pointer;
font-size: 17px;
	border: 1px solid #172357;
	
}
	
	
a:hover.buttoncta, input.buttoncta[type="submit"]:hover { box-shadow: 0px 0px 16px #fff; background-color:#313f7b;}
}

@media (max-width: 961px){
a:link.buttoncta, a:visited.buttoncta, a:active.buttoncta, input.buttoncta {
position: relative;
display: block;
color:#fff!important; font-weight: bolder; padding: 12px 45px 12px 45px; background-color: #172357; border-radius: 24px;-webkit-border-radius: 24px; -moz-border-radius: 24px;text-decoration: none; 

text-align: center;
margin: 20px auto;
	font-family: 'DOSIS'; cursor:pointer;
font-size: 17px;
	border: 1px solid #172357;
}
	a:hover.buttoncta, input.buttoncta[type="submit"]:hover { box-shadow: 0px 0px 16px #fff; background-color:#313f7b;}
	}




#clusterlight {width: 100%; 
background-color: #fff;
color:#261a9a;
border-top: 1px dotted #172357;
text-align: left;
float: right;}

#clusterdark {width: 100%; 
background-color: #172357;
color:#fff;
margin-top: 30px;
text-align: center;
float: right;}


/* FOOTER */

#footer {width: 100%; 
background-color: #172357;
color:#fff;

text-align: center;
float: right;}





.navmainfooter {  left: -17px;    position: relative; font-size: 20px; font-weight: bold; margin-bottom: -4px;}
.navmainfooter ul { list-style-type:none; margin:0; padding:0;  }
.navmainfooter li {     display: inline-block;    margin:0 2px 12px 2px;}


.smallprint {font-size: 14px;}
.smallerprint {font-size: 12px;}


.smallprint a {color:#fff; text-decoration:underline;
	-webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;}
.smallprint a:link  { color:#fff; text-decoration:underline;}
.smallprint a:hover {color:#778ebf;text-decoration:none;}

.largeprint {font-size: 18px;}


.largeprint a {color:#fff; text-decoration:underline;
	-webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;}
.largeprint a:link  { color:#fff; text-decoration:underline;}
.largeprint a:hover {color:#778ebf;text-decoration:none;}



.pipesep {margin-left:10px; margin-right:10px;}
/* OTHER */

/* CONTACT FIELDS */


.field-dropdown{
border: 2px solid #121947;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
    font-size: 14px;
	font-weight: bold;
    width: 100%;
    max-width: 332px;
font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;    background-color: #fff;
    height: 43px;
    margin: 0px -5px 6px 0;
    cursor: pointer;
    padding: 0 10px 0px 10px;

	}

 .field-input{
border: 2px solid #261a9a;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	font-weight: bold;
padding: 0px 11px;
font-family: 'Dosis', sans-serif, Arial, Helvetica, sans-serif;
	 font-size:17px;
position: relative;
color: #000000;
margin-bottom: 10px;
background-color: #fff;
width:100%;
max-width: 335px;
	    /*-webkit-transition: border-color .3s ease-in-out;*/
    /* transition: border-color .3s ease-in-out; */
    min-height: 40px;
	 outline-width: 0;

}

 .field-input:focus:not(.c-input__field--invalid), .field-comments:focus:not(.c-input__field--invalid) {
    border-color: #261a9a;
    color: #261a9a;}

.label:focus{
    color: #261a9a!important;}


	
.field-comments{
border: 2px solid #261a9a;
   border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
font-size: 17px;
	font-weight: bold;
 outline-width: 0;
    padding: 14px;
    width: 100%;
    max-width: 335px;
font-family: 'Dosis', sans-serif, Arial, Helvetica, sans-serif;	background-color: #fff;
	margin-bottom: 0;
	    margin-left: 4px;

    position: relative;
	}





.label{

font-weight: bold;}

* {
box-sizing: border-box;
}