/*
Theme Name: City Appliance
Author: Arun Kumar Karmakar

Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



.call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 1rem;
	bottom: 80px;
	background: #076f63;
	width: 3rem;
	height: 3rem;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple i {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 18px; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 0 rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%);
	  box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 0 rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 0 rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%);
	  box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 0 rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgb(142 137 130 / 20%), 0 0 0 5px rgb(142 137 130 / 20%), 0 0 0 10px rgb(142 137 130 / 20%), 0 0 0 20px rgba(236, 139, 0, 0); } }

	span.num{
		position: absolute;
    color: #ec8b00;
    left: -30%;
    bottom: -50%;
	}
	
	.trackorder {
    background: #076f63;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -2px 5px rgb(0 0 0 / 54%);
    background-size: 400% 400%;
    background-size: 389% 391%;
    animation: gradient 15s ease infinite;
}



.getquote_sec .quote_heading h4{font-size: 15px;line-height: 22.5px;font-weight: 600;margin:0px;color:#232323;}
.getquote_sec .quote_heading h4 span{color:#FE0000;}
.getquote_sec .quote_heading h4:after{content:"";background:#FE0000;width:86px;height:5.15px;display: block;}   
.getquote_sec .quote_title .sparay_bottle{display:inline-block;}
.getquote_sec .quote_title h3{font-weight: 600;margin:0px;color:#FE0000;text-transform:uppercase;display:inline-block;vertical-align: middle;}
.getquote_sec .quote_title h3 span{color:#232323;}
.getquote_sec .quote_title h3 img{vertical-align: baseline;}
.getquote_sec .inner_getquote.estimateform .quoteplan_col4.stickybar .quoteplan_fixed{position: sticky;/* height: calc(100vh - 10px); */top: 10px;z-index: 1;}
.getquote_sec .inner_getquote .quote-form .quotestep{margin: 0px 0px 30px;padding: 20px;background:#EFEFEF;box-shadow: 0px 3.44px 3.44px 0px #00000040;border-radius: 40px;}
.getquote_sec .inner_getquote .quoteplan_list .accordion{} 
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item{border: 0px;} 
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item button{background: #EFEFEF;box-shadow: 0px 3.44px 3.44px 0px #00000040;justify-content: space-between;color:#232323;font-weight:600;justify-content:space-between;}
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item button span{border-radius:50%;display:inline-block;color:#fff;background: #FE0000;text-align: center;}    
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item button.accordion-button::after{margin-left: initial;content: '\e800';font-family: "font-icon";color: #FE0000;background: transparent;font-weight: normal;}
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item .accordion-collapse{margin:20px 0px 0px;}
.getquote_sec .inner_getquote .quoteplan_list .accordion .accordion-item .accordion-body{background: #EFEFEF;box-shadow: 0px 3.44px 3.44px 0px #00000040;}
.getquote_sec .inner_getquote .quoteplan_list .accordion-item .min_fee_amount{text-align: center;color: #FE0000;font-weight:500;}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table{}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_row{padding: 5px 0 5px 0;min-height: 26px;border-bottom: 2px solid #e5e5e5;overflow: hidden;}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_row{}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_cell{float: left;min-width: 50px;padding-bottom: 4px;height: 40px;line-height: 20px;text-align: left;color:#232323;font-weight:400;}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_heading .serv_cell{color:#232323;font-weight:600;} 
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_cell input{margin: 10px;padding: 0px;}
.getquote_sec .inner_getquote .quoteplan_list .plan_service_table .serv_cell select{border:1px solid #232323;font-size:14px;line-height:18px;padding:5px;background:transparent;width:100%;border-radius: 4px;} 
.getquote_sec .inner_getquote .quoteplan_btns{text-align:right;padding: 0px 20px;}
.getquote_sec .inner_getquote .quote-form .quoteplan_btns{display: flex;justify-content: space-between;}
.getquote_sec .inner_getquote .quote-form .quoteplan_btns_submit{justify-content: flex-end;}
.getquote_sec .inner_getquote .quoteplan_btns button{background: #000000;border: 0px;color: #EFEFEF;box-shadow: 0px 0px 10px #00000094;} 
.getquote_sec .inner_getquote .quoteplan_price{box-shadow: 3px 4px 4px 0px #00000066;background:#EFEFEF;text-align:center;border-radius:20px;margin-bottom:45px;}
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate{}
.getquote_sec .inner_getquote .quoteplan_price .cus_plan_txt span{color:#FE0000;font-weight:600;}  
.getquote_sec .inner_getquote .quoteplan_price .cus_plan_txt span span{color:#232323;}
.getquote_sec .inner_getquote .quoteplan_price .cus_plan_txt small{font-size:10px;line-height:14px;color:#232323;display: block;}  
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart{margin: 10px 0 20px;text-align: left;}
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column{margin:0px 0px 10px;}
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column h5{color: #232323;font-weight: 600;margin: 0px 0px 5px;text-transform: uppercase;}
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column ul li{color: #000000;font-size: 12px;line-height:16px;font-weight: 400;margin: 0px 0px 5px;display: block;}
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column ul li span.planlabel, .getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column span.minamount{width: calc(100% - 60px);display: inline-block;}  
.getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column ul li span.price, .getquote_sec .inner_getquote .quoteplan_price .plan_estimate_cart .cart_column span.pricemin{font-weight: 600;float: right;width: 50px;margin-left: 10px;text-align: right;}
.getquote_sec .inner_getquote .quoteplan_price .plan_totalprice{}
.getquote_sec .inner_getquote .quoteplan_steps{box-shadow: 4px 4px 4px 0px #00000040;background:#EFEFEF;padding:10px;text-align:center;border-radius:20px;}
.getquote_sec .inner_getquote .quoteplan_steps ul{}
.getquote_sec .inner_getquote .quoteplan_steps ul li{margin:0px 0px 10px;display:block;}
.getquote_sec .inner_getquote .quoteplan_steps ul li a{border:1px solid #FE0000;font-size: 15px;line-height:22.5px;font-weight:400;display:block;padding:5px;}  
.getquote_sec .inner_getquote .quoteplan_steps ul li.active a, .getquote_sec .inner_getquote .quoteplan_steps ul li a:hover, .getquote_sec .inner_getquote .quoteplan_steps ul li a:focus{background:#FE0000;color:#fff!important;}
.getquote_sec .inner_getquote .quoteplan_steps ul li:first-child a{border-top-left-radius:20px;border-top-right-radius:20px;}
.getquote_sec .inner_getquote .quoteplan_steps ul li:last-child a{border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.getquote_sec .inner_getquote .quoteterm_title{}
.getquote_sec .inner_getquote .quoteterm_title h4{color: #232323;font-size: 15px;line-height:21px;font-weight: 600;margin:0px 0px 20px;}
.getquote_sec .inner_getquote .quoteterm_title h4:after{content:"";background:#FE0000;width:54px;height:4px;display: block;}
.getquote_sec .inner_getquote .quoteterm_list{}
.getquote_sec .inner_getquote .quoteterm_list ul{}
.getquote_sec .inner_getquote .quoteterm_list ul li{color: #232323;font-size: 11px;line-height:17px;font-weight: 500;margin:0px 0px 10px;}
.getquote_sec .inner_getquote .quoteterm_list ul li img{width: 33px;}
.getquote_sec .estimateform .quotestep{display: none;overflow: hidden;}
.getquote_sec .estimateform .quote_step_a{display: block;padding: 0px 0px 30px;}
.getquote_sec .estimateform .custom-error{color:#ff0000;} 
/*datepicker Calender */
.estimateform .quote_date_box{margin: 10px 10px 30px;}
.estimateform .quote_date_box .ui-datepicker{width: 100%;border: 0px;border-radius: 4px;box-shadow: 0px 3.44px 3.44px 0px #00000040;background: #fff;}
.estimateform .quote_date_box .ui-datepicker .ui-datepicker-header{background: transparent;border: 0px;}
.estimateform .quote_date_box .ui-datepicker .ui-datepicker-header .ui-datepicker-title{color: #076f63;font-size: 26px;line-height: 30px;font-weight: 600;padding: 5px 0px;}  
.estimateform .quote_date_box #datepicker{display: block;padding: 10px;}
.estimateform .quote_date_box #datepicker table{width: 100%;}
.estimateform .quote_date_box #datepicker a.ui-datepicker-prev, .estimateform .quote_date_box #datepicker a.ui-datepicker-next{background: #f9f9f9 none repeat scroll 0 0;cursor: pointer;height: 30px;padding: 10px 0 0;text-align: center;width: 14%;}
.estimateform .quote_date_box #datepicker a.ui-datepicker-prev:hover, .estimateform .quote_date_box #datepicker a.ui-datepicker-next:hover{color: #fff;}
.estimateform .quote_date_box #datepicker a.ui-datepicker-prev{float: left;}
.estimateform .quote_date_box #datepicker a.ui-datepicker-next{float: right;}
/* .estimateform .quote_date_box #datepicker .ui-datepicker-title{font-size: 18px;font-weight: bold;height: 40px;padding: 10px 0 0;text-align: center;} */
.estimateform .quote_date_box #datepicker td, #datepicker th{background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #fff;height: 50px;line-height: 50px;text-align: center;}
.estimateform .quote_date_box #datepicker td a{color: #232323;display: block;height: 50px;line-height: 50px;padding: 0 10px;text-align: center;}
.estimateform .quote_date_box #datepicker td a.ui-state-hover, .estimateform .quote_date_box #datepicker td a:hover, .estimateform .quote_date_box #datepicker td a.ui-state-active{background: #076f63 none repeat scroll 0 0;color: #fff!important;border: 1px solid #076f63;}
.estimateform .quote_date_box #datepicker .ui-state-highlight, .estimateform .quote_date_box #datepicker .ui-widget-content .ui-state-highlight, .estimateform .quote_date_box #datepicker .ui-widget-header .ui-state-highlight{background: #232323 none repeat scroll 0 0;color: #fff!important;border: 1px solid #232323;}
.estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-prev, .estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-next{height:auto;padding: 5px 0;text-align: center;position: static;border: 0px;margin-top: 4px;}  
.estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-prev-hover, .estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-next-hover{background: #076f63;color: #fff!important;}  
.estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-prev span, .estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-next span{    font-size: 16px;line-height: 21px;color: #232323;background:transparent;border:0px;position:static;width: auto;height: auto;text-indent: initial;margin: 0px;}
.estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-prev-hover span, .estimateform .quote_date_box #datepicker .ui-datepicker .ui-datepicker-next-hover span{color: #fff!important;}
.estimateform .quotestep .estimate_detail{margin: 0px 0px 20px;}
.estimateform .quotestep .estimate_detail .estimate_dt_column{margin:0px 0px 5px;display: flex;border-bottom: 1px solid #efefef;padding: 10px 0;}
.estimateform .quotestep .estimate_detail .estimate_dt_column span{font-size:15px;line-height:21px;color:#232323;width: calc(50% - 8px);}
.estimateform .quotestep .estimate_detail .estimate_dt_column span.span_label{font-weight:500;margin-right: 4px;}
.estimateform .quotestep .estimate_detail .estimate_dt_column span.span_value{font-weight:600;margin-left: 4px;} 

.getquote_sec .inner_getquote .quoteplan_price {
    box-shadow: 3px 4px 4px 0px #00000066;
    background: #ececec;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 45px;
}


h2.woocommerce-loop-product__title {
    color: #ffbc03;
    font-size: 20px;
    margin: 10px;
}

h2.rzrltd {
    color: #fff;
}

.summary.entry-summary.rz-row.tc-init .price {
    display: none;
}

.woocommerce-product-details__short-description p {
    color: #fff !important;
}
.tm-description p {
    color: #fff;
}
h1.product_title.entry-title {
    background: #ffbc03;
    width: auto;
    padding: 5px;
    font-size: 25px !important;
}

span.tc-price-wrap span.amount {
    color: #ffbc03;
    font-size: 20px !important;
    font-weight: 600;
    text-decoration: none !important;
}
dl.tm-extra-product-options-totals.tm-custom-price-totals {
    color: #000;
}

div#tm-epo-totals dl.tm-extra-product-options-totals.tm-custom-price-totals {
    color: #ffbc03;
}

li.tmcp-field-wrap label {
    color: #fff;
}
li.tmcp-field-wrap {
    color: #fff;
}

li.tmcp-field-wrap label span {
    color: #fff;
}
.rz-row {
    border: 1px solid #ffbc03;
    padding: 15px;
    background: #e3e3e31f;
}
.custom-bg {
    background-image: url("assets/img/bgh.jpg");
  background-repeat: no-repeat; /* By default, the background image will repeat both horizontally and vertically. Setting this property to 'no-repeat' prevents that. */
  background-size: cover; /* This scales the image proportionally to cover the entire background area, without causing distortion. You can also use 'contain' if you want the entire image to fit within the background area. */
  background-attachment: fixed;
  background-position: center;
}

.nf-field-label label {
    color: #076f63 !important;
    background: #ffffff !important;
    border-radius:3px;
}
.form-group label{
    color: #ffffff !important;
}
.checkboxsel ul li input[type="radio"] {
  display: none;
}

.checkboxsel ul li input[type="radio"]:checked + label {
  border-color: #ddd;
}

/*.checkboxsel ul li input[type="radio"]:checked + label:before {*/
/*  content: "âœ“";*/
/*  transform: scale(1);*/
/*  background-color: #ffbc03;*/
/*    border-radius: 50%;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    line-height: 21px;*/
/*    color: #000;*/
/*    margin-right: 3px;*/
/*}*/
.rzsingleselectimage li input[type="radio"]:checked + label p{
    color:#000 !important;
}
.tc-extra-product-options{
    visibility:visible !important;
}



.checkboxsel ul li input[type="radio"]:checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}

h1.product_title.entry-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1;
    color: #000;
}

.quantity, .product_meta {
    display: none;
}
.tm-floating-box {
    background: #ffbc03;
    color: #000;
}
h3.tc-cell.tm-epo-element-label {
    color: #ffbc03;
    font-size: 20px;
}


.gurlgbtm {
    position: absolute;
    /* right: 50%; */
    bottom: 0;
    width: 310px;
    z-index: 1;
    /* width: 100%; */
    margin: 0 auto;
    left: 0;
    right: 0;
}
.gurlgbtm img {
    width: 100%;
    max-width: 100px;
    padding: 7px 3px 3px;
    background: #ffffffd4;
}

@media only screen and (min-width: 992px) {
.gurlg {
    max-width: 130px;
    top: 30px;
}
}
.gurlg {
    position: absolute;
    right: 0;
    top: 75px;
    max-width: 90px;
    z-index: 1;
    width: 100%;
    margin: 15px;
}
.leftp {
    left: 0 !important;
}
.rightp {
    right: 0 !important;
}
@media only screen and (max-width: 767px) {
.gurlg {
    position: absolute;
    right: 0;
    top: 55px;
    
}
}


@media only screen and (max-width: 992px) {
.gurlg {
    position: absolute;
    right: 0;
    top: 85px;
    
}
}
.service-item.servimg img {
    width: 100% !important;
    max-width: 100% !important;
}

.checkboxsel ul li input[type="radio"]:checked + label {
    border-color: #0b0a0a !important;
    border: 3px solid #000000;
    background-color: rgb(6 111 99);
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255, 107, 0, 0.15);
    padding: 10px;
}