/*** css **/
@import url('https://fonts.googleapis.com/css?family=Exo:300,400,400i,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table.table.table-bordered td {
    text-transform: capitalize;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
a, img {
	outline: none;
	border: none;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
iframe, embed, object {
	max-width: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	background:#fbfbfb;
}
.mr5{
	margin-top:5px !important;
}
.mr10{
	margin-top:10px !important;
}
.mr15{
	margin-top:15px !important;
}
.mr20{
	margin-top:20px !important;
}
.mr25{
	margin-top:25px !important;
}
.mr30{
	margin-top:30px !important;
}
section {
	width: 100%;
	display:inline-block;
}
.thanks_body{
    background-image:none !important;
    background-color:#fff !important;
}
.header{
	width:100%;
	display:inline-block;
	background:#fff;
	padding:15px 0px;
	text-align:center;
	border-bottom:solid 2px #7bb24c;
}
input.input_field.readonly {
	background: #e8e8e8;
	border: solid 1px #8cce7c;
}
.wrapper {
	width: 920px;
	margin: 0px auto 35px auto;
	display:table;
    padding-bottom: 10px;
	background: #fdfdfd;
	box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.23);
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.mid_heading {
	width: 100%;
	display: inline-block;
	position: relative;
	background: #fff;
    background-size:cover;
	padding: 15px 0;
}
.logo_outer {
	display: inline-block;
}
ul.ac_list {
	padding: 0;
	margin: 30px 0 0 0;
	text-align: right;
}
ul.ac_list li {
	display: inline-block;
	vertical-align: middle;
    padding:0 10px
}
ul.ac_list li img {
	width: 100px;
}
.mid_heading i {
	color: #f34151 ;
	font-size:30px;
	display: inline-block;
	zoom: 1;
	*display:inline;
    vertical-align: middle;
}
.mid_heading h1 {
	color: #222;
	font-weight: 600;
    font-size: 40px;
	display: inline-block;
	zoom: 1;
	*display:inline;
	vertical-align: middle;
	margin-left: 6px;
}
.mid_heading h1:after{
    content:"";
	display:table;
	margin:20px auto 0px auto;
	width:40px;
	height:4px;
	background:#3c8c28;
}
.mid_heading h1 img{
    display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	width:50px;
}
.logo {
    max-width:100%;
    width: 180px;
    margin-top:15px;
}
.sub_heaidng{
    color: #efefef;
	font-size: 20px;
	display: inline-block;
	zoom: 1;
	*display:inline;
	width:100%;
	margin:8px 0px 35px 0px;
	text-align:center;
}
.mid_heading p{
    margin-top:30px;
}
.sub_text{
	width:70%;
	font-size:20px;
	color:#fff;
	display:table;
	margin:0px auto 40px auto;
	text-align:center;
	line-height:29px;
}
.sub_text span{
    font-weight:700;
	color:#fb6e9d;
}
.col_l {
	width: 100%;
	position: relative;
}
.quiz_step{
	width:100%;
	text-align:center;
	display:inline-block;
}
.quiz_step_i{
	background:url(../images/quiz-icon.png) no-repeat;
	display:inline-block;
	width:120px;
	height:120px;
	background-size: 100%;
}
.quiz_step_i h2{
	color:#fff;
	font-size: 25px;
	margin: 37px 0px 0px 0px;
}
.quiz_step_i p{
	color:#fff;
	font-size: 24px;
	margin: 5px 0px 0px 0px;
	font-weight:700;
}
.col_l_heading {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	position: relative;
	margin-top:5px;
	text-align:center;
}
.col_l_heading img {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}
.col_l_heading h1 {
	font-size: 33px;
	color: #333;
	display: inline-block;
	font-weight: 600;
	vertical-align: middle;
}
.col_l_heading h1:after{
    content:"";
	display:table;
	margin:15px auto 0px auto;
	width:40px;
	height:4px;
	background:#3c8c28;
}
.col_l .field {
	margin: 10px 0px;
	display: inline-block;
	zoom: 1;
	*display:inline;
    position: relative;
	width: 100%;
	text-align: left;
	padding: 20px 0px 20px 0px;
	box-sizing: border-box;
	border-bottom: dashed 1px #ccc;
}
.border_no{
	border:none !important;
}
.lable_txt{
    margin-bottom:12px;
	position:relative;
}
.lable_txt p{
    display:inline-block;
	vertical-align:middle;
    color: #222;
	font-size: 18px;
}
.input_col{
    margin-top:15px;
	float:none;
	display:inline-block;
	margin:12px -1px 5px -1px;
}
.input_col span{
    font-size:14px;
	margin-top:5px;
	float:left;
	color:#777;
}
.col_l input:focus {
	border: solid 1px #8cce7c;
}
.col_l select:focus {
	border: solid 1px #8cce7c;
}
.mr-b{
    margin-bottom:10px;
}
.col_l .field h2 {
	font-size: 23px;
	display: inline-block;
	vertical-align: middle;
	color: #75ae43;
	margin-bottom: 10px;
	line-height: 28px;
	border-bottom:solid 2px #75ae43;
	padding-bottom:5px;
}
.col_l .field h2 a{
	color: #75ae43;
}
.col_l .input_field {
	width: 100%;
	float:left;
	box-sizing:border-box;
    padding: 12px 9px;
	border: solid 1px #bcbcbc;
	outline: none;
	text-align: left;
    font-size: 16px;
	background:#fbfbfb;
}
.col_l select {
	width: 100% !important;
	line-height: 38px;
}
.col_l select option {
	background: rgba(0,0,0,0.3);
	color:#2A2A2A;
}
.full_width{
    width:100% !important;
	box-sizing:border-box;
}
.col_l select option {
    background:none;
    margin:0px 0px 0px 14px;
}
.result_txt{
    text-transform:uppercase;
	font-weight:600;
	font-size:36px;
}
.result_txt i{
    vertical-align: top;
	font-size: 23px;
	position: relative;
	margin-right: 4px;
}
.total_txt{
    text-align:center;
	width:100%;
	color:#75ae43;
	margin-bottom:15px;
	display:inline-block;
	font-size: 19px;
}
.total_col{
    width:100%;
    text-align:center;
	padding:3px 3px;
	position:relative;
	z-index:0;
	margin-top: 14px;
}
.total_amount{
    padding:18px 0px;
	color:#fff;
	background:#3c8c28;
	width:100%;
	display:inline-block;
}
.total_amount .lable_txt{
    margin-bottom:0px !important;
}
.total_amount .lable_txt p{
    color:#fff;
	font-size:21px;
	font-weight:600;
}
.total_inner{
    background:#fff;
	padding:35px 15px;
	box-shadow: 0px 0px 11px 0px #bdbdbd;
}
.t_amount{
    text-align:center;
	width:100%;
	color:#ffa500;
	font-size:45px;
	font-weight:700;
}
.total_col:after, .total_col:before {
	content: "";
	height: 4px;
	width: 0px;
	position: absolute;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	z-index: -1;
}
.total_col:after, .total_col:before {
	width: 50%;
	height: 50%;
	background: #ffbc13;
}
.total_col:before {
	right: 0;
	top: 0;
}
.total_col:after {
	left: 0;
	bottom: 0;
}
.green_t:after, .green_t:before{
	background: #75ae43;
}
.orange_txt{
    color:#ffa500;
}
.green_txt{
    color:#75ae43;
}
.submit_col {
	width: 100%;
	text-align: center;
	margin: 20px auto 40px auto;
	position: relative;
}
.submit_col .cal_field {
	width: 80%;
	display: inline-block;
	zoom: 1;
	*display:inline;
    position: relative;
	vertical-align: top;
}
.submit {
	border: none;
	outline: none;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 11px 0px;
	width: 100%;
	background: #e49400;
	cursor: pointer;
	border-bottom: solid 3px #ce8500;
	transition: ease all 0.4s;
	-moz-transition: ease all 0.3s;
	-ms-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	box-shadow: inset 0 0 0 0 #ce8500;
	margin-top:10px;
}
.submit i {
	font-size: 16px;
	margin: 0px 1px 0px 0px;
}
.submit:hover {
	box-shadow: inset 600px 0 0 0 #ce8500;
	border-bottom: solid 3px #e49400;
	color: #fff;
}
.cal_help {
	display:inline-block;
	z-index: 10;
	background: url(../images/help.png) no-repeat right top;
	width: 18px;
	height: 18px;
	cursor: pointer;
	position:relative;
}
.cal_tip_area {
	position: absolute;
	left: 40px;
	top: -15px;
	display: none;
	z-index: 999;
	cursor: text;
}
.cal_tip_area img{
	border:solid 2px #f34151;
}
.cal_tip_area p {
	padding: 8px 10px;
	background: #ffa500;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	width: 300px;
	text-align: left;
	font-size:15px;
}
.cal_tip_area:after {
	content: "";
	position: absolute;
	top: 10px;
	left: -8px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ffa500;
}
.close{
	background:#fff;
	width:20px;
	height:20px;
	border-radius:100%;
	color:#2A2A2A;
	line-height:22px;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	position:absolute;
	right: -8px;
	top: -8px;
}
.output_col{
	width:100%;
	margin:50px 0px 20px 0px;
	padding:30px 25px 30px 25px;
	background: rgba(236,118,162,0.6);
	clear:both;
	text-align:center;
    box-sizing: border-box;
    border: dashed 1px #ec76a2;
}
.output_col h1{
	font-size:17px;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	line-height:28px;
}
.output_col h1 i{
	font-size:20px;
	margin:0px 8px 0px 0px;
}
.form_row {
	width:46%;
	display:inline-block;
	vertical-align:middle;
	padding:0px 12px 0px 12px;
	margin:25px 0px 0px 0px;
}
.form_row .input_field {
	width: 100%;
	display: inline-block;
	zoom: 1;
	*display:inline;
	box-sizing: border-box;
    padding: 12px 0px 12px 15px;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 2px #ff89ae;
	outline: none;
	text-align: left;
	color: #666;
	font-size: 16px;
	background:#fff;
}
.scor_col{
	display:table;
	width:110px;
	height:110px;
	margin:25px auto 0px auto;
	text-align:center;
}
.scor_col_iner{
	display:table-cell;
	width:100px;
	height:100px;
	vertical-align:middle;
	background:#41d285;
	color:#fff;
	font-size:22px;
	font-weight:700;
	border-radius:100%;
	box-shadow:0px 0px 0px 4px rgba(65, 210, 133, 0.4);
}
.mr40{
	margin-top:40px !important;
}
.timber_logo{
    width:100%;
	text-align:center;
	margin:0px 0px 40px;
	padding:0px 15px;
	float:left;
	box-sizing:border-box;
}
.timber_logo img{
    display:inline-block;
	max-width:300px;
}
.homeicon_disp{
	margin-top: 6% !important;  float: right; width:28% !important;
}
/** steps **/
fieldset{
    display:none;
    text-align:center
}
/*form{ text-align:center; }*/
/* my css starts */
.btn-group-sm>.btn, .btn-sm { background-color: #f0f0f0;}

.add_input{ padding:20px 0px;}

.add_input h3{ padding:10px 0px;}

a:focus, a:hover { color: #2b6698; text-decoration: none;}

.item hr.sub_rule {
    margin-top: 5px;
    margin-bottom: 5px;
}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 0px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
/* my css ends */
#first{
    display:block;
    border:none;
}
.next_btn, .signup_button, .pre_btn, .recal_btn, .detail_result{
	border:none;
	outline:none;
	display:inline-block;
	color:#fff;
	font-size:14px;
	padding:15px 70px;
	background:#48a5ea;
	font-weight: 700;
	margin:0px 8px 45px 8px;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
    -webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	box-shadow:inset 5px 0px 0px 0px #0085cd;
	text-transform:uppercase;
}
fieldset .pre_btn i{
    margin:0px 3px;
}
fieldset .recal_btn i{
    margin:0px 3px;
}
fieldset .detail_result i{
    margin:0px 3px;
}
.next_btn:before,.signup_button:before, .detail_result:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background:#0085cd;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.next_btn:hover:before ,.signup_button:hover:before , .detail_result:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
fieldset .pre_btn, fieldset .recal_btn{
    background:#464646;
	box-shadow:inset 5px 0px 0px 0px #292929;
}
.pre_btn:before, .recal_btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background:#292929;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.pre_btn:hover:before, .recal_btn:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.see_result{
    border:solid 1px #75ae43;
	color:#75ae43;
	font-size:16px;
	padding:10px 25px;
	display:inline-block;
	margin-top:15px;
}
.step_col{
	width:100%;
	display:inline-block;
	text-align:center;
}
.step_col p{
    color:#fff;
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
}
.step_col span{
	color:#fff;
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:100%;
	background: #07AE4D;
	text-align:center;
	margin: 0px 4px 0px 4px;
}
.progress{
	background-color: #fbb03b;
    border-radius: 0;
	height: 7px;
}
.progress-bar{
	background-color: #3e8d2b;
}
.modal-body .col_l .input_field {
	padding: 14px 10px;
	border-left: none;
	border-top: none;
	border-right: none;
	outline: none;
	text-align: left;
	font-size: 16px;
	background: #fbfbfb;
	border: solid 1px #ddd;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
	font-size: 27px;
	color: #f18700;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	padding-top: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}
.modal-header .close {
	margin-top: 16px;
	right: 13px;
	font-size: 30px;
	color: #585858;
	opacity: 1;
}
.modal-body {
	position: relative;
	padding: 15px 35px 40px 35px;
}
.modal-body p{
    margin-bottom:10px;
}
.modal-body .input_col {
	margin-top: 22px;
}
@-webkit-keyframes k {
	0% {
        background-position:0 -402px
	}
    to {
		background-position: 0 0 
	}
}
@keyframes k {
	0% {
        background-position:0 -402px
	}
    to {
		background-position: 0 0 
	}
}
.mb-10{
	margin-bottom:10px!important
}
.mb-15{
	margin-bottom:15px!important
}
.mb-20{
	margin-bottom:20px!important
}
.mb-25{
	margin-bottom:25px!important
}
.mb-30{
	margin-bottom:30px!important
}
.mb-40{
	margin-bottom:40px!important
}
.mb-50{
	margin-bottom:50px!important
}
.mb-60{
	margin-bottom:60px!important
}
.mb-70{
	margin-bottom:70px!important
}
/*new*/
body{
    font-family: 'Open Sans', sans-serif;
}
.step3_responce {
    margin-top: 30px;
}
.col-md-3.other_cap_data {
    width: 16.5%;
}
.other_cap_data .teaser.media.color_bg_3 {
    padding: 36px 14px;
}
.logo1{
    margin-bottom:20px;
    width:200px;
}
.item{
    background:#fff;
    display: inline-block;
    position:relative;
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: dashed 1px #ccc;
	width: 100%;
}
.item-1{
    background:#fff;
    display: table;
    position:relative;
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: dashed 1px #ccc;
	width: 540px;
	margin: 0 auto;
}
.item h1{
	font-size: 27px;
	font-weight: bold;
	color: #0085cd;
	margin: 0px 0 40px 0;
    text-align:center;
}
.form-group label {
	display: inline-block;
	width: 100%;
	color: #9e9e9e;
	font-size: 16px;
    text-align:left;
}
.item_left {
	width: 100px;
	background: #48a5ea;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.item_right {
	width: 90%;
	float: right;
	padding: 0 0 0 10px;
}
.width{
    width:455px;
    text-align:center;
    display:block;
    margin:0 auto;
}
.width-1{
    display:block;
    margin:0 auto;
}
.form-group.form-box input{
	color: #5a5a5a;
	background: transparent;
	width: 100%;
	outline: none;
	padding: 12px 15px;
	font-size: 15px;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	margin: 10px 0 0 0;border-radius: 5px;
}
.full-table{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pagination {   margin: 0px 0;
}
.form-group input{
    border:none;
    border-bottom:1px solid #d8d8d8;
    color:#5a5a5a;
    background:transparent;
    width:100%;
    outline:none;
    padding:5px 5px;
    font-size: 15px;
}
.form-group.form-box .width{width:100%}
.item hr{
	margin-top: 15px;
	margin-bottom: 30px;
}
img.curve {
	position: absolute;
	top: 0;
	left: -34px;
	z-index: 1;
}
.white{
    background:#fff
}
.main_cal{
    width:100%;
    display:table;
    background:url(../images/duct_bg2.png) no-repeat top center;
    background-size:cover;
	padding: 50px 0;
	background-attachment: fixed;
}
.text-center{
    text-align:center
}
/** custom radio button css **/
.regular-radio {
    display: none;
}
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
	cursor:pointer;
}
.regular-radio:checked + label:after {
    content: ' ';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    background: #fff;
    text-shadow: 0px;
    left: 5px;
    font-size: 32px;
}
.regular-radio:checked + label {
    background-color: #48a5ea;
    color: #99a1a7;
    border: 1px solid #48a5ea;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.strat_choose_col {
	display: inline-block;
	margin: 0px 20px 8px 0px;
	vertical-align: middle;
}
.strat_choose_col p {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #828282;
	margin: 0px 0px 0px 4px;
}
/*custom checkbox*/
.checkbox_label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 187px;
	color: #828282;
}
/* Hide the browser's default checkbox */
.checkbox_label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */
.checkbox_label .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkbox_label:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkbox_label input:checked ~ .checkmark {
	background-color: #48a5ea;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.checkbox_label input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.checkbox_label .checkmark:after {
	left: 8px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.item h2 {
	font-size: 22px;
	font-weight: 600;
	color: #0085cd;
	margin: 0px 0 0px 0;
	text-align: left;
}
.list_areas ul li p , .list_summary ul li p{
    font-size:16px;
    color:#828282;
    margin:0 0 6px 0;
}
.list_areas ul li{
    width: 22%;
    display: inline-block;
    margin: 0 -2px;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    vertical-align: top;
}
.list_summary ul li{
    width: 33.33%;
    display: inline-block;
    margin: 0 -2px;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    vertical-align: top;
}
.inpt_field{
    width:100%;
    border: 1px solid #d4d4d4;
    padding:6px 10px;
    outline:none;
    font-size: 15px;
    color: #5a5a5a;
}

.list_areas ul li:first-child{
    width: 32%;
    padding:0
}
.list_areas ul li:first-child .strat_choose_col{
    width:auto;
    margin:7px 20px 0px 0px;
}
.split_li ul li:first-child {
    width: 22%;
    padding: 0 20px 0 0;
}
.split_li ul li:last-child {
     width: 32%;
    padding:0
}
.item hr.sub_rule {
	margin-top: 15px;
	margin-bottom: 20px;
}
.dash{
    width:100%;
    display:inline-block;
    border:dashed 1px #ccc
}
.item.no_border.shadow{
    border-bottom:none;box-shadow:0 0px 22px 9px rgba(0, 0, 0, 0.13);    padding:30px 20px 0 20px;
}
.table thead{
    background:#48a5ea;
    color:#fff;
    font-weight:bold
}
.table tr th {
    font-size:16px;
    color: #fff;
}
.table tr p , .table tr td {
    font-size:15px;
    color: #5a5a5a;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-bottom-width: 1px;
}
.table>thead>tr>td{
    font-size:15px;
}
.instal_tabl th , .instal_tabl td{
    vertical-align:middle !important;
}
.instal_tabl .table tr th{
    border-bottom:1px solid #ddd
}
.instal_tabl tr th:nth-child(1){
    width:60%
}
.instal_tabl tr th:nth-child(2){
    width:20%;
    text-align:center
}
.instal_tabl tr th:nth-child(3){
    width:20%;
    text-align:center
}
.instal_tabl tr td:last-child{
    text-align:center
}
.tabe .inpt_field {
	width: 93%;
	margin: 0 auto;
	display: table;
}
.opacity{position:relative;height:100vh}
.opacity:before {
    content: "";
    background: rgba(79, 182, 237, 0.85);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
h1.color {
    color: #4a4a4a;
    font-weight: bold;
    font-size: 33px;
    margin: 0 0 20px 0;
}
h1.color:after {
    content: "";
    background: #48a5ea;
    width: 45px;
    height: 3px;
    display: table;
    margin: 10px auto 0;
}
.company_logo{    margin: 23px 0 0 0 !important;
}
.col-sm-4.no_right_padding .signup_button{padding: 15px 53px;}
.opacity .signup_button:after{display:none;}
.opacity .signup_button{background:rgb(0, 133, 205);border:1px solid rgb(0, 133, 205);margin-top: 20px;border-radius: 4px;}
.opacity .signup_button:hover{border:1px solid rgb(0, 133, 205);color:rgb(0, 133, 205);background:transparent;    transform: none;box-shadow:inset 0px 0px 0px 0px #0085cd}
.pl_0{padding-left:10px;}
.pr_0{padding-right:10px;}
.item.no_border.w_680{width:100%}
/*dashboard start*/	
.sec1 ul li img.home {
    float: left;
    margin-left: 2px;
    margin-right: 3px;
}
img.back_arrow{margin-left:5px;}
.sec1 ul li{display:inline-block;vertical-align:middle;float:left;margin: 0px 0 0 0;}	
.sec1 ul li p{font-size:23px;color:#575757;margin-top: -2px;}					
.sec1 {
    padding:30px 0 30px;
    width: 100%;
    float: left;
}
.sec1 ul{margin-bottom:20px;    display: inline-block;
    text-align: left;
width: 100%;}
.card.grey{background:rgba(29, 48, 82, 0.85)}
.card.blue{background:rgb(89, 182, 251)}
.card{position: relative; overflow: hidden;}					
.teaser.media.after_cover {
    padding: 15px 15px;
}						
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: middle;color:#fff
}
.media-right, .media>.pull-right {
    padding-left: 10px;
}
.teaser_icon {
    display: inline-block;
    line-height: 0.8;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.media-body p{text-align: center;    padding: 0 10px 0 0;
    font-size: 16.5px;color:#fff;
text-transform: uppercase;}
.teaser_icon img {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;width: 64px;
}
.teaser.media.after_cover img {
    opacity: 0.3;
}
.card a:hover , .card a:focus{text-decoration:none}
.media-body{color:#fff}						

.teaser:hover .teaser_icon {
    -webkit-animation: scaleDisappear 0.5s;
    animation: scaleDisappear 0.5s;
}					
.card:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.18);
    bottom: -55px;
    right: -45px;
    width: 70px;
    height: 100px;
    transform: rotate(40deg);
    z-index: 0;
}		
/*profile start*/
.sec2 {
    width: 100%;
    float: left;
	
	
}
.text ul li img{margin:0px 0 0 0;}
.text ul li p {
    font-size: 26px;
    margin: 0 0 5px 0;
}
.text ul li{display:inline-block;vertical-align:middle;margin:15px 0 0 0;}
.user6 {
    float: left;
    margin: 9px 0 0 6px;
}
.card-description {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: normal;
    color: #48a5ea;
    padding: 5px 0px 0 10px;
    text-align: left;
}
.sec2 .form-group{margin-bottom:15px;}
.sec2 .form-group label {
    display: inline-block;
    width: 100%;
    color: #615d5d;
    font-size: 16px;
    text-align: left;margin: 0 0 5px 0;
}
.sec2 .form-group input {
    border: none;
    border: 1px solid #d8d8d8;
    color: #5a5a5a;
    background: transparent;
    width: 100%;
    outline: none;
    padding: 5px 5px;
    font-size: 15px;height: 40px;
}
.sec2 .form-control{border: 1px solid rgba(97, 97, 97, 0.38);width:380px;margin-bottom:5px;}
.profile .next_btn  {
    border: none;
    outline: none;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 16px 36px;
    background: #48a5ea;
    font-weight: 700;
    margin: 0px auto 60px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-transform: uppercase;	
}
.item hr {
    margin-top: 15px;
    margin-bottom: 30px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.sec2 .form-group .inpt_field {
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 6px 10px;
    outline: none;
    font-size: 15px;
    color: #5a5a5a;
}
.sec2 p img.home {
    float: left;
    margin-left: 2px;
    margin-right: 3px;
}
.sec2 p{display:inline-block;vertical-align:middle;float:left;margin: 0px 0 0 0;font-size:23px;color:#575757;}	
.sec2 ul li p{}
span.font_small {
    font-size: 15px;
    color: #333;
    line-height: 17px;
}
/* .replacement_magin_tbl th:nth-child(2) {
    width: 250px;
} */
span.red {
    color: red;
}
/*profile ends*/
/*dashboard ends*/	
/* view quote starts */
.table-wrapper-2{margin:20px 0 0 0;}
.table-wrapper-2 tr{border:1px solid #d2d2d2;}
.table-wrapper-2 .table tr th{font-size:16px;font-weight:normal;}
.table-wrapper-2 .table tr td p{display:inline-block;vertical-align:middle;}
.view{
    padding: 0 0 0 16px;
}
.fa-eye {
    color: #918e8e;
    margin: 0 auto;
    padding: 0 24px;
    font-size: 16px;
}
.table-wrapper-2 .table tr td a{display: inline-block;
vertical-align: middle;margin:0 8px 0 8px;}	
/* view quote ends */
.thank_you {
    width: 100%;
    display: inline-block;margin-bottom: 20px;
    padding: 50px;
    box-sizing: border-box;
    margin: 10px 0 0 5px;
}
.thank_you .white_bg {
    width: auto;
    margin: 0 auto;
}
.white_bg {
    background: #f7f7f7;
    padding: 40px 40px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 9px rgba(72, 165, 234, 0.45);
}
img.checked {
    display: block;
    margin: 0 auto 20px;
    width: 80px;
}
.white_bg p.thnk_para {
    text-transform: inherit;
    font-weight: normal;
    font-size: 22px;
    font-size: 22px;
    margin: 30px 0 38px 0;
}
.white_bg p {
    color: #0085cd;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.white_bg h1:after {
    content: "";
    width: 85px;
    height: 3px;
    background: #676767;
    display: block;
    position: relative;
    top: 15px;
    left: 3px;
    margin: 0 auto;
}
.white_bg h1 {
    color: #2e93c9;
    font-weight: 700;
    font-size: 42px;
    margin: 50px 0 0px 0;
    position: relative;
    line-height: 45px;
}
.pdf_tables {
    width: 100%;
    float: left;
    padding: 0 30px 10px;
    box-sizing: border-box;text-align:left;
}
.pdf_tables  table{width:100%;}
.pdf_tables textarea {
    width: 100%;
    resize: none;
    min-height: 100px;
    padding: 5px 15px;
    box-sizing: border-box;text-align:left;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 240px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;   top: 80px;text-align:left;
}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	    font-size: 14px
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {
    display: block;
    height: 99px;
    overflow: auto;
}
textarea.inpt_field.text_area.mail_des {
    height: 160px;
}
#pdf_Sec{display:block;    text-align: left;}
#pdf_Sec button, #pdf_Sec a{ text-align: center;}
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
	}
	#myImg:hover {opacity: 0.7;}
	/* The Modal (background) */
	.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	}
	/* Modal Content (image) */
	.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 600px;
	}
	/* Caption of Modal Image */
	#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
	}
	/* Add Animation */
	.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
	}
	@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
	}
	@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
	}
	/* The Close Button */
	.close_popup {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
	}
	.close_popup:hover,
	.close_popup:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
	}
	/* 100% Image Width on Smaller Screens */
	@media only screen and (max-width: 700px){
    .modal-content {
	width: 100%;
    }
	}
