/* Plugin Css */

.calculator_container {
  width: 100%;	
  max-width: 1100px;
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto;
}

.calculator_container .quues_state {
  width: 49%;
  float: left;
  background: #efefef;
  padding: 0;
  line-height: 20px; 
  margin-right: 1%;
  margin-top: 0;
}

.calculator_container .quues_state a.calculate {
  cursor: pointer;
  width: 100%;
  background: #5fa4ff;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  display: inline-block;
  height: 35px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;	
  margin-top: 10px;
}

.calculator_container .quues_state input[type="text"] {
  height: 35px;	
  width: 35%;
  border: 1px solid #ccc;
}

.calculator_container .quues_state p {
  position: relative;	
}

.calculator_container .quues_state p span.perc {
  position: relative;
  right: 20px;
  top: 0px;	
}

.title_cont {
  width: 100%;
  text-align: center;
  float: left;
  font-size: 20px;	
  margin-bottom: 30px;
}

.title_cont img,
.title_cont a {
  display: block;	
  margin: 0 auto;
}

.title_cont a {
  font-size: 14px;
  color: #454546;	
}

.title_cont a.reset_calc {
  background: #38629c;
  color: #fff;
  padding: 2px 10px;
  margin-top: 15px;
  cursor: pointer;	
  max-width: 150px;
  border-radius: 3px;
}

.calculator_container .quues_state label {
  width: 100%;
  display: block;	
  margin-bottom: 6px;
}

.calculator_container .calc_cont {
  width: 49%;	
  float: left;
  margin-top: 0;
  background: #efefef;
  margin-left: 1%;
}

.calculator_container .form_state {
  width: 23%;
  float: left;
  padding: 20px;
  background: #38629c;
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin-top: 122px;
  display: none;
}

.calculator_container .form_state p {
  width: 100%;
  text-align: center;	
}

.calculator_container .form_state ul.gform_fields li {
  padding: 0 !important;
  margin: 0 !important;	
}

.calculator_container .form_state .gform_footer {
  margin: 0;	
}

.calculator_container .form_state .gform_footer input[type="submit"] {
  background: #5fa4ff;
  color: #fff;
  border: 1px solid #5fa4ff;
  border-radius: 5px;
  height: 40px;
  padding: 5px 10px;
  width: 100%;	
}

.calculator_container .form_state input[type="text"] {
  border-radius: 5px !important;	
  border: 1px solid #5fa4ff !important;
  height: 40px !important;
}

.calculator_container .form_state h3 {
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-top: 0;
  line-height: 28px;
  margin-bottom: 16px;
  font-size: 24px;
}

.calculator_container .form_state #gform_wrapper_13 {
  margin-top: 0;	
}

.calculator_container ul {
  padding: 0;
  list-style: none;	
}

.calculator_container ul.tabs {
  list-style: none;
  width: 750px;
  display: block;
  margin: 40px auto 30px;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  text-align: center;
}

ul.tabs li.tab-switcher {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  width: 150px;
  text-align: center;
  background: #454546;
  color: #fff;
  margin: 0;
  padding: 3px 0;
  /*float: left;*/
  border-right: 1px solid #303030;
}

ul.tabs li.tab-switcher:last-child {
 border: none;	
}

ul.tabs li.tab-switcher:hover {
 background: #aa1e2d; 	
}

ul.tabs li.tab-switcher.active {
  background: #aa1e2d; 	
}

ul.tabs li.tab-switcher:first-child {
  border-top-left-radius: 10px;	
  border-bottom-left-radius: 10px;	
}

ul.tabs li.tab-switcher:last-child {
  border-top-right-radius: 10px;	
  border-bottom-right-radius: 10px;	
}

#allTabsContainer {
  width: 100%;
  float: none;
  padding: 10px;	
}

#allTabsContainer .tab-container {
  opacity: 1;	
  overflow: hidden;
  width: 100%;
}

h3.selection_title {
  opacity: 1;	
}

ul.current_st {
  width: 100%;
  text-align: left;	
  padding: 0 40px;
}

ul.future_st {
  width: 100%;
  text-align: left;	
  padding: 0;
  margin: 0;
}

ul.current_st li.state_title h4,
ul.future_st li.state_title h4 {
  font-size: 16px;	
  color: #454546; 
}

ul.future_st li.state_title.extrasize h4 {
 font-size: 22px; 
 margin-top: 20px;
 font-weight: 800;
 color: #aa1e2d;	
}

ul.current_st li.state_title,
ul.future_st li.state_title {
 border-bottom: none;
 margin-bottom: 0;
 background: #fff;
 padding-left: 0;
}

ul.current_st li span.boldfnt,
ul.future_st li span.boldfnt {
  /*font-weight: bold;
  font-size: 15px;*/
}

