@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url('fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('fonts/BrandonGrotesque-Regular.otf')  format('opentype'),
	   url('fonts/BrandonGrotesque-Regular.woff') format('woff'), 
	   url('fonts/BrandonGrotesque-Regular.ttf')  format('truetype'), 
	   url('fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url('fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),  
	   url('fonts/BrandonGrotesque-Bold.otf')  format('opentype'),
	   url('fonts/BrandonGrotesque-Bold.woff') format('woff'), 
	   url('fonts/BrandonGrotesque-Bold.ttf')  format('truetype'), 
	   url('fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
  font-weight: normal;
  font-style: normal; 
}



body{margin:0px; font-family: 'Poppins', sans-serif; font-size: 16px; color: #333; -webkit-text-size-adjust: none;}
p{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 26px; color:#03363d; font-weight:300;}

.row{max-width:1250px}
/*h1{font-size:42px; color:#61bc47; font-family: 'ProximaNovaExtrabold'; text-transform: uppercase; margin:0px 0 10px; position: relative; padding-top:16px;}*/

h1,h2,h3,h4{font-family: 'Poppins', sans-serif;}
a,img,div,button{ outline:none;}

.top-bar {background:transparent; max-width:1250px;margin: 0 auto;}
.nav-outer {padding:42px 0 20px;}
.top-bar-section li:not(.has-form) a:not(.button) {background-color:transparent; font-size: 16px; color:#03363d; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:600; padding:0; line-height:1.813rem; padding:0;}
.top-bar-section li:not(.has-form) a:hover:not(.button) {background-color:transparent;}
.top-bar-section ul li {background:transparent; margin-left:24px; margin-top: 0;  }
.top-bar-section{margin-top: -8px;}
.top-bar-section li.active:not(.has-form) a:not(.button) {background:transparent; color:#53c64d; padding:0; line-height:1.813rem;}
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {background:transparent;color:#53c64d;}
.top-bar-section ul li:hover:not(.has-form) > a {color:#3cb6e5; background:transparent; }
.top-bar.expanded .title-area {background:transparent;}
.name h1{text-align: left; padding-top: 0;}
.name h1:before{background:none;}
.top-bar-section ul {float: right;margin-right: 164px;}


.phoneno {position: absolute;right: 0;z-index: 1;margin-top:-7px;top: 0;}
.phoneno a{color:#03363d; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:600;}
.phoneno a:hover{color:#53c64d;}
.phoneno img {margin-top:-5px;margin-right:3px;}

a.request-quote-top {font-size: 16px;background:trandparent;text-transform: uppercase;padding: 16px 32px 12px;border-radius: 50px;display: inline-block;
	line-height: normal;float: right;margin-top: -3px;margin-left:36px; transition:background-color 300ms ease-out 0s; border:2px #fff solid;}
a.request-quote-top:hover {background:#fff; color:#d18736;}

.top-bar.expanded {background: transparent;}

.header-outer{position:relative; background:#bfe6f4 url(../img/header-bg-home.jpg) no-repeat center bottom;}
.arrow-down{ position:absolute; left:0; right:0; text-align:center; }
.header{min-height:650px; background-position:center; background-repeat: no-repeat; width:100%;}

.get-quote-btn{ background:#24bcbe; padding:14px 0px 14px; width:200px; text-align:center; font-size:21px;
color:#fff; margin:38px 6px 0; transition:background-color 300ms ease-out 0s; border-radius: 50px; display:inline-block; text-transform:uppercase;
font-weight:700;}   
.get-quote-btn.orange{ background:#d18736; }
.get-quote-btn:hover{background:#fff; color:#d18736;}


.header h1 {color: #03363d;font-size:54px; margin:0 auto; line-height:56px; /*font-family: 'Poppins', sans-serif; font-weight:600;*/ font-family: 'BrandonGrotesque-Bold';
position: relative; margin-bottom:10px; padding-top: 30px; margin-top: 7px;}
.header h1:before{content:""; position:absolute; top:0; left:0; /*background:#53c64d;*/ background:#03363d; height:4px; width:92px; border-radius:8px;}
.slide-content{margin-top:14%; width:40%; float:left;}
.slide-content p{font-size:16px; margin-bottom:10px; color:#567377; line-height:29px;}

.offer-box{background:#fff; padding:35px 50px 10px; width:43%; float:right; margin-top:15%; position:relative; border-radius:4px;}
.offer-box p{font-size:20px; line-height:30px; font-weight:500; color:#03363d; /*width: 170px;*/} 

.tabs {position: absolute;right: 20px;background: #53c64d;top: 40px;padding: 2px;border-radius: 50px;right: 40px;}
.tabs dd.active > a, .tabs .tab-title.active > a {background-color: #FFFFFF;color: #03363d;outline:none;border-radius: 50px;}
.tabs dd > a, .tabs .tab-title > a {background-color: transparent; outline: none; color:#fff;font-family: 'Poppins', sans-serif; 
font-weight:600; padding:0.6rem 2rem;}
.tabs dd > a:hover, .tabs .tab-title > a:hover {background-color:transparent; border-radius: 50px; color: #03363d;}

.vin-form input {box-shadow: 0 0 0 0;height: 58px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif; }
.vin-form input::-webkit-input-placeholder {color: #03363d;}
.vin-form input:-moz-placeholder {color: #03363d;}
.vin-form input::-moz-placeholder {color: #03363d;}
.vin-form input:-ms-input-placeholder {color: #03363d;}
input.btn-offer {background:#00aed9;border: 0;cursor: pointer;font-family: 'Poppins', sans-serif;font-size: 16px;color: #fff;padding-left: 35px;
	padding-right: 35px;transition:background-color 300ms ease-out 0s;}
input.btn-offer:hover {background: #03363d;}
.vin-form a {display: block;margin-bottom: 23px;color: #59b3d3;font-weight: 500;}

.car-bg{background:url(../img/car-bg.jpg) repeat-x; height:96px;}
.car-wth {position: absolute;top: -140px;}

.estimate-form{background:#00619e; padding:64px 0 74px; text-align:center; position: relative; z-index:-1;}
.estimate-form h2 {font-size: 40px;color: #fff;font-weight: 500;margin-bottom: 46px;font-family: 'BrandonGrotesque-Bold';}
.estimate-form select {
	background-color: #fff;
	border: 0;
	height: 56px;
	color: #3b656e;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	padding-left: 14px;
	margin: 0px 5px;
	width:17%;
}
.get-estimate-btn .get-estimate {
	border: 0;
	background:#00aed9;
	font-size: 16px;
	font-weight: 500;
	cursor:pointer;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	padding: 14px 50px;
	margin-top: 34px;
	transition:background-color 300ms ease-out 0s;
	margin-right: 0;
}

.get-estimate-btn .get-estimate:hover {background:#03363d;}

.work-section { width:100%; padding:76px 0 113px; text-align:center; }
.work-section h1 {color: #03363d;font-size: 56px;margin-bottom: 16px;position: relative;padding-top: 22px;font-family: 'BrandonGrotesque-Bold';}
.work-section h1:before{content:""; position:absolute; top:0; background:#53c64d; height:4px; width:92px; left:0; right:0; margin:0 auto;
border-radius:8px;}

.work-top{ max-width:1000px; margin:0 auto 100px;}
.work-top p{ color:#567377; line-height:26px; font-weight:300; max-width:805px; margin:0 auto;}

.work-box {position:relative; text-align:center;}
.work-box h3 {font-size:20px; color:#03363d; margin:0px; z-index:1; margin-bottom:10px; position: relative; text-align:center; font-weight:600;}
.work-box-content{text-align:center; position:relative;}
.work-box-content p{color:#03363d; line-height: 26px; font-weight:300; font-size:16px;max-width: 85%; margin: 0 auto; }
.work-box img{margin-bottom:22px;}


.all-case-btn{ background:#24bcbe; display:inline-block; color:#fff; font-size:16px; font-family:'ProximaNovaBold'; text-transform:uppercase;
padding:18px 40px 16px; border-radius:50px; margin-top:65px; transition:background-color 300ms ease-out 0s;}
.all-case-btn:hover{background:#d18736;}

.btn-read-more{font-size: 18px; text-transform: uppercase; color:#fff; border: 2px #fff solid; display: inline-block; padding:6px 18px 7px;
transition:background-color 300ms ease-out 0s;}
.btn-read-more:hover{background:#fff; color:#000;}


.footer-bottom{background:#1f1f1f; padding:16px 0 14px; text-align: center;}
.copy{color:#fff; font-size: 14px;font-family: 'Poppins', sans-serif; margin-top:4px; font-weight:300;}

.offer-popup-outer{position:absolute; z-index:999; display:none;}
.offer-popup{ width:354px; background:#30aabc; padding:10px 20px 20px; border-radius:4px; position:relative; margin-top: -5px;}
.offer-popup:before {border-width: 13px;content: '';border-color: transparent transparent #30aabc;border-style: solid;display: block;
	position: absolute;top: -24px;left: 16px;}
.offer-popup-box{margin-top:8px;}
.offer-popup-box h4{font-size:20px; color:#fff; margin:0px;}
.offer-popup-box p{font-size:13px; color:#fff; margin-bottom:3px; width: 100%; line-height: 18px;}  
.close-icon {position: absolute;right: 23px;top: 19px;}

.header-outer .slick-list {overflow: visible;}

.about-section {/*background: #bfe6f4; background: #bfe6f4 url(../img/header-bg-home.jpg) no-repeat center bottom;*/ padding-bottom:230px;}
.aout-content{ max-width:800px; background:#fff; min-height:940px; margin:110px auto 0; border-radius:5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.thankyoupage .aout-content, .persnl-section .aout-content{ min-height:initial; }

.car-bg.car-bg-about {text-align: center;}
.car-bg.car-bg-about .car-wth {left: 0;right: 0;}

.about-top{ background:#3ea3c7; padding:60px 0 34px; position:relative; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;
position:relative;}
.about-top:before {content:'';display: block;position: absolute;bottom:-15px;width: 46px;margin: 0 auto;left: 0;right: 0; width:43px; height:15px;
background:url(../img/arrow-blue.png) no-repeat;}

.about-top h1{color:#fff; font-size:54px; margin-bottom:0; /*font-weight:600;*/ position:relative; padding-top:22px; font-family: 'BrandonGrotesque-Bold';}
.about-top h1:before{content:""; position:absolute; top:0; background:#fff; height:4px; width:92px; left:0; right:0; margin:0 auto;
border-radius:8px;}
.about-top h2{color:#fff; font-size:30px; font-weight:500; margin:-4px 0 23px;}
.about-top p{color:#fff; font-size:16px; font-weight:600;}

.about-bottom{text-align:center; padding:40px 14px; max-width:648px; margin:0 auto;}

.btn-see-cars{ border:2px #53c64d solid; font-size:18px; font-weight:500; color:#53c64d; text-transform:uppercase; padding:0px 8px; 
transition:background-color 300ms ease-out 0s; }
.btn-see-cars:hover{ background:#03363d; border-color:#03363d; color:#fff;}
.btn-see-cars:focus{ background:#03363d; border-color:#03363d; color:#fff;}

.about-bottom h3{ color:#03363d; font-size:22px; font-weight:500; margin-top:40px; margin-bottom:18px;} 

.about-bottom{text-align:center; padding:40px 14px; max-width:648px; margin:0 auto;}

.btn-call{ background:#00aed9; font-size:18px; font-weight:500; color:#fff; text-transform:uppercase; padding:16px 36px; display:inline-block;
transition:background-color 300ms ease-out 0s; margin-top:26px; }
.btn-call:hover{ background:#03363d; border-color:#03363d; color:#fff;}

.contact-form{max-width:495px; margin:26px auto 0;}
.contact-form  input{box-shadow: 0 0 0 0;height: 58px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif;
margin-bottom:35px; }
.contact-form  input::-webkit-input-placeholder {color: #03363d;}
.contact-form  input:-moz-placeholder {color: #03363d;}
.contact-form  input::-moz-placeholder {color: #03363d;}
.contact-form  input:-ms-input-placeholder {color: #03363d;}
.contact-form  textarea{box-shadow: 0 0 0 0;height: 146px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif; }

input.btn-submit{ background:#00aed9; font-size:16px; font-weight:500; color:#fff; padding:13px 78px; display:inline-block;
transition:background-color 300ms ease-out 0s; margin-top:26px; border:0px; cursor:pointer; }
input.btn-submit:hover{ background:#03363d; border-color:#03363d; color:#fff;}

.header-outer.header-outer-inner .header {min-height: auto;}

.header-outer.header-outer-inner .header .slide-content {
	margin-top: 7%;
margin-bottom: 58px;
}

.header-outer.header-outer-inner{background-size:63%; background-position:right bottom;}
.header-outer .row {max-width: 1280px;}

.car-bg.car-inner img {	position:absolute; right:0; top: -276px;margin-top:60px;}

.offer-form-inner{padding:40px 0 80px; /*background:#c0e8f6;*/ background:#fff;}
.form-top{width:100%; margin-top: 40px;}

.offer-form-inner input{box-shadow: 0 0 0 0;height: 58px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif;
border:0px; border: 1px #ddd solid;}

input.btn-offer-submit {background:#00aed9;border: 0;cursor: pointer;font-family: 'Poppins', sans-serif;font-size: 16px;color: #fff;
	padding-left: 35px;padding-right: 35px; width:172px; transition:background-color 300ms ease-out 0s;}
input.btn-offer-submit:hover {background: #03363d;}

.tab-content-outer {max-width: 686px; position: relative;}
.form-top .form-left {width:450px;float: left;}
.form-top .form-right {float:right;}

.where-is-my-vin {float: left;width: 100%; margin-top:8px;}
.where-is-my-vin a{ color:#59b3d3; }
.where-is-my-vin a:hover{ color:#03363d; }

.offer-form-inner h2{ color:#03363d; color:#03363d; font-size:24px; font-weight:600;}

.tab-content-outer .tabs {top:-49px;right:108px;}

.form-bottom {width: 100%;margin-top: 22px;}


.form-bottom select {background-color: #fff;border: 0;height: 56px;color: #3b656e;font-size: 16px;font-weight: 500;font-family: 'Poppins', sans-serif;
	padding-left: 14px;	margin:0 14px 0 0;width:17%; float:left; border: 1px #ddd solid;}
.form-bottom .next {border: 0;background:#00aed9;font-size: 16px;font-weight: 500;cursor:pointer;font-family: 'Poppins', sans-serif;
	color: #fff;padding: 14px 50px; transition:background-color 300ms ease-out 0s; margin:0; width:172px; height: 56px; margin-left:8px;}
.form-bottom .next:hover {background:#03363d;}
.form-bottom form{margin-top:24px; margin-bottom:20px;}


.reveal-modal.encoreform{text-align:center;}
.reveal-modal.encoreform{}
.reveal-modal.encoreform h3{color:#03363d; font-size:24px; font-weight:600; position:relative; padding-top: 32px;}

.reveal-modal.encoreform h3:before{content:""; position:absolute; top:0; background:#30aabc; height:4px; width:92px; left:0; right:0; margin:0 auto;
border-radius:8px;}

.reveal-modal.encoreform h2{color: #00619e; font-size:34px; font-weight:600; position:relative; padding-top:26px; margin-bottom:0px;}
.reveal-modal.encoreform p{color: #00619e; font-size:16px;}
.reveal-modal.encoreform h4{color:#03363d; font-size:16px; font-weight:500; position:relative; margin-top:25px; margin-bottom:26px;}

.start-over{background:#30aabc;}
.continue{background:#53c64d;}

.encoreform-btn{width:172px; height:57px; display:inline-block; padding-top:17px; color:#fff; font-weight:500;  transition:background-color 300ms ease-out 0s; }
.encoreform-btn:hover{color:#fff; background:#03363d;}

.reveal-modal.encoreform {padding: 70px 0; width: 682px;}

.steps{background:#00619e; padding:18px 0 0px;}
.steps-outer{max-width:1080px; margin:0 auto; text-align:center; position:relative;}
.steps-outer:before{ content:""; position:absolute; top:34px; width:100%; height:4px; background:#fff; left:0; right:0; width: 81%;margin: 0 auto;}
.steps{text-align: center;display: inline-block; position: relative;}
.steps-circle {background:#9ed8ee;color: #fff;font-size: 24px;font-weight: 600;width: 71px;display: inline-block;height: 71px;border-radius: 100%;
	border: 3px #fff solid;padding-top: 13px;}
.steps-circle.active {background:#30aabc;}
.steps p {color: #03363d;font-size: 20px;font-weight: 500; margin-top: 30px; margin-bottom:0;}
.steps-outer .steps:nth-child(1) {float: left;}
.steps-outer .steps:nth-child(3) {float: right;}
.steps .number {	background: #00619e;color: #fff;font-size: 24px;font-weight: 600;width: 71px;	display: inline-block;	height: 71px;	border-radius: 100%;	border: 3px #fff solid;	padding-top: 10px;	display: block;	margin: 0 auto 25px;	z-index: 999;	position:relative;}
.wizard > .steps .done .number {	background: #30aabc;}
.wizard > .steps .error .number {	background: red !important;}
.step-form.basic-form .wizard > .steps .current a, 
.wizard > .steps .current a:hover, 
.wizard > .steps .current a:active {background: transparent;}
.step-form.basic-form .wizard > .steps .disabled a, 
.wizard > .steps .disabled a:hover, 
.wizard > .steps .disabled a:active {background: transparent; color: #03363d;}
.step-form.basic-form {padding: 0;}
.step-form.basic-form .steps ul li a {color: #fff !important;font-size: 20px;font-weight: 500; background: transparent;}
.step-form.basic-form .wizard > .steps .current .number {background: #30aabc;}
.step-form.basic-form .wizard > .steps > ul > li, 
.wizard > .actions > ul > li {float: none; display: inline-block;}
.wizard > .steps > ul > li {/*width:auto;*/ width: 25%;}
.step-form.basic-form .step-form{ padding:80px 0 0;}
.step-form.basic-form .step-form h2{color: #03363d;font-size: 30px;font-weight: 500; margin:0 0 10px;}
.step-form h2{color: #03363d;font-size: 30px;font-weight: 500; margin:0 0 10px;}
.step-form h3{color: #03363d;font-size: 24px;font-weight: 500; margin:0 0 24px;}
.step-form.basic-form .step-form h3{color: #03363d;font-size: 24px;font-weight: 500; margin:0 0 30px;}.step-form.basic-form .steps ul {	max-width: 1080px;	margin: 0 auto;	text-align: center;	position: relative;}
.step-form.basic-form .steps ul li:nth-child(1) {float: left;}
.step-form.basic-form .steps ul li:nth-child(4) {float: right;}
.step-form.basic-form .steps ul:before {content: "";position: absolute;top: 55px; height: 4px;background: #fff;left: 0;right: 0;width:75%;	margin: 0 auto;	z-index: 0;}		
.basic-form-top input, .color-swatches #othercolor{box-shadow: 0 0 0 0;height: 58px;padding-left: 20px;font-size: 16px;font-weight: 500;font-family: 'Poppins', sans-serif;
margin-bottom:10px;}
.basic-form-top input::-webkit-input-placeholder {color: #03363d;}
.basic-form-top input:-moz-placeholder {color: #03363d;}
.basic-form-top input::-moz-placeholder {color: #03363d;}
.basic-form-top input:-ms-input-placeholder {color: #03363d;}
.basic-form-top p{ font-size:12px; color:#9a9b9b; line-height:20px; font-weight: 400;}

.color-swatches {margin-top: 30px; margin-bottom: 22px;}
.color-swatches ul {margin: 0;list-style: none;}
.color-border {border: 1px #b8b8b8 solid;display: inline-block;padding: 4px;}
.color-name {display: inline-block;vertical-align: top;margin-top: 4px;color: #03363d;font-size: 16px;margin-left: 16px;}
.color-swatches li {float: left;width:29%; margin-bottom:16px;}
	.color-swatches li:nth-child(4) {width: auto;}
	.color-swatches li:nth-child(8) {width: auto;}
	.color-swatches li:nth-child(12) {width: auto;}
	.color-swatches li:nth-child(16) {width: auto;}
.color-swatches ul .color{width: 23px;height: 23px;display: block;}

.black{background: #000;}
.grey{ background:#989898;}
.silver{ background:#dfe0df;}
.white{ background:#fff;}
.blue{ background:#3f72af;}
.purple{ background:#6d448b;}
.pink{ background:#f9b6b6;}
.red{ background:#dc4344;}
.maroon{ background:#781913;}
.brown{ background:#76523d;}
.beige{ background:#cbb0a1;}
.gold{ background:#c29050;}
.orange{ background:#da7a38;}
.yellow{ background:#feb948;}
.pink{ background:#f9b6b6;}
.green{ background:#748959;}


.checkboxmain input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkboxmain span {
	color: #03363d;
	font-size: 16px;
	z-index:-1; 
}

.checkmark{
	position: absolute;
	top:-3px;
	left: 0;
	height: 28px;
	width: 28px;
	background-color: #03363d;
	border-radius: 100%;
	z-index:1 !important;
}

.checkboxmain:hover input ~ .checkmark {
  background-color: #03363d;
}

.checkboxmain input:checked ~ .checkmark {
  background-color:#30aabc;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkboxmain input:checked ~ .checkmark:after {
  display: block;
}

.checkboxmain .checkmark:after {
	left: 9px;
	top: 5px;
	width: 9px;
	height: 14px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:999999999999;   
}


.checkboxmain {position: relative; padding-left: 49px;}  



/*
.basic-form-mid [type="checkbox"]:checked, 
.basic-form-mid [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.basic-form-mid [type="checkbox"]:checked + span,
.basic-form-mid [type="checkbox"]:not(:checked) + span
{
    position: relative;
    padding-left: 38px;
    cursor: pointer;
	width: 252px;
	text-align:left;
    line-height: 28px;
    display: inline-block;
	margin-bottom:20px;
    color: #9e7e69;
	font-size:30px;
	font-family: 'open_sansregular';
}
.basic-form-mid [type="checkbox"]:checked + span:before,
.basic-form-mid [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #9e7e69;
}
.basic-form-mid [type="checkbox"]:checked + span:after,
.basic-form-mid [type="checkbox"]:not(:checked) + span:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #d2bba0;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.basic-form-mid [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.basic-form-mid [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}*/


.radioboxmain {position: relative;margin-left:16px; }
.radioboxmain.active{/*padding-left: 37px;*/}

.basic-form-bottom {margin-top: 60px;}
.basic-form-bottom .radioboxtab {
	border: 1px #b8b8b8 solid;
	width: 380px;
	padding: 18px 16px 16px 0;
	position: relative;
	margin-bottom:22px;
}

.radioboxmain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radioboxmain span {
	color: #03363d;
	font-size: 16px;
}

.radiomark {
	position: absolute;
	top:-1px;
	left: 0;
	height: 23px;
	width: 23px;
	background-color:transparent;
	border-radius: 100%;
}

.radioboxmain:hover input ~ .radiomark {
  background-color:transparent;
}

.radioboxmain input:checked ~ .radiomark {
  
  background-color: #30aabc;position: relative;	float: left;margin-right: 13px;
}

.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

.radioboxmain input:checked ~ .radiomark:after {
  display: block;
}

.radioboxmain .radiomark:after {
	left: 9px;
	top: 5px;
	width: 6px;
	height: 11px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radioboxmain input{display:none;}
.radioboxmain:checked .radiomark{display:block;}

.car-box{border:1px #e1e1e1 solid; padding:20px 10px 10px; text-align:center;}
.car-box h2{font-size:24px; margin-top:38px; margin-bottom:8px;}
.car-box p{ color:#2faaba; }

.car-box a{display:inline-block;}

.car-box a {border: 0;background: #30aabc;font-size: 16px;font-weight: 500;cursor:pointer;font-family: 'Poppins', sans-serif;
	color: #fff;padding: 14px 50px;margin-top: 24px;transition:background-color 300ms ease-out 0s;display: block;}

.car-box a:hover {background:#03363d;}
.car-box .selected-number{ text-transform: uppercase; background: #30aabc; margin: 0; color: #fff; font-weight: 600;}
.step-form.basic-form .large-8.medium-8.columns {padding-right: 70px; }


.next-back{ background:#c0e8f6; padding:47px 0; text-align:center; margin-top:36px;}
.next-back .btn-next{border: 0;background: #30aabc;font-size: 16px;font-weight: 500;cursor:pointer;font-family: 'Poppins', sans-serif;
	color: #fff;padding:17px 66px; transition:background-color 300ms ease-out 0s;display:inline-block;}
.next-back .btn-next:hover {background:#03363d;}

.next-back .btn-back{border: 0;background: #30aabc;font-size: 16px;font-weight: 500;cursor:pointer;font-family: 'Poppins', sans-serif;
	color: #fff;padding:17px 66px; transition:background-color 300ms ease-out 0s;display:inline-block; margin-right: 14px;}
.next-back .btn-back:hover {background:#03363d;}


/*feature*/

.feature-section{margin-top:30px;}

.featurecheckboxmain input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.featurecheckboxmain span {color: #3b656e;font-size: 16px;}
.featurecheckmark {position: absolute;top:1px;left: 0;height: 23px;width: 23px;background-color: transparent;border:1px #bebebe solid;}
.featurecheckboxmain:hover input ~ .featurecheckmark {background-color: transparent; border:1px #bebebe solid;}
.featurecheckboxmain input:checked ~ .featurecheckmark { background-color:transparent; border:1px #bebebe solid;}
.featurecheckmark:after { content: ""; position: absolute; display: none;}
.featurecheckboxmain input:checked ~ .featurecheckmark:after {display: block;}
.featurecheckboxmain .featurecheckmark::after {left: 7px;top: 3px;width: 8px;height: 13px;border: solid #53c64d;border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.featurecheckboxmain {position: relative;padding-left: 42px;}

.feature-section .large-6.columns {margin-bottom: 28px;}

.standard-features {border-bottom: 1px #30aabc solid;padding-bottom: 9px; margin-top: 18px; margin-bottom:40px;}
.standard-features a{font-size:18px; color:#30aabc;}
.standard-features .fa.fa-angle-down {font-size: 21px;font-weight: 700;position: relative;top: 2px;	left: 16px;}
.premium-features h4 {font-size: 16px;color: #03363d;font-weight: 500;margin-bottom: 30px;}

.premium-features .large-6.columns label {margin-bottom: 28px;}
.premium-features .large-6.columns {margin-bottom: 20px;}


.conditionform .radioboxmain {
	position: relative;
	width: 174px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-left:0;
	margin-right: -5px;
	height: 56px;
	
}
.conditionform .radioboxmain input:checked ~ .radiomark {
	background-color: #53c64d;
	background-color: #30aabc;
	float: left;
	margin-right: 13px;
	
}
.conditionform .radioboxmain .radiomark:after{display:none;}
.conditionform .radioboxmain input:checked ~ .radiomark::after {
	display: none;
}

.conditionform .radiomark {
	position: absolute;
	top: 0;
	left: 0;
	height: 55px;
	background-color: transparent;
	border-radius: 0;
	width: 100%;
	border: 1px #b8b8b8 solid;
}

.conditionform .radioboxmain span.labeltext {
	left: 0;
	right: 0;
	top: 16px;
	position:absolute;
}
.conditionform .radioboxmain input:checked ~ span.labeltext{color:#fff !important;}

.conditionform h4{font-size: 16px;color: #03363d;font-weight: 500; margin-bottom:14px;}

.conditionform .conditionformbox p{margin-bottom:0; color:#9a9b9b; font-size:12px; margin-top:13px;}
.conditionformbox {
	margin-bottom: 34px;
}

.conditionform p {
	margin-bottom: 40px;
}


.inner-page{ padding-top: 150px; }
/*.stepsform{ display: none; }*/
.wizard > .content{ background: #fff; margin: 0;}
.wizard > .content > .body{ position: inherit; }
.wizard > .content > .body ul{list-style-type: none !important;}
.wizard > .content > .body label{ display: block; }
.wizard > .content > .body .conditionform .radioboxmain{ display: inline-block; }
.footer-bottom p {	color: #fff;	font-size: 14px;	font-family: 'Poppins', sans-serif;	margin-top: 4px;	font-weight: 300;	margin: 0;}
.wizard > .actions > ul {	display: inline-block;	text-align: right; padding: 47px 0;	text-align: center;	margin-top: 36px;	width: 100%;}.wizard > .actions > ul a {	border: 0;	background:#00aed9;	font-size: 16px;	font-weight: 500;	cursor: pointer;	font-family: 'Poppins', sans-serif;	color: #fff;	padding: 17px 66px;	transition: background-color 300ms ease-out 0s;	display: inline-block;	border-radius: 0;}.wizard > .actions > ul a:hover {	padding: 17px 66px;	background: #03363d;	border-radius: 0;}.wizard > .actions > ul .disabled a { background-color:#53c64d;	/*background-color: rgba(3,54,61,.5);*/	color: #fff;	opacity: .inherit;}.conditionformbox a {	font-size: 14px;	color: #30aabc;}
.conditionformbox input {	box-shadow: 0 0 0 0;	height: 58px;	padding-left: 20px;	font-size: 16px;	font-weight: 500;	font-family: 'Poppins', sans-serif;	width: 48%;	float: left;	margin-right: 2%;	margin-top: 20px;}
/*swatches-css*/

.color-swatches li {margin-bottom: 24px;}
.swatchesboxmain {display: inline-block;}
.swatchesboxmain input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.swatchesboxmain span {color: #03363d;font-size: 16px; }
.swatchecheckmark {position: absolute;top:1px;left: 0;height:33px;width:33px;background-color: transparent;border:2px #bebebe solid;}
.swatchesboxmain:hover input ~ .swatchecheckmark {background-color: transparent; border:2px #000 solid;}
.swatchesboxmain input:checked ~ .swatchecheckmark { background-color:transparent; border:2px #000 solid;}
.swatchecheckmark:after { content: ""; position: absolute; display: none;}
.swatchesboxmain input:checked ~ .swatchecheckmark:after {display: block;}
.swatchesboxmain {position: relative;padding-left: 42px; line-height: 32px;}
.swatchesboxmain .swatchecheckmark::after {left:4px;top:4px;width:23px;height:23px; }
.swatchecheckmark-inner {width: 23px;height: 23px;display: block;margin-left: 3px;	margin-top: 3px;}
.swatchcolor {margin-left: 8px;}


.wizard > .actions > ul a:active {
	padding: 17px 66px;
	background: #03363d;
	border-radius: 0;
}
.step-form.basic-form .steps ul li a:hover {
	background: transparent;
}

.persnl-detail input {box-shadow: 0 0 0 0;height: 58px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif; }
.persnl-detail input::-webkit-input-placeholder {color: #03363d;}
.persnl-detail input:-moz-placeholder {color: #03363d;}
.persnl-detail input::-moz-placeholder {color: #03363d;}
.persnl-detail input:-ms-input-placeholder {color: #03363d;}

.persnl-detail textarea {box-shadow: 0 0 0 0;height:200px;padding-left: 20px;font-size: 16px;font-weight: 500; font-family: 'Poppins', sans-serif; }
.persnl-detail textarea::-webkit-input-placeholder {color: #03363d;}
.persnl-detail textarea:-moz-placeholder {color: #03363d;}
.persnl-detail textarea::-moz-placeholder {color: #03363d;}
.persnl-detail textarea:-ms-input-placeholder {color: #03363d;}

.persnl-detail h2 {
	color: #03363d;
	font-size: 30px;
	font-weight: 500;
	margin: 0 0 24px;
}

.persnl-detail {
	max-width: 930px;
	margin: 0 auto;
}
.stepsform .wizard > .content > .body {
	width: 100%;
	float: none;
}

.about-top h2 a{color:#fff;}
.about-top h2 a:hover{color:#000;}
  

input.btn-offer-submit {-webkit-appearance: value; -moz-appearance:value;  appearance:value;}
.form-bottom .next{-webkit-appearance: value; -moz-appearance:value;  appearance:value;}
.form-top .offer-popup-outer {
	margin-top: 119px;
}

input.btn-offer-submit{-moz-appearance: none;-webkit-appearance: none; -webkit-border-radius: 0;}
.form-bottom .next{-moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}

.top-bar-section ul li.current-menu-item a {
	color: #3cb6e5 !important;
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
	background:#03363d;
}

.page-id-51 .wizard > .actions > ul li.disabled {
	display: none;
}
.wizard > .actions > ul li:first-child a, .wizard > .actions > ul li a[href="#previous"] {
	background: #03363d;
}
.wizard > .actions > ul li:first-child a:hover {
	background: #03363d;
}  
.wizard > .content > .body label.temr-con{ text-align: left; }
.wizard > .content > .body label.temr-con{ display: flex; }
.wizard > .content > .body label.temr-con input[type="checkbox"] {display: inline-block; height: auto; margin: 0; vertical-align: sub; margin-right: 10px; }
#example-advanced-form-p-3{ padding: 0; }
.wizard > .content > .body label.error{ display: block; text-align: left; }
.wizard > .content > .body label.temr-con #terms-error{ display: none !important; }
.wizard > .content > .body label.temr-con .error{ outline: 1px solid #8a1f11;}
.wizard .cntct-btn {
	border: 0;
	background:#00aed9;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	padding: 17px 66px;
	transition: background-color 300ms ease-out 0s;
	display: inline-block;
	border-radius: 0;
	margin: 20px auto 0;
	-moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;
}

.about-top p {max-width: 450px; margin:0 auto;}

.about-section.thankyoupage .aout-content {background: transparent;}

.about-section.thankyoupage .aout-content .about-top:before {background: no-repeat;}

.about-section.thankyoupage .about-top {padding:60px 20px 74px;border-radius: 5px;box-shadow: 0 0 18px rgba(0,0,0,.2);}

.about-section.thankyoupage .about-top h1:before {height: 0;}
.about-section.thankyoupage .about-top h1 {padding: 0;}


.wizard > .steps {
	position: relative;
	display: block;
	width: 100%;
	background: #00619e;  
	/*margin-top: 147px;*/
	padding: 18px 0 0;
}
/*.page-template-template-getoffer .nav-outer {
	height: 147px;
}*/


.about-section.persnl-section .aout-content {
	margin:100px auto 0;
}
.about-section.persnl-section {
	padding-bottom: 130px;
}

.page-id-79 .about-section.inner-page {
	min-height: 700px;
}
.page-id-79 .about-section.inner-page h1.entry-title {
	/*font-weight: 600;*/
	color: #222222;
	margin-bottom: 22px;
	font-family: 'BrandonGrotesque-Bold';
}


.header-outer .row.banner-box {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.top-bar .title-area .custom-logo {
	margin-top: -6px;
}

.footer-top {
	background: #1f1f1f;
	padding: 60px 0 0;
}
.footer-logo{ text-align: center; }
.footer-logo img{ max-width: 180px; }
.footer-top .footer-link ul {
	margin: 25px 0 20px;
	list-style: none;
	text-align: right;
}
.footer-top .footer-link ul li{ display: inline-block; margin: 0 2px;}
.footer-top .footer-link ul li a {
	color: #fff;
	font-size: 16px;
}
.footer-right .btn-foot {
	border: 0;
	background: #00aed9;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	padding: 10px 40px;
	margin-top: 20px;
	transition: background-color 300ms ease-out 0s;
	margin-right: 0;
	display: inline-block;
}
.footer-right .btn-foot:hover, .footer-right .btn-foot:focus{background: #03363d;}
.footer-top .footer-link ul li a:hover{color:#00aed9;}

.footer-top .footer-link {margin-top: 0px; }


/*morepopup-css*/


.offer-popup-outer.more-popup-outer .offer-popup.more-popup {
	border:1px #b7c6ce solid;
	width: 735px;
	padding: 0;
	background: #e6f2f9;
	border-radius: 4px;
}
.offer-popup-outer.more-popup-outer .offer-popup.more-popup p {
	font-size: 15px;
	line-height: 24px;
	margin-top: 5px;
	color: #444;
	font-weight: 300;
}

.offer-popup-outer.more-popup-outer .offer-popup.more-popup h4 {
	margin-top: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.offer-popup-outer.more-popup-outer .open-popup.open-more-popup {
	border: 0;
	background: #00aed9;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	padding: 17px 66px;
	transition: background-color 300ms ease-out 0s;
	display: inline-block;
	border-radius: 3px;
	float: right;
	text-transform: uppercase;3
	margin-right: 26px;
}
.offer-popup-outer.more-popup-outer .open-popup.open-more-popup:hover{background: #03363d;}
.offer-popup-outer.more-popup-outer .close-icon.close-more-icon .open-popup.open-more-popup {
	padding: 0;
	width: auto;
}
.offer-popup-box.more-popup-box {
	padding-bottom: 50px;
}


.offer-popup-box.more-popup-box {
	background: #e6f2f9;
	padding:12px 26px 50px;
	margin: 0;
}

.close-icon.close-more-icon .open-popup.open-more-popup {
	background: transparent;
}

.offer-popup-outer.more-popup-outer h3 {
	background: #ffff;
	box-shadow: 0px 3px 1px 0px rgba(0,0,0,.1);
	padding: 14px 14px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 4px;
	border-radius: 4px;
}

.close-icon.close-more-icon{top: 12px;}

.close-mrinfo .open-popup.open-more-popup {
	margin-bottom: 32px;
	margin-right: 24px;
}

.offer-popup-outer.more-popup-outer .offer-popup.more-popup:before {display: none;}

.conditionform .class-true {display: none;}      


.home .slide-content h1 {
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Bold';
	font-size: 53px;
	color: #fff;
	text-shadow: 0 0 17px rgba(0,0,0,.5);
	margin-bottom: 0;
	line-height: 56px;
}

.home .slide-content p {
	font-size: 22px;
	margin-bottom: 10px;
	color: #fff;
	line-height: 29px;
	font-family: 'BrandonGrotesque-Bold';
	text-transform: uppercase;
	text-shadow: 0 0 17px rgba(0,0,0,.5);
}
.home .slide-content {
	width: 56%;
}



.swatchesboxmain input:checked ~ .swatchecheckmark:after { content: ''; display: block; position: absolute; top: 7px; left: 11px; width: 6px; height: 14px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.swatchesboxmain input:checked ~ .swatchecheckmark span { background: transparent !important;}