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

*{ 	padding:0; 	margin:0; }
body{ background:#16365d; font-family:Arial, Helvetica, sans-serif; font-size:14px; }


/*  SECTIONS  */
.section { clear: both;	padding: 0px; margin: 0px; }

/*  COLUMN SETUP  */
.col { display: block; float:left; margin: 0% 0 0% 0%; background:#fff;	padding:3%; }
.col:first-child { margin-left: 0; border-right: 1px solid #000;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 43%; padding:3%; }


#wrapper{ height:100%; margin: 0 auto; top: 102px; width: 90%; margin-bottom:5%; border-radius: 25px;}
#wrapper h1{ font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#F00; margin-top:5%; text-align:center; margin-bottom:5%; 	}
.top-buffer {margin-top:15px;}

.col  h2{color: #17365d; font-size: 22px; padding-top: 19px; padding-left: 19px;}
.col  p{ color: #548ed4; font-size: 17px;padding: 10px 5px 14px 19px; font-weight:bold;}


.col{ min-height:259px;}
form { margin-top:10%;}
form label{ font-size:18px; color:#000; font-weight:bold; }

input[type="text"], input[type="password"]{ height: 36px; width: 100%; margin-top: 10px; border:1px solid #000 !important; text-indent:10px;}
input[type="submit"]{ background: #4f81bd; border: 2px solid #243f60; border-radius: 0.201em; color: #f8f8f9;font-weight: 600;   padding: 0.844em 1.125em; transition: all 0.238s ease 0s; width: 130px;	margin-top:10px; float: right; cursor:pointer;}
input[type="submit"]:hover{background:#E2BC33;color:#000;}
#footer { width:100%; text-align:center !important; margin-top:25px; color:#fff !important;}
#footer a { color:#fff; margin:0px 20px;}
#footer .copy {margin-top:25px;}


/**** Second Page Styles *****/
.pterms{ font-size:12px;}
.pterms p{ font-weight:normal; font-size:12px; color:#000;}

.ccard { font-size:14px !important; font-weight:normal;}
.ccard input , .radio-inline{ font-size:14px !important; font-weight:normal;}
.ccard .control-label { font-size:14px; font-weight:normal; text-align:left; }
.form-group span input{ margin-top:0px;}

.ccard .control-label.forcent{ text-align: right;}

.foraddress input{ margin-bottom:15px;}
.foraddress input#city{ width:70%; margin-right:5%;float: left; }
.foraddress input#st{ float:right; width:25%;}
.foraddress input#zipcode{ width:40%; margin-right:5%;float: left; }
.foraddress select#country{ float:right; width:55%; border:1px solid #000 !important; }
.ccard form{ margin-top:10px;}
.col p.content{ color:#000;}
	.ccard .submit{font-size: 19px !important;
    font-weight: bold; margin-right:15px;
    margin-top: 30px;
    padding: 7px 0;}
	.ccard .submit:hover{ background-color:#e1b925 !important;color:#000;}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	.span_2_of_2, .span_1_of_2 { width: 95%; }
	
	.col { 
		margin: 0% 0 0% 0%;
		min-height:286px;
		
	}

}
@media only screen and (max-width: 767px) {
.ccard .control-label{ width:100%;}
.form-group span{ width:100%;}	
.form-group .forsmall{ width:auto; margin-right: 20px;} 
.ccard .control-label.forcent{ text-align: left;}
.form-horizontal .form-group.sbtm{ width:100%; text-align:center; margin:0px;}
.form-horizontal .form-group.sbtm .submit{ margin:20px auto;  float: none;}
 .ftr{ text-align:center;}
	}
@media only screen and (max-width: 540px) {
.form-group .forsmall{ width:40%;} 	
.foraddress input#city{ width:48%; margin-right:0px;} 	
.foraddress input#st{ width:48%;} 	
.foraddress input#zipcode{ width:48%;margin-right:0px;} 	
.foraddress select#country{ width:48%;} 	
	 }	
	 @media only screen and (max-width: 480px) { 
	 .ftr{ text-align:center;}
	
	 }
@media only screen and (max-width: 640px) {

	.span_2_of_2, .span_1_of_2 { width: 95%; }
	.col {min-height:286px;}
	
}

@media only screen and (min-width: 1280px) and  (max-width: 2500px) {
	#wrapper{ height:100%; margin: 0 auto; top: 102px; width: 70%;}
}
/*******/
	#foo-logo{
	float: right;
    position: relative;
    top: -85px;
    width: 191px;
	}
	#foo-logo img{
	width:174px;
	}

	@media screen and (max-width:768px){
#wrapper{
    display:flex;
    flex-direction: column;
}

#wrapper > div {
    width: 100%;
}

#footer {
    order: 2;
}

#foo-logo {
    order: 1;
}
#foo-logo{
	float: none;
    position: unset;
    margin-top: 10px;
    width:85%;
	text-align:center;
	}
	}
/***********/