ul.current_st li span.boldfnt.italic,
ul.future_st li span.boldfnt.italic {
  font-style: italic;
  color: #aa1e2d;	
}

ul.current_st li,
ul.future_st li,
ul.last_st li {
  width: 100%;
  overflow: hidden;
  /*border-bottom: 1px solid #ccc;*/
  padding: 10px 20px 7px;	
}

ul.current_st li:nth-child(odd),
ul.future_st li:nth-child(odd) {
  background: #f8f8f8;
}

ul.current_st li:nth-child(1),
ul.future_st li:nth-child(1) {
  background: #ffffff;
}

ul.current_st li.blankp,
ul.future_st li.blankp  {
  border-bottom: none;	
}

ul.current_st li span.title_area,
ul.future_st li span.title_area,
ul.last_st li span.title_area {
  float: left;	
  width: 77%;
  /*border-right: 1px solid #ccc;*/
  line-height: 18px;
}

ul.current_st li.single_text span.title_area,
ul.future_st li.single_text span.title_area {
  border-right: none;	
}

ul.current_st li span.cost_area,
ul.future_st li span.cost_area,
ul.last_st li span.cost_area {
 float: right;
 width: 22%;
 text-align: right;
 line-height: 20px;
}

ul.current_st li span.title_area.more_details,
ul.future_st li span.title_area.more_details {
  width: 74%;	
}

ul.current_st li span.cost_area.more_details,
ul.future_st li span.cost_area.more_details {
  width: 25%;	
}

ul.current_st li span.cost_area.more_details.sedan,
ul.future_st li span.cost_area.more_details.sedan,
ul.current_st li span.cost_area.more_details.suv,
ul.future_st li span.cost_area.more_details.suv,
ul.current_st li span.cost_area.more_details.pickup,
ul.future_st li span.cost_area.more_details.pickup,
ul.current_st li span.cost_area.more_details.cargo,
ul.future_st li span.cost_area.more_details.cargo,
ul.current_st li span.cost_area.more_details.pass,
ul.future_st li span.cost_area.more_details.pass {
  cursor: pointer;	
}

ul.future_st li.sdhide,
ul.future_st li.sdfhide,
ul.future_st li.suvhide,
ul.future_st li.suvfhide,
ul.future_st li.pickhide,
ul.future_st li.pickfhide,
ul.future_st li.cargohide,
ul.future_st li.cargofhide,
ul.future_st li.passhide,
ul.future_st li.passfhide {
  display: none;	
}

ul.current_st li select,
ul.future_st li select {
 width: 100%;
 background: transparent;
 color: #454546;
 line-height: 20px;
 height: 20px;
 border: none;
 text-align: right;
 padding-right: 10px;	
}

ul.current_st li span.cost_area input[type="text"],
ul.future_st li span.cost_area input[type="text"] {
  width: auto;
  text-align: right;
  border: none; 
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: auto;
  color: #454546 !important;
  padding: 0;
  background-color: transparent !important;
}

ul.current_st li span.cost_area.editable,
ul.future_st li span.cost_area.editable {
  background: #fff;	
}

ul.current_st li span.cost_area.dlr input[type="text"],
ul.future_st li span.cost_area.dlr input[type="text"] {
  width: auto;	
}

ul.current_st li span.cost_area.dlr span,
ul.future_st li span.cost_area.dlr span {
 display: inline-block;	
}

ul.current_st li span.cost_area.per input[type="text"],
ul.future_st li span.cost_area.per input[type="text"] {
  width: 93%;	
}

ul.current_st li p,
ul.future_st li p {
  margin-bottom: 0;	
}

ul.current_st li.blankp span.title_area,
ul.future_st li.blankp span.title_area,
ul.current_st li.saving_cost span.title_area,
ul.future_st li.saving_cost span.title_area {
  border-right: none;	
}

/*ul.current_st li.saving_cost,
ul.future_st li.saving_cost {
  border-bottom: none;	
  margin-top: 15px;
}*/

ul.current_st li.saving_cost span,
ul.future_st li.saving_cost span,
ul.current_st li.saving_cost span input[type="text"],
ul.future_st li.saving_cost span input[type="text"] {
  /*font-size: 16px;
  font-weight: bold; 	
  color: #aa1e2d !important;*/
}

ul.current_st li.saving_cost span input[type="text"],
ul.future_st li.saving_cost span input[type="text"] {
  width: auto;	
  margin: 0;
}

ul.future_st li.saving_cost.extt span,
ul.future_st li.saving_cost.extt span input[type="text"] {
  font-size: 22px;	
}

ul.future_st.lastul li {
  border-top: 1px solid #ccc;	
  margin-top: 0;
  padding-top: 30px;
}

ul.current_st li.whitetext, 
ul.future_st li.whitetext {
 background: #fff;
 font-size: 12px;
 padding: 0;	
}