@media (min-width: 1200px){
    .container {
		width: 920px;
	}
}
.details_table tr td:nth-child(1){width:40%;vertical-align: middle;text-align: left;padding-left: 12px;position:relative}
.customer_table .details_table tr td:nth-child(1){width:auto;}
.customer_table .details_table .checkbox_label{width:auto;}
.details_table tr td:nth-child(1) span{    color: red;
    position: absolute;right: 10px;
    top: 5px;
    font-weight: bold;}
	.inpt_field.text_area{resize:none;}
	.details_table {
    margin-top: 20px;
}
.explain_sec label.checkbox_label {
    display: inline;
    float: left;
    margin: 3px 0 25px 0;
    width: auto;
}
.explain_sec {
    width: 100%;
    display: inline-block;
}
.explain_comment {
    width: 100%;
    display: inline-block;margin:10px 0 0 0
}
.explain_sec strong {
    float: left;    font-size: 18px;
}
.explain_comment strong {
    float: left;    font-size: 16px;font-weight:700
}
h1.mr20.mb_20{margin-bottom:20px }
.explain_comment textarea {width: 100%;
    height: 70px;
    resize: none;
	}
/*------ New Css------*/
.col-md-7.main_blue_head {
    padding-right: 0;
    text-align: left;
}
.blue_bg_heading {
    background: #48a5ea;
    color: #fff;
    font-weight: bold;
	padding:8px;
}
.col-md-3.inner_head1 {
    padding: 0;
}
.col-md-2.inner_head2 {
    padding-left: 0;
}
.row_field{margin:0 !important;}
.col_field
{
	display:inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
	padding: 8px 0px;
}
.col_field .common_col
{
	float:none;
	margin:0 -1px 0 -2px;
	vertical-align:middle;
	display:inline-block;
}
.col_field .col-md-7{padding-left:8px;}
.col-md-7.common_col.inner_col_dv {
    padding-left: 15px;
}
a.terms_link {
    text-decoration: underline;
}
a.terms_link:hover {
    text-decoration: underline;
 color:#014a7d;
}
.col-md-8.pull-right.agree_box {
    margin-top: 24px;
}
.col-md-3 .blue_bg_heading,.col-md-2 .blue_bg_heading,.col-md-3.common_col,.col-md-2.common_col{text-align:center;}
.last_col_field{border-bottom:0px;margin-bottom:30px;}
.kit_table .table {
    text-align: center;
}
.kit_table .table td:first-child {
    text-align: left;
}
.kit_table .table {
    table-layout: fixed;
}
.terms_page p{margin-bottom:20px;font-size:16px;}
.terms_page h2{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;position:relative;}
.terms_page h2:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #48a5ea;
    bottom: 0;
    left: 0;
}
.privacy_page h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 8px;
}
.detail_result:hover{color:#fff !important;}

/* product page css */
.special_tag {
	background: #9d0000;
	padding: 20px 10px 20px 10px;
	border-radius: 50%;
	font-size: 12px;
	margin-left: 155px;
	color: #fff;
	z-index: 999;
}
label,
textarea {
	font-size: .8rem;
	letter-spacing: 1px;
}
textarea {
	padding: 10px;
	line-height: 1.5;
	border-radius: 5px;
	border: 1px solid #ccc;
}
label {
	display: block;
	margin-bottom: 10px;
}
.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}
.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75
}
.close:not(:disabled):not(.disabled) {
	cursor: pointer
}
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none
}
.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}
.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2))
}
.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0
}
.modal-backdrop.show {
	opacity: .5
}
.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5
}
.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}
.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef
}
.modal-footer>:not(:first-child) {
	margin-left: .25rem
}
.modal-footer>:not(:last-child) {
	margin-right: .25rem
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
.modal-header .close {
	padding: 1rem;
	margin: 0rem 0rem 0rem auto;
}
.modal-backdrop.in {
	opacity: 0;
}
.product_box img {
	max-width: 100%;    display: block;
    margin: 0 auto;
}
.product_box {
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 72%, rgba(237, 237, 237, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(72%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 72%, rgba(237, 237, 237, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 72%, rgba(237, 237, 237, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 72%, rgba(237, 237, 237, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 72%, rgba(237, 237, 237, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	border: 2px solid #eee;
	padding: 10px 10px 0px;
	display: inline-block;
	width: 100%;
}
.product_box.ducted {
    padding: 10px 10px 35px;
}
.row {
	margin-bottom: 20px;
}
img.company-logo {
	height: 20px;
	float: left;
	width: auto;
}
.product_img {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    height: 170px;
    align-items: center;
    overflow: hidden;
    margin: 75px 0 10px;    background: #fff;
}
/* .wall .product_img {     */
    /* height: 125px!important; */
/* } */
a.red_btn {
	background: #9d0000;
	color: #fff;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 8px 20px;
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0;
}
.product_box p i {
	color: #167500;
}
.product_box p {
	text-transform: uppercase;
	font-size: 14px;
}
.product_box h3 {
	font-weight: 700;
	color: #606060;
	text-align: left;
	font-size: 15px;
	min-height: 95px;
}
.prod_row{
	margin-bottom: 30px;
}
.gray_clr {
	background: #606060 !important;
}
.tooltip_alt {
  position: relative;
}
img.phonecall-logo {
    float: right;
}
.tooltip_alt .tooltiptext {
     visibility: visible;
    width: 235px;
    background-color: #48a5ea;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px 0;
    position: absolute;
    z-index: 1;
    bottom: 104%;
    left: 50%;
    margin-left: -115px;
    opacity: 1;
    transition: opacity 0.3s;
}
.tooltip_alt .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #48a5ea transparent transparent transparent;
}
.tooltip_alt:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.product_outlets_zones {
    display: inline;
}
.product_outlets_zones label {
	    font-size: 16px;
    font-weight: 700;
}
.col-md-4.pro_ducted_data {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.col-md-4.pro_ducted_data select {
    width: 100%;
    font-size: 14px;
    padding: 4px 3px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px) {
	.product_box {
		margin-bottom: 20px;
	}
	.product_box h3 {
		min-height: 0px !important;
	}
}
.con_lab {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.con_lab input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.con_lab .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.con_lab:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.con_lab input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.con_lab .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.con_lab input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.con_lab .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
#edit-form .card:before{display:none;}
.email_sec label{    display: inline-block;
    font-size: 20px;    margin: 10px 10px 0 0;}
	#edit-form input#Customer_ladder_email {
    border: 1px solid #ccc;
    min-height: 35px;
    width: 40%;
}
.card-body .popup_send_email {
    display: inline-block;
    width: 100%;
}
	.card-body .popup_send_email input {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.card-body .popup_send_email label {
    display: inline-block;
    margin: 0;
}
.card.grey.other_cap1 {
       width: 18%;
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top;
    padding: 21px 10px;
    text-align: center;
}
.card.grey.other_cap .media-body p {
    text-align: center;padding:0;
}
.circle_des {
    width:100px !important;
    height:100px !important;
    border-radius: 50% !important;
    padding: 25px 0px !important;
    background: #0095fe !important;
    border: 1.5px solid #dadada !important;
    box-shadow: inset 0 0 0 3px #064173, 0 0 4px 4px #858585;
	margin-bottom:50px;
}
.circle_des.active {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    padding: 25px 0px !important;
    background: #064173 !important;
    border: 1.5px solid #dadada !important;
    box-shadow: inset 0 0 0 3px #0095fe, 0 0 4px 4px #858585;
    margin-bottom: 50px;
}
.des_circle{position:relative;}
.des_circle:before {
    position: absolute;
    content: '';
   background: rgba(0, 0, 0, 0.09);
    bottom: -60px;
    left: 47px;
    width: 12px;
    height: 90px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}
.des_circle_h{position:relative; margin-bottom: 35px;}
.des_circle_h:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.09);
    bottom: -100px;
    left: 107px;
    width: 12px;
    height: 170px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}
.des_circle_width{width:50%;text-align:center;}
.des_circle_width_100{width:100%;text-align:center;}
.circle_des .media-body p{
	text-align:center !important;
	padding:0px !important;
	font-size:14px !important;
	font-weight:600;
}
.border_round{border-radius:50px;border: 1.5px solid #dadada !important;
    box-shadow: inset 0 0 0 3px #064173, 0 0 4px 4px #858585;padding:20px 20px;}

.border_round .media-body p{
	text-align:center !important;
	font-size:17px;
}
.arrow img {
   display:block;
   margin:0 auto;
}
.cap_back_button {
    float: left;
    font-size: 24px;
    position: absolute;
	top:30px;
	left:-15px;
}
.other_cala{
	text-align: left;
}
/* webspin add css 18-09-2019  */
label.company_name_label {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 0px;
    font-style: bold;
    font-weight: 600;
    text-align: center;
}
input#company_name_con {
    font-weight: 600;
	font-size: 18px;
    /* border: none; */
    margin-left: 10px;
	margin-right: 10px;
	padding-left: 7px;
}
.custm_slider_range{
	margin-bottom: 30px;
}
.custm_slider_range label {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
}
.custm_slider_range input {
    border: 0;
    color: #48a5ea;
    font-weight: 700;
    font-size: 24px;
}
div#slider-range{
	height: 30px;
}
div#slider-range span {
	height: 37px;
	background-color: #48a5ea;
    width: 25px;
}
.pop_label{ 
    width: 30%;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 7px;
    text-align: right;
}
.product_box.wall.split {
    width: 100%;
}
label.field_label {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    color: #333;
}
label.field_label span {
    color: red;
}
tr.hidden{
display: none;
}
/* .pro_image_url { 
 height: 190px; 
    width: 100%; 
 } */
#imgs img { width: 50%; }