/* Resets - [START] */
html,body,a,li,ul,p,img,input,button,dl,dd,dt,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; border:none; outline:none; text-decoration: none; padding:0; margin:0; color:black; font-size:100%; list-style:none; font-weight:normal; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h2,h3,input,p,a,label,textarea { font-family:Open Sans, Arial, Helvetica, sans-serif; }
a:hover{ text-decoration:underline; }
a{ color:#007aac;}
input.submit {  -webkit-appearance: none; -webkit-border-radius:0;  border-radius:0; }
input.text {  -webkit-appearance: none; -webkit-border-radius:0;  border-radius:0; }
/* ----- */

html { /*background: #007aac; */ background: #146fa2; overflow-x: hidden; overflow-y: auto;  width: 100%;  }
body { line-height: 1;  min-height: 100%;  width: 100%;}
#wrapper { padding: 20px; position: relative; width: 100%; background-color:#146fa2;}
#wrapper-inner {  display: table; margin: 0 auto; max-width: 616px; background: white; border: 0px solid #004f6f; box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2); margin-bottom:60px;  }
section {  clear: both; display: block;  float: left;  width: 100%;}
.inner { display: block; margin: 0 auto; max-width: 1170px; /* padding: 0 20px;*/}
.row-fluid { float: left; margin: 0; padding: 0; width: 100%;}
.row-fluid:first-child { margin: 0;}
.row-controls {}
.span-full { float: left; width: 100%;}
.span-2 { float: left; width: 48%; margin:0 4% 0 0; }
.span-2:last-child { margin:0 0 0 0; }
.col-4 { width:20%; }
.col-5 { width:50%; }
/* ----- */

#head { background:#1a7bb2; }
#head .inner {}
#head .inner .content { float: left; padding: 20px 0 10px 0; width: 100%; }
#head .inner .content .item-header-logo { float: left; width: 100%; text-align: center; }
#head .inner .content .item-header-logo a { display:inline-block; width:100%; padding: 0; }
#head .inner .content .item-header-logo a img { display:inline-block; width:100%; max-width: 366px; }

/* ----- */

#section-1 { background:#1a7bb2; }
#section-1 .inner {}
#section-1 .inner .content { float: left; padding: 0; width: 100%; padding: 20px 40px 35px 40px; }
#section-1 .inner .content .item-form { float: left; width: 100%; padding:0; }
#section-1 .inner .content .item-form .field-wrapper { float: left; width: 100%; }
#section-1 .inner .content .item-form .field-alert { float: left; width: 100%; }
#section-1 .inner .content .item-form .field-alert .alert { float: left; width: 100%; margin: 10px 0 0 0; padding: 20px; background: #FFA6A6; border:1px solid #FF2929; border-radius:4px;}
#section-1 .inner .content .item-form .field-alert .alert p { float: left; width: 100%; color:#D61818; line-height:20px; font-size:13px; }
#section-1 .inner .content .item-form .field-heading { float: left; width: 100%; }
#section-1 .inner .content .item-form .field-heading h2 { float: left; width: 100%; padding: 20px 0 20px 0; color:white; font-size:30px; font-weight:400; text-align:center; }
#section-1 .inner .content .item-form .field-heading h3 { float: left; width: 100%; padding: 30px 0 20px 0; color:white; font-size:17px; font-weight:400; text-align:center; line-height:24px; }
#section-1 .inner .content .item-form .field-text { float: left; width: 100%; }
#section-1 .inner .content .item-form .field-text p { float: left; width: 100%; line-height:22px; padding: 0 0 20px 0; color:white; font-size:15px; font-weight:300; text-align:center; }
#section-1 .inner .content .item-form .field-break { float: left; width: 100%; }
#section-1 .inner .content .item-form .field-break hr { float: left; width: 100%; height:1px; margin:0; padding:0; border:none; background:white; opacity:0.6; }
#section-1 .inner .content .item-form .field-break2 { float: left; width: 100%; margin-top:30px;}
#section-1 .inner .content .item-form .field-break2 hr { float: left; width: 100%; height:1px; margin:0; padding:0; border:none; background:white; opacity:0.6; }
#section-1 .inner .content .item-form .field-row { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; }
#section-1 .inner .content .item-form .field-row label { float: left; width: 100%; padding: 10px 0; color:white; font-size:15px; font-weight:400; line-height: 22px; }
#section-1 .inner .content .item-form .field-row label span { color:red; }
#section-1 .inner .content .item-form .field-row input { float: left; width: 100%; background:white; color:black; padding:10px 12px; font-size:13px; font-weight:400; border:2px solid #EBEBEB; border-radius:4px;  }
#section-1 .inner .content .item-form .field-row select { float: left; width: 100%; background:white; color:black; padding:10px 12px; font-size:13px; font-weight:400; border:2px solid #EBEBEB; border-radius:4px;  }
#section-1 .inner .content .item-form .field-row textarea { float: left; width: 100%; height:160px; background:white; color:black; padding:10px 12px; font-size:13px; font-weight:400; border:2px solid #EBEBEB; border-radius:4px;  }
#section-1 .inner .content .item-form .field-row label.error { width: 100%; font-size:12px; color:#232222; }
#section-1 .inner .content .item-form .field-check { float: left; width: 100%; padding:10px 20px;  border-radius:4px; }
#section-1 .inner .content .item-form .field-check li { float: left; /*padding: 10px 5px;*/ height:40px; }
#section-1 .inner .content .item-form .field-check li label { float: left; color:white; font-size:14px; line-height:40px; }
#section-1 .inner .content .item-form .field-check li input[type="checkbox"] { float: left; margin: 14px 12px 0 0; }
#section-1 .inner .content .item-form .field-check li input[type="radio"] { float: left; margin: 14px 12px 0 0; }
#section-1 .inner .content .item-form .field-check li input[type="text"] { float: left; width: 100%; background:white; color:black; padding:5px 12px; margin: 0 0 0 0; font-size:13px; font-weight:400; border:2px solid #EBEBEB; border-radius:4px; }
#section-1 .inner .content .item-form .field-bottom { float: left; width: 100%; margin: 40px 0 0 0; padding:0; text-align:center; }
#section-1 .inner .content .item-form .field-bottom input { display:inline-block; width: 100%; padding: 16px 0; color:white; background: #e31138; border-radius:6px; font-size:23px; font-weight:300; cursor:pointer; border:3px solid #fff; }
#section-1 .inner .content .item-form .field-bottom input:hover { background:#d20f33; }
#section-1 .inner .content .item-form .field-bottom input:active { background:#d20f33; }
#section-1 .inner .content .item-form .field-bottom a { display:inline-block; width: 100%; padding: 18px 0; color:white; background: #d12030; border-radius:6px; font-size:23px; font-weight:300; cursor:pointer; }

#section-1 .inner .content .search-results .pc-inner { float: left; width: 100%; background:#0f618f; padding:3px; border-radius: 5px; margin-top:10px; }
#section-1 .inner .content .search-results .pc-inner li { float: left; width: 100%; padding:1px; }
#section-1 .inner .content .search-results .pc-inner li a { display: inline-block; width: 100%; background:#e31138; padding:10px 14px; color:white; border-radius: 5px; font-size: 14px; cursor: pointer; }
#section-1 .inner .content .search-results .pc-inner li a:hover { text-decoration: none; background:#c80b2e; }

#section-1 .inner .content .search-selected .a { float: left; width: 100%; background:white; color:black; padding:5px 5px; font-size:13px; font-weight:400; border:2px solid #EBEBEB; border-radius:4px;  }
#section-1 .inner .content .search-selected .a span { float: left; background:#e31138; padding:10px 14px; color:white; border-radius: 5px; font-size: 14px; border: 1px solid #e31138; }
#section-1 .inner .content .search-selected .a a { float: right; background:white; padding:10px 14px; color:#4b4b4b; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #cfcccc; } 
#section-1 .inner .content .search-selected .a a:hover { text-decoration: none; }

#section-1 .inner .content .item-form .show-driver { float: left; width: 100%; }

/* ----- */

#lowerbody { background:#1a7bb2; }
#lowerbody .inner { max-width: 700px; }
#lowerbody .inner .content { float: left;  width: 100%; padding: 0 20px 20px 20px; text-align:center; }
#lowerbody .inner .content p { float: left; width: 100%; font-size:14px; color:white; padding-top:20px; border-top: 1px dotted #a5add6; }
#lowerbody .inner .content a { color:white; text-decoration: underline; }

/* ----- */

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 200px) and (max-width: 700px) {
	#wrapper { padding: 10px; }
	#section-1 .inner .content { padding: 20px 20px 30px 20px; }
	.span-2 { width: 100% !important; margin:0 !important; }
	.col-4 { width:100% !important; }
	.col-5 { width:100% !important; }	
}

@media (min-width: 200px) and (max-width: 867px) {

}