ul.future_st li.whitetext.topmargin {
 margin-top: 0;
 padding-top: 10px;	
}

ul.extrapaddings {
  padding-bottom: 0;	
}

ul.extrapaddings li.saving_cost {
  background: #38629c;	
}

ul.extrapaddings li.saving_cost span {
  color: #fff;	
  font-size: 16px;
}

.ctabox {
  background: #fff;
  padding-top: 25px; 	
}

.ctabox p {
  color: #fff;
  display: block;
  width: 100%;	
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px !important;
}

.ctabox a {
  background: #6b9ef7;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

.ctabox a:hover {
  color: #fff;	
}

.ctabutton {
  background: #454547;
  padding: 20px 15px;
}

.ctabutton form#gform_13 ul.gform_fields li#field_13_1,
.ctabutton #gform_wrapper_13 {
  margin: 0 !important;	
}

.ctabutton form#gform_13 ul.gform_fields li#field_13_1 h3 {
  opacity: 1;
  color: #fff;
  margin-top: 0;
  margin-bottom: 15px;	
}

.ctabutton form#gform_13 ul.gform_fields li#field_13_1 p {
  margin-bottom: 13px !important;	
}

@media all and (max-width: 1290px) {
  .calculator_container .form_state .gform_footer input[type="submit"] {
    padding: 5px 0;
	font-size: 12px;	 
	white-space: normal; 
  }	
}

@media all and (max-width: 1234px) {
  .calculator_container .quues_state p span.perc {
    top: 0px;	  
  }	
}

@media all and (max-width: 914px) {
  .calculator_container .quues_state p span.perc {
    top: 0px;	  
  }
}

@media all and (max-width: 830px) {  
  .calculator_container .quues_state {
    width: 100%;	
	margin-top: 0;  
  }
  
  .calculator_container .calc_cont {
    width: 100%;
    margin-top: 50px;
  }
  
  .calculator_container ul.tabs {
    margin-bottom: 20px;	  
  }
  
  .calculator_container .quues_state p span.perc {
    top: 0px;	  
  }
  
  .calculator_container .form_state {
    margin-top: 50px;
	width: 100%;	  
  }
  	
  ul.current_st {
    width: 100%;	
	order: 2;  
  }	
  
  ul.future_st {
    width: 100%;	
	order: 3;  
  }
  
  #allTabsContainer .tab-container {
	display: flex;
    flex-direction: column;
  }
  
  #allTabsContainer .tab-container h3.selection_title {
    order: 1;	  
  }
  
  ul.current_st li.nodata,
  ul.future_st li.nodata {
    display: none;
	margin: 0;	  
  }
  
  ul.current_st li span.cost_area.dlr input[type="text"], 
  ul.future_st li span.cost_area.dlr input[type="text"] {
   width: 100%;	  
  }
  
  .calculator_container ul.tabs {
    width: 100%;	  
  }
  
  ul.tabs li.tab-switcher {
    width: 555px;
	border-bottom: 1px solid #303030;
	border-right: none;	  
  }
  
  ul.tabs li.tab-switcher:first-child,
  ul.tabs li.tab-switcher:last-child {
     border-radius: 0;	  
  }
}

@media all and (max-width: 620px) {
  ul.current_st li.saving_cost span, 
  ul.future_st li.saving_cost span, 
  ul.current_st li.saving_cost span input[type="text"], 
  ul.future_st li.saving_cost span input[type="text"] {
    font-size: 16px;	  
  }	
  
  ul.future_st li.saving_cost.extt span, 
  ul.future_st li.saving_cost.extt span input[type="text"] {
    font-size: 17px;	  
  }
  
  ul.current_st li.saving_cost, 
  ul.future_st li.saving_cost {
    margin-top: 20px;
    margin-bottom: 20px;	  
  }
  
  ul.current_st li span.boldfnt, 
  ul.future_st li span.boldfnt {
    font-size: 13px;
  }
  
  ul.current_st,
  ul.future_st {
    line-height: 25px;
	padding: 0;	  
  }
  
  ul.current_st li,
  ul.future_st li {
    padding: 5px 10px;	  
  }
  
  ul.seclastul {
     margin-bottom: 0;	  
  }
  
  ul.future_st.lastul {
    margin-top: -10px;	  
  }
  
  body .mobpaddings {
    padding-left: 10px !important;
	padding-right: 10px !important;	  
  }
  
  ul.tabs li.tab-switcher {
    width: 100%;  
  }
}

@media all and (max-width: 539px) {
 .calculator_container .quues_state p span.perc {
   top: 0px;
 }	
}

@media all and (max-width: 480px) {
 .calculator_container .quues_state p span.perc {
   top: 0px;
 }	
}

@media all and (max-width: 480px) {
 .calculator_container .quues_state p span.perc {
   top: 0px;
 }	
}