@charset "utf-8";







/*-- Reset --*/







a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border:0; margin:0; padding:0;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {display:block;}







* {margin:0px; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



*:first-child {margin-top:0 !important;}



*:last-child {margin-bottom:0 !important;}







html, body {height:100%; padding:0; margin:0;}



body {min-width:320px; color:#1b4974; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; background:#FFF; position:relative; margin-top: 0px;



}







a {color:#2C5597; border:none; text-decoration:underline; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



a:hover, a:active, a:focus {color:#B00; border:none; outline:none;}







img {border:none; max-width:100%;}







h1, h2, h3, h4, h5 {margin:0; padding:0; color:#092F6D; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:normal; line-height:120%; position:relative;}







ul, li, ol {list-style-type:none;}







i {color:#B00; font-style:normal;}















/*-- Clearfix --*/







.cf:after {height:0; line-height:0; display:block; visibility:hidden; clear:both; content:".";}



.cf {display:block;}



html[xmlns] .cf {display:block;}



* html .cf {height:1%;}















.wrapper { max-width:1170px; margin:0 auto;}















/*-- Form --*/







form {border:none; margin:0; padding:0;}



input, select, textarea {color:#333; font-family:'Open Sans', Arial, Helvetica, sans-serif;}



input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {outline:none;}



input[type^="text"], input[type^="password"], input[type^="email"], select, textarea {width:100%; height:35px; padding:0 15px; background-color:#FFF; border:1px solid #000; font-size:18px; font-weight:400; line-height:24px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



input[type^="text"]:focus, input[type^="text"]:active, input[type^="password"]:focus, input[type^="password"]:active, input[type^="email"]:focus, input[type^="email"]:active, select:focus, select:active, textarea:focus, textarea:active {background-color:#FFF; border-color:#092F6D; box-shadow:0px 0px 5px 0px rgba(44, 85, 151, 0.5); -webkit-box-shadow:0px 0px 5px 0px rgba(44, 85, 151, 0.5); -moz-box-shadow:0px 0px 5px 0px rgba(44, 85, 151, 0.5);}



select {padding:0 30px 0 11px; background-image:url(../img/select.png); background-position:right center; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;}



select::-ms-expand {display:none;}



::i-block-chrome,select {text-indent:8px;}



textarea {min-width:100%; max-width:100%; min-height:200px; padding:12px 15px;}







input[type="submit"] {width:350px; height:50px; margin:0; padding:0; vertical-align:top; color:#FFF; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; background-color:#B00; border:none; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none;}



input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {background-color:#F00;}















/*-- Buttons --*/







a.btn {display:inline-block; padding:7px 20px; color:#FFF; font-size:14px; font-weight:700; line-height:16px; text-align:center; text-decoration:none; text-transform:uppercase; background:#B00; vertical-align:top; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



a.btn:hover, a.btn:focus, a.btn:active {background-color:#F00;}



a.btn-med {padding:12px 50px; font-size:24px; line-height:26px;}



a.btn-big {padding:17px 50px; font-size:24px; line-height:26px;}







a.btn-arw:after {display:inline-block; content:""; width:18px; height:17px; margin:5px 0 0 15px; text-indent:-999em; background:url(http://californiawarrant.org/reg3/img/btn_arw.png) 0 0 no-repeat; vertical-align:top;}







/*-- Header --*/







#header {padding:0; background:#092F6D url(../img/bv02782.gif) center center repeat; background-size:cover; position:relative;}







.site-logo, .site-logo a {display:block;}



.site-logo {background:url(../img/bg_header.jpg) 0 0 no-repeat; width:550px; height:150px;}







.hnav {margin-top:1px; font-size:14px; line-height:16px;}



.hnav .for-mobile {display:none;}



.hnav li {display:block; float:left; margin-left:5px;}



.hnav li:first-child {margin-left:0;}



.hnav a {display:block; padding:10px 20px; color:#FFF; text-decoration:none; position:relative; z-index:1; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}



.hnav a:before {display:block; content:""; width:100%; height:9999px; background:#FFF; opacity:0; position:absolute; top:0; left:0; z-index:-1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.hnav a:hover:before, .hnav a:focus:before, .hnav a:active:before {opacity:0.2;}







.hnav2 {font-size:14px; line-height:18px; text-align:center; background:url(http://californiawarrant.org/reg3/img/bgheader.jpg) 0 0 repeat;}



.hnav2 ul {display:table; width:100%;}



.hnav2 li {display:table-cell; padding-left:1px; vertical-align:middle; position:relative;}



.hnav2 li:before {display:block; content:""; width:1px; height:27px; margin-top:-8px; background:#FFF; opacity:0.3; position:absolute; top:50%; left:0;}



.hnav2 li:first-child:before {display:none;}



.hnav2 li a {display:block; padding:4px 0px; color:#092F6D; text-decoration:none; position:relative; z-index:1; overflow:hidden;}



.hnav2 a:before {display:block; content:""; width:100%; height:9999px; background:#092F6D; opacity:0; position:absolute; top:0; left:0; z-index:-1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.hnav2 a:hover:before, .hnav a:focus:before, .hnav a:active:before {opacity:0.2;}







.slicknav_menu {display:none; margin-top:-15px !important; position:absolute; top:22px; right:45px; z-index:100;}



a.slicknav_btn {display:block; width:30px; height:30px; padding:0; position:relative; background:none !important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}



a.slicknav_btn.slicknav_open {}



a.slicknav_btn:hover:before, a.slicknav_btn.slicknav_open:before {opacity:0.2;}



.slicknav_menutxt {display:none;}



.slicknav_icon {display:block; width:30px; height:22px; margin:-11px 0 0 -15px; position:absolute; top:50%; left:50%;}



.slicknav_icon-bar {display:block; height:2px; margin-top:8px; background:#FFF; opacity:0.5; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.slicknav_icon-bar:first-child {margin-top:0;}



a.slicknav_btn:hover .slicknav_icon-bar, a.slicknav_btn.slicknav_open .slicknav_icon-bar {opacity:1;}



a.slicknav_btn:hover, a.slicknav_btn.slicknav_open {color:#000;}



.slicknav_nav {display:block; min-width:280px; background-color:#2C5597; position:absolute; top:49px; right:0;}



.slicknav_nav li {border-top:1px solid #092F6D;}



.slicknav_nav li:first-child {border-top:none;}



.slicknav_nav a {display:block; padding:15px 20px; color:#FFF; text-decoration:none; background-color:#2C5597;}



.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav a:active {background-color:#092F6D;}



.slicknav_arrow {display:none;}







#header.smaller {padding:0;}



#header.smaller .site-logo, #header.smaller .site-logo a {width:174px; height:30px; background-size:174px 30px !important;}



#header.smaller .hnav {margin-top:0;}



#header.smaller .hnav a {padding-top:7px; padding-bottom:7px;}







.title-warrant {



display: block; 



padding: 15px;



line-height: 32px;



text-align:center; 



color: #B00; 



background: #fff; 



font-size: 30px; 



font-weight: bold; 



margin: 0% 5% 0% 5%; 



vertical-align: middle;



}



.font-red {



	color: #B00;



}



.font-blue {



	color: #1B4974; 



}



.font-white {



	color: #FFF; 



}



/*-- Content --*/







#container {min-height:100%; position:relative; background: #fff;}







#main {padding:0 20px 0 20px;}







.section {margin-top:50px; margin-bottom:50px;}



.block {margin-top:30px; margin-bottom:30px;}















/*-- Homepage --*/







h2.page-title {margin:10px 0; font-size:30px; font-weight:600; line-height:36px; text-align:center;}



h3.page-subtitle {margin:-20px 0 40px 0; color:#2C5597; font-size:20px; font-weight:600; line-height:24px; text-align:center;}



h3.page-subtitle a {color:#B00;}







.search-section {padding:0 0 30px 0;}







.search-form {margin:0; background: #336699;}



.search-form .row {margin:0px; padding: 5px;}



.search-form .cell {float:left; width:25%; padding:5px;}







.begin-search {



	color: #B00;



	font-size: 14px;



	font-weight: 600;



	text-align: center;



	line-height: 18px;



	top: 0px;



	



	position: relative; 



	font-size: 20px;



	font-weight: bold;



	margin: auto;



	vertical-align: middle;



	line-height: 22px;



}







.confidential {color:#777; font-size:14px; line-height:22px; text-align:center;}



.confidential:before {display:inline-block; content:""; width:22px; height:22px; margin-right:8px; background:url(../img/icn_confidential.png) 0 0 no-repeat; vertical-align:top;}







.info-section {background:#FAFAFA; border-bottom:1px solid #F0F0F0;}







.info-content {display:table; width:100%;}



.info-content .cell {display:table-cell; vertical-align:middle; margin:0 10px 0 10px; text-align: justify;}



.info-top {text-align: center; 

//width:50%; 

padding:10px 30px; font-size:16px; line-height:24px; border-right:1px solid #F0F0F0;}







.info-top i {display:block; font-size:24px;}



.info-access {width:50%; padding-left:40px;}







.info-access-inn {display:table; width:100%;}



.info-access-inn .cell {display:table-cell; vertical-align:middle; text-align: justify;}



.info-access-inn .cell:last-child {text-align:justify;}







.info-access h3 {color:#2C5597; font-size:18px; line-height:24px;}



.info-access h3 i {font-size:24px; line-height:24px;}







.reports-illustration {display:inline-block; width:440px; padding-top:15px; text-align:right; position:relative; vertical-align:top;}



.reports-illustration img {display:block;}







.ri-btn {display:block; width:100%; text-align:center; position:absolute; top:50%; left:0;}



.ri-btn a {display:block; max-width:240px; margin:0 auto; padding:8px 12px; color:#FFF; font-size:12px; font-weight:600; line-height:14px; text-decoration:none; text-transform:uppercase; position:relative; z-index:1; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}



.ri-btn a:before {display:block; content:""; width:100%; height:999px; background:#2C5597; opacity:0.65; position:absolute; top:0; left:0; z-index:-1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.ri-btn a:hover:before, .ri-btn a:focus:before, .ri-btn a:active:before {opacity:1;}







.video-section {padding:25px 0; background:#FFF; border-bottom:1px solid #F0F0F0;}







.video-content {margin:0 -25px;}



.video-content .cell {float:left; width:33.333%; padding:25px;}



.video-content .video {margin:10px 0;}



.video-content .video iframe {display:block; width:100%; height:200px;}



.video-content .title {margin:10px 0; font-size:16px; line-height:20px;}



.video-content .title a {text-decoration:none;}















.content {font-size:14px; line-height:24px;}







.content h2 {margin:35px 0 15px 0; color:#B00; font-size:24px; line-height:28px;}



.content h3 {margin:35px 0 15px 0; font-size:24px; line-height:28px;}



.content h4 {margin:15px 0; font-size:20px; line-height:24px;}



.content h5 {margin:15px 0; font-size:16px; font-weight:600; line-height:20px;}



.content p, .content ul, .content ol {margin:15px 0; text-align:justify;}



.content p span {font-weight:600;}



.content ul, .content ol {margin-left:35px;}



.content ul li {list-style-type:disc;}



.content ol li {list-style-type:decimal;}















/*-- Loader --*/







.loader-container {width:120px; height:120px; margin-left:auto !important; margin-right:auto !important; overflow:hidden;}







.loader {margin:0 auto; font-size:10px; position:relative; text-indent:-9999em; border-top:5px solid rgba(0, 0, 0, 0.1); border-right:5px solid rgba(0, 0, 0, 0.1); border-bottom:5px solid rgba(0, 0, 0, 0.1); border-left:5px solid #B00; -webkit-animation:load8 1.1s infinite linear; animation:load8 1.1s infinite linear;}



.loader, .loader:after {border-radius:50%; width:120px; height:120px;}



@-webkit-keyframes load8 {



	0% {



		-webkit-transform: rotate(0deg);



		transform: rotate(0deg);



	}



	100% {



		-webkit-transform: rotate(360deg);



		transform: rotate(360deg);



	}



}



@keyframes load8 {



	0% {



		-webkit-transform: rotate(0deg);



		transform: rotate(0deg);



	}



	100% {



		-webkit-transform: rotate(360deg);



		transform: rotate(360deg);



	}



}















.loader-table {display:table; width:100%;}



.loader-table .cell {display:table-cell; vertical-align:middle;}



.loader-table .cell:last-child {text-align:right; vertical-align:bottom;}







.loader-list {padding:30px 50px 30px 0; color:#333; font-size:14px; line-height:18px;}



.loader-list h3 {margin:15px 0; font-size:20px; line-height:24px;}



.loader-list ul {margin:15px 0;}



.loader-list li {display:block; float:left; width:33.333%; padding:1px 0 1px 20px; background:url(../img/checkmark_red_sml.png) 0 3px no-repeat;}















/*-- Results --*/







.reg-top {background:#F0F0F0;}







.reg-table {padding-top:40px;}



/*-- widths below original: 440px  -440px   440px--*/



.register-includes {float:left; width:35%; position:relative;}



.register-options {float:right; width:100%; margin-left:-35%; padding-bottom:30px;}



.register-options-inn {margin-left:35%; padding-left:50px; position:relative;}



.reg-table h2 {margin:25px 0; font-size:24px; font-weight:600; line-height:28px;}



.reg-table h2 {margin:25px 0; font-size:24px; font-weight:600; line-height:28px;}







.register-includes ul {margin:15px 0 10px 0;}



.register-includes li {display:block; padding:2px 0 2px 20px; background:url(../img/checkmark_red_sml.png) 0 5px no-repeat;}















.option {margin:4px 0;}



.option label {display:block; padding:18px 30px 18px 58px; color:#092F6D; background:#FFF; border:1px solid #CCC; position:relative; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}



.option input[type="radio"]:checked + label {border-color:#092F6D;}



.option span {display:block;}







.option-name {float:left; width:100%; margin-right:-100px;}



.option-name-inn {margin-right:100px; padding-right:10px; position:relative;}



.option-total {float:right; width:100px; color:#B00; text-align:right; position:relative;}







.option-title {font-size:18px; font-weight:600; line-height:22px;}



.option-terms {margin-top:6px; font-size:16px; font-weight:600; line-height:20px; opacity:0.7;}







.option input[type=radio] {display:none;}



.option input[type=radio] + label:before {content:"."; display:block; width:12px; height:12px; margin-top:-6px; text-indent:-999em; background:#FFF url(../img/radiobutton.png) center center no-repeat; background-size:0px 0px; border:1px solid #777; position:absolute; top:50%; left:22px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:background-size 0.2s ease; -webkit-transition:background-size 0.2s ease; -moz-transition:background-size 0.2s ease; -o-transition:background-size 0.2s ease;}



.option input[type=radio]:checked + label:before {background-size:6px 6px;}







.register-submit {margin:10px 0;}



.register-submit input[type="submit"] {height:50px; font-size:24px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}











.register-terms{margin:16px 0; padding:0 0 0 24px; color:#333; font-size:12px; line-height:16px; text-align:justify; position:relative;}



.register-terms input[type=checkbox] {display:none;}



/*



+ label:before removed from next 2 lines



*/



.register-terms input[type=checkbox] {content:"."; display:block; width:12px; height:12px; margin:1px 8px 0 0; text-indent:-999em; background:#FFF url(../img/checkbox.png) center center no-repeat; background-size:0px 0px; border:1px solid #777; position:absolute; top:0; left:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; transition:background-size 0.2s ease; -webkit-transition:background-size 0.2s ease; -moz-transition:background-size 0.2s ease; -o-transition:background-size 0.2s ease;}



.register-terms input[type=checkbox]:checked {background-size:8px 8px;}















.teaser-results {margin:30px auto;}



.teaser-results .cell {float:left; width:50%; padding:10px;}







.result {padding:30px; background:#FAFAFA; border:1px solid #DEDEDE; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}







.result-name {margin:20px 0; padding-left:38px; color:#B00; font-size:18px; font-weight:600; line-height:24px; position:relative;}



.result-name:before {display:block; content:""; width:24px; height:24px; background:#2C5597 url(../img/results_icn.png) center center no-repeat; position:absolute; top:0; left:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}







.result-table {margin:20px 0; color:#333; font-size:14px; line-height:18px; cursor:default;}



.result-table table {width:100%; border-collapse:collapse;}



.result-table table tr {border-bottom:1px solid #DEDEDE;}



.result-table table tr:first-child {border-top:1px solid #DEDEDE;}



.result-table table td {padding:6px; color:#333; vertical-align:top; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}



.result-table table td:first-child {padding-left:0; color:#777;}



.result-table table td:last-child {padding-right:0; text-align:right;}



.result-table table tr:hover td:last-child {color:#2C5597;}







.result-btn {max-width:220px; margin:20px auto; text-align:center;}



.result-btn a.btn {display:block; font-size:18px; line-height:20px;}















/*-- Footer --*/







#footer {margin-top:50px; color:#777; font-size:14px; line-height:18px; text-align:center;}



#footer .wrapper {padding:40px 0 60px 0; border-top:1px solid #BBB;}







.fnav {margin:20px 0; text-transform:uppercase;}



.fnav li {display:inline-block; padding:0 3px 0 7px; vertical-align:top; position:relative;}



.fnav li:first-child {padding-left:4px;}



.fnav li:before {display:block; content:"."; width:1px; height:10px; text-indent:-999em; background:#CCC; position:absolute; top:9px; left:0px;}



.fnav li:first-child:before {display:none;}



.fnav a {display:block; padding:5px 10px; text-decoration:none;}



.fnav a:hover, .fnav a:focus, .fnav a:active {text-decoration:underline;}







.fcopy {margin:20px 0; color:#333; font-size:14px; line-height:18px;}







.ftext {margin:20px 0; color:#777; font-size:12px; line-height:18px; text-align:justify;}



.ftext p {margin:10px 0;}







.yellow-bar {margin: auto; padding: 1px; position: relative; color: #B00; display: table; background: #FFD700; font-size: 14px; font-weight: bold; text-align: center;}







.teaser-table table {

    border-collapse: collapse;

    cursor: default;

    font-size: 14px;

    line-height: 20px;

    text-align: left;

    width: 100%;

}

.teaser-table th:first-child, .teaser-table td:first-child {

    padding-left: 20px;

}

.teaser-table th, .teaser-table td {

    padding: 20px 10px;

}

.teaser-table th {

    color: #fff;

    font-weight: 600;

    line-height: 18px;

    text-transform: uppercase;

}

.teaser-table th, .teaser-table td {

    padding: 20px;

    transition: all 0.3s ease 0s;

    vertical-align: top;

}

.teaser-table thead tr {

    background-color: #195888;

    border-bottom: 2px solid #c70000;

}

a.btn-med {

    font-size: 14px;

    font-weight: 700;

    line-height: 16px;

    padding: 12px 20px;

}

a.btn {

    background-color: #c70000;

    border-radius: 3px;

    box-sizing: border-box;

    color: #fff;

    display: inline-block;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}

.teaser-table a.name {

    font-size: 18px;

    font-weight: 600;

    line-height: 20px;

    text-decoration: none;
    
}

a {

    border: 0 none;

    color: #195888;

    text-decoration: underline;

    transition: all 0.3s ease 0s;

}

a.check::before {

    background: #1a7900 url("../img/teaser_checkmark.png") no-repeat scroll center center;

    border-radius: 50%;

    content: ".";

    display: block;

    height: 16px;

    left: 0;

    position: absolute;

    text-indent: -999em;

    top: 1px;

    width: 16px;

}

a.check {

    padding-left: 22px;

    position: relative;

}

.teaser-table tbody tr:hover, .teaser-table tbody tr:focus, .teaser-table tbody tr:active {

    background-color: #eafaff;

}

.teaser-table tbody tr {

    background-color: #fff;

    border-bottom: 1px solid #cacaca;

    transition: all 0.3s ease 0s;

}

.mobile-info {

	display:none !important;

}

@media only screen and (max-width:1020px)

{

	.register-terms input[type="checkbox"] {

		left:10px;

	}

	.register-terms {

		padding-left: 30px;

	}

	.register-submit {

		text-align: center;

	}

	.mobile-info {

		display:block !important;

	}

	.desktop-info {

		display:none;

	}

}

.verified {
    display: block;
    background: url(../img/verlogo.png) left top no-repeat;
    background-size: 50px 50px;
    height: 50px;
    padding-left: 60px;
}