@charset "utf-8";
/* CSS Document */

html{ background-color:#fff;}
body{ margin:0; padding:0; font:14px/18px Arial, Helvetica, sans-serif; color:#585858; background:url(../images/bg.jpg) repeat-x top;}

ul, ul li, ol, ol li, p, h1, h2, h3{ margin:0; padding:0; list-style:none;}

@font-face {
	font-family: 'Conv_clarenbd';
	src: url('../fonts/clarenbd.eot');
	src: local('☺'), url('../fonts/clarenbd.woff') format('woff'), url('../fonts/clarenbd.ttf') format('truetype'), url('../fonts/clarenbd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{ outline:none;}

img{ border:0px;}

.clr{ clear:left;}

#header-main-wrapper{ width:100%; float:left; background:url(../images/top-bg.jpg) no-repeat top center;}
.header-top{ width:975px; margin:0px auto;}
.logo{ width:330px; float:left; padding-top:12px;}
.number{ width:225px; float:right; background:url(../images/number-bg.png) no-repeat left top; padding:16px 0px 20px 65px; margin-top:8px; font:bold 26px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.links{ width:645px; float:left; padding-top:5px;}
.links ul{ width:646px; float:left; list-style:none;}
.links ul li{ float:left;}
.links ul li a{background:url(../images/spacer.png) no-repeat right top; padding:0px 13px 40px 13px; font:bold 18px/60px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#138c0d; text-decoration:none;}
.links ul li a.active{ padding:0px 25px 0px 5px; background: url(../images/link-bg.png) no-repeat right top; font:bold 18px/60px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; float:left;}
.links ul li a.none{ background:none;}

.links ul li .conr{background: url(../images/link-bg2.png) no-repeat left top; width:29px; height:60px; float:left;}
.lft{ float:left;}
.email{ width:275px; float:right; color:#b7b7b7;}
.email span{ color:#313131;}
.email a{ color:#313131; text-decoration:none;}
.email a:hover{ color:#138c0d; text-decoration:underline;}

.banner-wrapper{ width:100%; background:url(../images/banner-bg.jpg) no-repeat center top; float:left; padding-bottom:50px;}
.banner-txt{ width:975px; margin:0 auto; padding:25px 0px 0px 0px;}
.banner-txt h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px; font-weight:normal;}
.banner-txt h2{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.banner-txt h3{ font:15px/22px  Arial, Helvetica, sans-serif; padding-bottom:35px;}
.pad-r{ padding-right:30px;}
.pad-r2{ padding-right:12px;}
.mar-r3{ margin-right:22px;}
.btn-box{ width:785px; float:left; padding-top:25px;}
.btn-box2{ width:975px; float:left; padding-top:25px;}
.step-box{ width:190px; float:left; text-align:justify;}

#body-container{ width:975px; margin:0px auto;min-height:500px;}
.container2{ width:975px; margin:0px auto;}

.service-section{ width:975px; border-bottom:1px solid #e9e9e9; float:left;}
.service-section h1{font:bold 27px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:20px; width:975px; text-align:center;}
.ser-box-shd{ width:310px; float:left; background:url(../images/shadow-box.png) no-repeat bottom left; padding-bottom:43px;}
.ser-box{ width:290px; background:#eeeeee; padding:10px; text-align:justify; float:left; min-height:180px; border-bottom:3px solid #fff;min-height:217px;}
.ser-box h2{ font:bold 28px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#138c0d; margin-bottom:15px;}
.ser-box h2 span{ font:bold 20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}

.profile-section{ width:975px; float:left; margin-bottom:20px;}
.profile-box{ width:310px;  text-align:justify; float:left;}
.profile-box h2{ font:bold 20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#138c0d; padding:10px 0px; border-bottom:1px solid #e9e9e9; margin-bottom:10px;}
.profile-box h2 span{ font:bold 20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}


.howit-works{ width:975px; float:left;  margin:20px 0px; }
.howit-works h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:10px 0px;}
.howit-works h2{ font:16px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding-bottom:15px;}
.howit-works-box{ width:620px;  text-align:justify; float:left;}
.howit-works-box p{ width:550px;  text-align:justify; float:left; margin-bottom:30px; padding-left:60px;}
.rgt-img{ width:340px; float:left; margin-top:70px; margin-left:10px;}
.rgt-img2{ width:340px; float:right; margin-top:70px; margin-left:10px;}

.about{ width:975px; float:left;  margin:20px 0px; }
.about h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:10px 0px;}
.about h2{ font:16px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding-bottom:15px;}
.about-box{ width:620px;  text-align:justify; float:left;}
.about-box p{ width:620px;  text-align:justify; float:left; margin-bottom:20px;}

.policy{ width:975px; float:left;}
.policy p{ width:975px;  text-align:justify; float:left; margin-bottom:15px;}
.policy h3{ font:14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px;}
.policy a{ color:#468007;}

.testimonials{ width:975px; float:left;}
.testimonials p{ width:975px;  text-align:justify; float:left; margin-bottom:10px; border-bottom:1px dashed #999; padding-bottom:10px;}
.testimonials h3{ font:14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px;}
.testimonials a{ color:#468007;}
.testimonials em{ color:#468007;}

.faq{ width:975px; float:left;  margin:20px 0px; }
.faq h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:10px 0px;}
.faq-box{ width:620px;  text-align:justify; float:left; border-bottom:1px dashed #bcbcbc; margin-top:10px;}
.faq-box h2{ font:15px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:5px;}
.faq-box p{width:620px;  text-align:justify; float:left; margin-bottom:20px;}
.faq-mail{font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:20px 0px; width:975px; text-align:center; float:left;}
.faq-mail a{color:#468007; text-decoration:none;}

.contact{ width:975px; float:left;  margin:20px 0px; }
.contact h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:10px 0px;}
.contact h2{ font:15px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:5px;}
.contact-box{ width:620px;  text-align:justify; float:left;}
.contact-box p{ width:620px;  text-align:justify; float:left; margin-bottom:10px;}
.contact-box p label{ width:620px; font:bold 16px/24px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#333333; float:left; }
.contact-box p .txt{ width:600px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.contact-box p .txt2{ width:620px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.contact-box p .in-1{ width:600px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }

.one{ background:url(../images/1.png) no-repeat left top;}
.two{ background:url(../images/2.png) no-repeat left top;}
.three{ background:url(../images/3.png) no-repeat left top;}

.get-quote{ width:975px; float:left; margin:20px 0px; }
.get-quote h1{ font:bold 22px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:10px 0px 20px 0px;text-align:center;}
.get-quote h2{ font:16px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:15px; float:right;}
.get-quote h2 a{ font:16px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; text-decoration:none;}
.get-quote h3{ font:16px/20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px; }
/**.get-quote-box{ width:485px;  text-align:justify; /*float:left;*/ margin:0 auto; font: normal 14px/20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; margin-top:50px;margin-bottom:50px;}**/
.get-quote-box{ width:485px;  text-align:justify; /*float:left;*/ margin:0 auto; font: normal 14px/20px Arial, Helvetica, sans-serif; color:#000; margin-top:50px;margin-bottom:50px;}
.get-quote-box p{ width:100%;  text-align:justify; float:left; margin-bottom:15px;}
.get-quote-box p span{ color:#666; float:left;}
.get-quote-box p label{ width:170px; margin-right:10px;  text-align:right; float:left; font: normal 14px/20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.get-quote-box p .txt1{ width:280px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box p .sBox{ width:280px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box p .city{ width:280px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box p .zip{ width:280px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box p .txt2{ width:480px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box p .txt3{ width:300px; border:1px solid #ccc; padding:10px; float:left; font:bold 14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; }
.get-quote-box ol{ width:570px; float:left; margin-bottom:10px;}
.get-quote-box ol li{ width:570px; float:left; font:14px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:5px 0px;}

.agreement{ width:975px; padding:10px 0px; border-top:1px solid #cecece; border-width:1px 0px 2px 0px; float:left; text-align:center; font:16px/20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.agreement a{color:#468007; text-decoration:none;}
.agreement p{ width:975px; float:left; padding:10px 0px;}
.price{ padding:10px 20px; background:#f1f1f1; border:1px solid #ccc; float:left; font:48px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#58af16; margin:10px 0px 0px 0px;}
.price font{color:#58af16;}

.get-quote ul{ width:100%; float:left; margin-top:40px;}
.get-quote ul li{ width:221px; float:left; background:url(../images/tab2.png) no-repeat left top; position:relative; font:bold 20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:75px 0px 0px 0px; margin-right:20px; text-align:center; min-height: 95px;}
.get-quote ul li:last-child { margin-right:0px; }
.get-quote ul li.active{ background:url(../images/tab1.png) no-repeat left top;}
.get-quote ul li .num{ font:bold 36px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#58af16; display:block; left:0px; right:0px; margin:0 auto; top:7px; position:absolute;}
.get-quote ul li.active .num{ font:bold 36px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#fff; display:block; }


#footer-wrapper{ width:100%; float:left; margin-top:20px;}
.foot-pannel{ width:975px; margin:0px auto;}
.paypal{ width:480px; height:65px; margin-right:12px; float:left; background:url(../images/paypal.png) no-repeat left top; font:bold 13px/24px Arial, Helvetica, sans-serif; /*color:#994f13; padding:8px 170px 8px 10px;*/ text-align:right; position:relative;}

.paypal a{ font:bold 12px/24px Arial, Helvetica, sans-serif; color:#000; text-align:right;}
.testi{ width:278px; float:left; background:url(../images/testimonials2.png) no-repeat left top; font:bold 18px/24px Arial, Helvetica, sans-serif; color:#fff; padding:9px 9px 0px 190px; text-align:right; text-align:center; height:56px;}
.testi span{ color:#278718; font-size:16px;}
.testi a{ font:normal 10px/24px Arial, Helvetica, sans-serif; color:#fff; text-align:right; text-transform:uppercase; text-decoration:none;}

.summary{ width:973px; float:left; background:#f8f8f8; border:1px solid #ccc;}
.information{ width:450px; float:left; margin:15px;}
.information h2{ font:bold 22px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#278718;}
.information p{ width:450px; float:left; border-bottom:1px dotted #0e0e0e; padding:0px; float:left; line-height:30px;}
.information p span{ width:170px; float:left; font-weight:bold; line-height:30px;}
.information p font{ width:250px; border-left:1px dotted #0e0e0e; float:left; padding-left:10px;}

.instant{ width:975px; padding:10px 0px; float:left; text-align:center;}
.instant h2{ width:975px; padding:10px 0px; float:left; text-align:center; font:bold 22px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.instant h2 a{color:#468007; text-decoration:underline;}

.pri{ width:973px; padding:10px 0px; float:left; text-align:center; font:bold 22px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000;}
.pri span{color:#468007;}

.footer-box{ width:100%; float:left; background:#eeeeee; margin-top:15px;  
    float: left;
    margin-top: 15px;
   }
.footer-box p{ width:975px; margin:0px auto;}
.footer-box span{ /*width:675px;*/width:585px; float:left; display:block; padding:20px 0px;}
.footer-box font{ /*width:300px;*/width:192px; float:left; text-align:right; display:block; padding:20px 0 11px;}
.footer-box font a{ font:bold 12px Arial, Helvetica, sans-serif; color:#585858; text-decoration:none;}
.footer-box font a:hover{ color:#138c0d; text-decoration:underline;}

#inline { display: none; width: 600px; background:url(../images/strip-pop.png) repeat-x bottom; float:left; }
#inline h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:15px; width:600px; border-bottom:2px solid #dfdfdf;}
#inline ul{ width:600px; float:left;}
#inline ul li{ width:565px; float:left; background:url(../images/tick.png) no-repeat left top; border-bottom:1px dotted #b8b8b8; font:14px/20px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#000; padding:12px 0px 12px 35px;}

#paypal { width: 600px; float:left; }
#paypal h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px; width:600px; border-bottom:2px solid #dfdfdf; margin-bottom:10px;}
#paypal ol{ width:600px; float:left;}
#paypal ol li{ width:565px; float:left;  padding:5px 0px 5px 20px; margin-left:10px; background:url(../images/cir.png) no-repeat left;}
#paypal a{ color:#468007; text-decoration:none; }

#term { width: 600px; float:left; }
#term h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px; width:600px; border-bottom:2px solid #dfdfdf; margin-bottom:10px;}
#term ol{ width:600px; float:left;}
#term ol li{ width:565px; float:left;  padding:5px 0px 5px 20px; margin-left:10px; background:url(../images/cir.png) no-repeat 0 13px;}

#help { width: 640px; float:left; }
#help h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px; width:640px; border-bottom:2px solid #dfdfdf; margin-bottom:10px;}
#help p{ width:640px; float:left;  padding:5px 0px;}

#Cosmetic{ width: 640px; float:left; }
#Cosmetic h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px; width:640px; border-bottom:2px solid #dfdfdf; margin-bottom:10px;}
#Cosmetic p{ width:640px; float:left;  padding:5px 0px;}

#help2a, #help2b, #help2c, #help2d, #help2e { width: 640px; float:left; }
#help2a h2, #help2b h2, #help2c h2, #help2d h2, #help2e h2{ font:20px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; padding-bottom:10px; width:640px; border-bottom:2px solid #dfdfdf; margin-bottom:10px;}
#help2a p, #help2b p, #help2c p, #help2d p, #help2e p{ width:640px; float:left;  padding:5px 0px;}

.rch{background:url('../i/radio_off.png') no-repeat left center;padding:3px 0 3px 20px; cursor:pointer;}
.rch input{position:absolute;}
.rch-h{background:url('../i/radio_on.png') no-repeat left center;}

.cch{float:left; background:url('../i/check_off.png') no-repeat left center; padding:3px 0 3px 20px; width:99%; margin:0 0 10px 0; cursor:pointer;}
.cch input{position:absolute;}
.cch-h{background:url('../i/check_on.png') no-repeat left center;}



.pre {position:absolute; left:50%; top:50%; width:80px;height:80px;background:url(/i/loader.gif) center center no-repeat ;}
.loading-class{ width: 100%;float: left; height: 500px;}


.dsbl{position:absolute;width:185px;height:55px;background:#fff;opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); display:none !important;}



.our_address{width:100%; clear:both; margin-left:20px;}
.our_address h2{ font:16px  'Conv_clarenbd', Arial, Helvetica, sans-serif; color:#468007; text-decoration:none;}
.our_address p{padding-bottom:10px;}
.new-test p{ border-bottom:none; margin-bottom:5px; padding-bottom:5px;}

/* CSS by Anil For Message Box */

#popupwindow h2 {
    border-bottom: 2px solid #dfdfdf;
    color: #468007;
    font: 20px "Conv_clarenbd",Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 600px;
}

#popupwindow {
    display: none;
    float: left;
    width: 600px;
}

#popupwindow ol {
    float: left;
    width: 600px;
}
#newamit{display:none;}
  #newamit h2{
	  border-bottom: 2px solid #dfdfdf;
    color: #468007;
    font: 20px "Conv_clarenbd",Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 600px;

	}


/* 16-06-2015 */
ul.get-quote-boxes { width:100%; }
#frminfo p label { text-align:left; }

.get-quote-box td{height:40px; padding:0 10px; width:30%;}

.quotebox{display:inline-block;padding:85px 20px 20px;font-family:Conv_clarenbd,Arial,Helvetica,sans-serif;font-size:15px; line-height:20px;color:#000;text-align:justify;}


.atts1{display: inline-block;vertical-align: top; width: 491px; background:url(../images/Attention_back2_top.png) center 0 no-repeat;}
.atts2{width: 451px; height:auto; padding:0 20px 20px; margin:80px 0 0; background:url(../images/Attention_back2_mdl.png) center 0 repeat-y;}
.atts3{width: 491px; height:20px;background:url(../images/Attention_back2_btm.png) center 0 no-repeat;}

.newdev{ 
    float: right;

    margin-right: 10px;
}
#footer-wrapper { position:relative; }
#footer-wrapper .foot-pannel { clear:both; /*min-height:180px;*/ display:block }
#footer-wrapper .footer-box { position:absolute; left:0px; right:0px; bottom:0px; margin:0 auto; display:block; clear:both; width:100% }
#body-container .faq, #body-container #Steps, #body-container .howit-works,#body-container .about { margin-bottom:0px; width:100%; float:left; clear:both; display:block; }
.trustbox{margin : 0px 0px 20px 1px;}



.footer-box{ width:100%; float:left; background:#eeeeee; margin-top:15px;  
    float: left;
    margin-top: 15px;
   }
.footer{ background-color:#eeeeee; padding:25px 0; width:100%; float:left; position:absolute; margin-top:20px;}
.container{ width:975px !important; margin:0 auto;}
.footer-left{ font-size:13px; color:#707070; padding:0px; padding-top:15px; width:40%; float:left;}
.footer-left p{ width:100%;}
.footer-center{ width:30%; float:left; margin-left:2%;}
.footer-Right{ padding:0px; width:20%; float:right;}
.social-icon{ text-align:right; padding-bottom:8px;}
.social-icon ul{ list-style:none; margin:0px; padding:0px;}
.social-icon ul li{display:inline;}
.social-icon ul li a{ width:30px; height:30px; background:url(../images/social-icon.png) left top no-repeat; display:inline-block; transition:all 1s ease;}
.social-icon ul li a:hover{background-position:left bottom;}

.social-icon ul li a.two{ background-position:-35px top; }
.social-icon ul li a.two:hover{background-position:-35px bottom;}

.social-icon ul li a.three{ background-position:-70px top; }
.social-icon ul li a.three:hover{background-position:-70px bottom;}

.social-icon ul li a.four{ background-position:-105px top; }
.social-icon ul li a.four:hover{background-position:-105px bottom;}

.social-icon ul li a.five{ background-position:-140px top; }
.social-icon ul li a.five:hover{background-position:-140px bottom;}

.footer-add{width:100%; float:left;}
.footer-add-left{width:100%; float:left; margin-top:-15px;}
.footer-add-left2{width:50%; float:left; }
.footer-about{ text-align:right; padding:0px; }
.footer-about ul{ list-style:none; margin:0px; padding:15px 0 0 0px;}
.footer-about ul li { display:inline; }
.footer-about ul li a{ font-size:14px; color:#707070; font-family:lato; padding:0 5px; display:inline-block;}
.footer-about ul li a:hover{ color:#138c0d;}

.copyright{ width: 100%; float: left; background-color:#303030; position: absolute; left: 0px; bottom: -50px;}
.copyright h5{ font-size:14px; color:#fff; text-align: center; line-height:45px; padding:0px; margin:0px;}


.trust-pilot{ width: 94%; FLOAT: left; PADDING: 5PX 0 0 0;}
.trust-pilot img{width: 100%;  }

.new-button:last-child{ padding:0px 0; display:block; line-height:35px; max-height:35px; border-radius:4px; margin-top: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97e309+0,37931d+100 */
background: #97e309; /* Old browsers */
background: -moz-linear-gradient(top, #97e309 0%, #37931d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #97e309 0%,#37931d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #97e309 0%,#37931d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97e309', endColorstr='#37931d',GradientType=0 ); /* IE6-9 */}
.new-button:last-child:hover{ background-color:#f00;}
.new-button:last-child a{color:#fff; font-size:14px; margin-top: -10px;  font-weight:normal; font-family:lato;}

.new-button:last-child a:before {
   font-family: FontAwesome;
   content: "\f07a";    padding: 0 3px 0 0;
}

.banner-left{}
.banner-right{}

.InstantQuote-innerpage-right{ text-align:right;}



.model-center{ width:50% !important; margin:0 auto !important;}
.laptop-brand{ width:185px; height:137px; padding:23px 0; text-align:center; border:1px solid #c3c3c3; background-color:#f4f4f4; margin:0 auto; border-radius:50%; margin-bottom:20px;}
.ro-right{ width:96% !important; padding-right:2% !important; padding-left:2% !important; height:auto !important;}


.partners{ width:100%; float:left;}
.partners ul{ list-style:none; margin:0px; padding:0px;}
.partners ul li { display:inline;}
.partners ul li a{ width:18.79%; margin:0.5%; display:inline-block; float:left; border:1px solid #c3c3c3; background-color:#f4f4f4; height:137px; text-align:center; padding:23px 0;}
.partners ul li a:hover{background: #83d20d; background: -moz-linear-gradient(top, #83d20d 0%, #429d1b 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #83d20d 0%,#429d1b 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #83d20d 0%,#429d1b 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83d20d', endColorstr='#429d1b',GradientType=0 ); /* IE6-9 */}
.get-quote-box{ margin:0px; width:100%;}
.get-quote h1{ padding:0px;}


/*responsive-work*/
@media screen and (max-width: 1269px) {	
#body-container{ width:94%;}
.container2{ width:92% !important;}
.foot-pannel{ width:94%;}
.header-top{ width:96%; }
.banner-txt{ width:94%;}
.btn-box{ width: 72%;}
.step-box{ width: 28%;}
.service-section{ width:100%;}
.service-section h1{ width: initial;}
.ser-box-shd{ width:32%;}
.mar-r3{ margin-right: 2%;}
.ser-box{ width: initial;}
.profile-section{ width:100%;}
.profile-box{ width:32%;}
.social-icon ul{ padding: 0px 22px 0 0;}
.links{ float:right;} 
.get-quote{ width:100%;}
.instant{ width:100% !important;}

}

@media screen and (max-width: 1169px) {
.btn-box img{width:30%; }
.banner-wrapper{ background-position-y: bottom;}
.howit-works-box{ width: 70%;}
.rgt-img{width: 30%;margin-left:0px; }
.rgt-img2{ width:30%;margin-left:0px; }
.rgt-img2 img{ width:100%;}
.faq-box{ width:70%;}
.get-quote{ width:100%;}
.paypal{ width: 49%;font-size:10px; line-height:16px; background-size: contain;}
.testi{ width:28%; font-size:10px; line-height:15px; background-size: contain;}
.partners ul li a{    width: 23%;}

}
@media screen and (max-width:1024px) {
.logo img{ width:85%;}
.links ul li a.active{ font-size:14px;}
.links ul li a{ font-size:14px;}
.links{ width: 60%;}
.links ul{ width: 100%;}
.navbar-collapse{ width: 100% !important; }
.profile-box h2{ font-size:16px;}
.btn-box{ padding-top: 0px;}
.ser-box{ min-height: 235px;}
.testi{width: 26%;background-size: contain;}
.paypal{width: 50%;background-size: contain;}
.rgt-img img{ width:100%;}
.btn-box2{ width:100%; }
.faq-mail{ width:100%;}
.contact-box{ width:70%;}


#body-container{min-height: auto;}

.get-quote-box{ width:100% !important;}
.policy{ width:100%;}
.policy p{ width:100%;}
.summary{ width:100%;}
.information{ width: 96%; margin:0 2%;}
.information p{ width: 100%;}
.pri{ width:100%;}
.footer-center{ margin-left: 2%;}
}

@media screen and (max-width:969px) {
.paypal{ width: 49%;font-size:10px; line-height:16px;}
.testi{ width:22%; font-size:12px; line-height:15px;}
.profile-box h2 span{ font-size:16px;}
.profile-box h2{ font-size:14px; }
.ser-box h2 span{ font-size:16px; }
.ser-box h2{ font-size:20px; }
.service-section h1{ font-size:22px;}
.logo img{ width: 60%;}
.links{ width: 70%;}
.banner-txt h1{ width:85%; float:left; text-align:center;}
.banner-txt h3{ width:85%; float:left; text-align:center;}
.banner-txt a{ width:85%; text-align:center; float:left;}
.howit-works-box p{ width:initial;}
.faq-box p{ width:initial;}
.contact{ width:100%;}
.contact-box{ width:65%;}
.contact-box p{ width:95%;}
.contact-box p label{ width:95%;}
.contact-box p .txt{ width:95%;}
.contact-box p .txt2{ width:100% !important;}
.InstantQuote-innerpage-left{ width:100% !important;}
.InstantQuote-innerpage-right{ width:100% !important;}
.footer-center{ margin-left: 0%;}
.footer-about ul li a{ font-size: 11px;}
.footer-left{  padding-top: 0px;}
.partners ul li a { width: 32%;}
}

@media screen and (max-width: 800px) {
.ser-box{ min-height: 256px;}
.testi{ width:21%;}
.inner-Quote-left{ width:100% !important;}
.inner-Quote-right{ width:100% !important;}
.ro-left{ width:100% !important;}
.ro-right{ width:94% !important;padding: 11px 3px;}
.about-box{ width:70%;}
.about-box p{ width:100%;}
.get-quote-box p .sBox{ width:92% !important;}
.get-quote-box p .zip{ width:92% !important; }
.links ul li a{padding: 0px 8px 40px 8px;}
.paypal{ width: 48%;}
.inner-Quote-left{ border-bottom: 1px solid #e8e8e8; border-right:none !important; }
}

@media screen and (max-width: 767px) {
.logo{ width:50%;}
.logo img{ width:54%;}
.number{ width:50%; padding-left:0px;background-size: contain;}
.number img{ width:70%; height:auto;padding-left:55px;}
.navbar-nav{ margin:0px !important;}
.links{ width:94%;}
.links ul li a{ padding-bottom:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ text-align:center !important;}
.links ul li{ display:inline; float:none;}
.links ul li a{ display:inline-block;}
.banner-txt h1{ width:70%;}
.banner-txt h3{ width:70%; }
.banner-txt a{ width:70%; }
.btn-box{ width:100%;}
.step-box{ width:100%;}
.ser-box-shd{ width:100%;}
.ser-box{ min-height:auto;}
.ser-box-shd{ padding-bottom: 10px;}
.profile-box{ width:100%;}
.paypal{ width:100%;}
.testi{ width:55%;}
.testi a{ font-size:9px;}
.pad-r{width: 70%;}
.banner-txt h1{font-size:16px;}
.banner-txt h3{font-size:13px; }
.footer-left{ width:100%;}
.footer-Right{ width:100%;  padding-top: 20px;}
.number img{width: 58%; padding-left: 72px;}
.banner-right img{width: 23%;}
.paypal{ width:50%;}
.testi{ width:19%;}
.howit-works-box{ width:100%;}
.rgt-img{width:100%; margin-top:0px;}
.pad-r2{ width:30%;}
#body-container .faq, #body-container #Steps, #body-container .howit-works, #body-container .about{ margin-bottom: 0px;}

.rgt-img2{ width:100%;}
.faq-box{ width:100%;}
.contact-box{ width:100%;}
.get-quote-box{ width:100%;}
.get-quote-box p .txt2{ width:104%;}
.contact-box p .in-1{ width:100%;}
.contact-box p .txt{ width:100%;}
.contact-box p{ }
.in-1{ width:100% !important;}
.about-box{ width:100%;}
.about-box p{ width:100%;}
.dsbl{ position: initial;}
.testi{width:16% !important;}
.paypal{ width:50% !important;}

.rgt-img{ margin:0px !important;  }

.links ul li a.active{ padding: 0px; background: none; color: #138c0d; text-decoration: none; float: none;}
.navbar-right li img{ display:none; }
.links ul li a{ padding: 0px 30px 0px 30px;background: none;}
.pad-r2{ width:10%;}
.footer-add-left2{width: 56%;}
.trust-pilot{width: 34%;}

.ro-right{ height:auto;}
.footer-center{width: 70%; margin: 0 auto; float: none;}
.footer-add-left2{ width:46%; float:left; margin:0 2%;}
.trust-pilot{ width:100%;}
.footer-left{ padding-bottom: 15px;}
.social-icon{ text-align:center;}
.footer-about{ text-align:center;}
.footer-about ul{ padding: 5px 0 0 0px;}
.footer{ padding-bottom:10px;}

.pre {position:absolute; left:40%; top:50%; width:80px;height:80px;background:url(/i/loader.gif) center center no-repeat ;}
.partners ul li a { width: 48%;}
}

@media screen and (max-width:479px){
.pad-r{ width: 65%;}
.banner-txt h3{ font-size: 12px;}
.testi{ width:52%;}
.copyright h5{ font-size: 13px;}
.paypal{ width:100%;}
.testi{ width:52%;}
.logo img{ width: 92%;}
#excellent{ width:100% !important;}
.information p font{ border-left: none;}

.links ul li a{     padding: 0px 20px 0px 20px;}

}
@media screen and (max-width:667px){
.testi{ width:14% !important;}
.paypal{ width:50% !important;;}
}

@media screen and (max-width:440px){
.pad-r{ width: 60%;}
.copyright h5{ font-size: 10px;}
.testi{ width: 40%;}
.service-section h1{ font-size: 16px;}
.btn-box img{ width: 29% !important;}
.banner-txt h1{width: 65%;}
.banner-txt h3{width: 65%; }
.number img{ padding-left: 40px;}
.pad-r2{ width: 28%;}
.logo img{ width:100% !important;}
.rgt-img2{     margin-top: 0px;}
.in-1{ width:100% !important;}
.contact-box p .txt2{ width:106% !important;}
.links ul li a{     padding: 0px 15px 0px 15px;}
.partners ul li a { width: 100%;}
}

@media screen and (max-width:380px){
#continue{ padding-top:10px; margin:0px;}
.footer-add-left2{ width: 38%;}
.footer-center{ width:100%;}

}

@media screen and (max-width:360px){
.testi{ width: 33% !important;}
.copyright h5{ font-size: 9px;}
.logo img{ width:100% !important;}
.InstantQuote-innerpage-right img{width:100%;}
.get-quote-box p .txt1{ width: 92%;}
table.custom-table th{padding: 2px !important;}
table.custom-table td{ padding-right:5px !important; padding-left:5px !important}
.links ul li a{     padding: 0px 8px 0px 8px;}
.trust-pilot{ width: 80%;}
.footer-add-left2{ width: 50%; margin: 0 auto; float: none;}
.trust-pilot{ width:100%;padding-bottom: 10px;}

}


@media screen and (max-width:320px){


}

@media screen and (max-width: 632px) {

.paypal{ width: 48% !important;font-size: 9px;}
}

@media screen and (max-width: 599px) {

.testi{ width: 11% !important;font-size: 9px;}
}

@media screen and (max-width: 555px) {
.paypal{ width: 100% !important;font-size: 9px; padding-bottom:8px;}
.testi{ width: auto !important;font-size: 9px;}
.delete-button-left{ text-align:left !important;}
}

@media screen and (max-width: 991px) {
.social-icon ul{ padding:0px;}
.social-icon{ padding:0px;}
}



.partners ul.model-listing li a img{ width:100px; object-fit: cover; }
.partners ul.model-listing li a{ position: relative; }
.partners ul.model-listing li a h3{ width: 100%; font-size: 14px; line-height: 22px;position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translatex(-50%); color: #51a817; font-weight: normal; }
.partners ul.model-listing li a:hover h3{ color: #fff;  }

.get-quote-search-box input{ width: 60%; margin:0 20%; border: 1px solid #d8d8d8; line-height: 40px; font-size: 16px; border-radius: 6px; padding:0 2%; }

#ui-id-1{height: auto; max-height: 443px;overflow: hidden; overflow-y: scroll;}
.ui-menu .ui-menu-item a{ padding: 0px 15px !important; line-height: 22px !important; border-radius:0px;}
.ui-menu .ui-menu-item a:hover{ background: #1e90ff; border:1px solid transparent; color:#fff;font-weight: bold;}
.get-quote-search-box input{ margin: 0px 20% 25px;}
.ui-menu .ui-menu-item a{ font-weight: bold;}

#search_field_results{height: auto; max-height: 443px;overflow: hidden; overflow-y: scroll; width:100%;position: absolute; background-color:#fff;}
#search_field_results ul{ border: 1px solid #d8d8d8;    width: 100%;
    float: left;
    display: block;}
#search_field_results ul li a{width: 98%;
    float: left;
    line-height: 26px;
    padding: 0 1%;
    color: #545454; font-size:14px; }
#search_field_results ul li a:hover{ background-color:#1e90ff; color:#fff; text-decoration:none;}

.get-quote-search-box-2{ width: 100%; float:left; line-height: 40px; font-size: 16px; border-radius: 6px;margin: 0px 0 25px;position: relative;    overflow: visible;}
.get-quote-search-box-2 input{ width: 96%; border: 1px solid #d8d8d8; line-height: 40px; height: 40px; font-size: 16px; border-radius: 6px;padding: 0 2%;    margin: 0;}
.get-quote-search-box-2 button{ position: absolute; right: 0px; top: 0px;line-height: 42px;
    height: 42px;
    border: none;
    width: 50px;}


.new-popup{     position: relative; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;    width: 100%; float: left; padding: 15px;}

#new-popup-background{ cursor: pointer; opacity: 0.8; display: block; position: fixed; bottom: 0; right: 0; top: 0;left: 0; overflow: hidden; background: #000; display:none;}
.new-popup-main{ width: 670px; height: auto; display: block; position: fixed;     top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 opacity: 1;z-index: 9; display:none;}

.new-popup-close {
    position: absolute;
    top: -24px;
    right: -24px;
    width: 52px;
    height: 52px;
    cursor: pointer;
    z-index: 8040;background-image: url(../fancybox/fancybox_sprite.png);
}



.new-popup-main.active, #new-popup-background.active{ display:block;}
.inner-Quote-left{height:232px;     overflow: hidden;}
.inner-Quote-right{ height:232px;    position: relative;}
.inner-Quote-right input[type="image"]{ position: absolute; bottom: 0px;}
.get-quote-box p{     margin-bottom:0px;}

.inner-Quote-left div[style="width: 96%;"]{    padding-bottom: 0% !important; }
.inner-Quote-left div{ margin:0px !important; }
.inner-Quote-left div.laptop-brand{ margin:0 auto !important;margin-bottom: 20px !important;}
.get-quote h2{     float: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-bottom: 0px;}

.ui-menu .ui-menu-item a{ font-weight:bold !important;}
.get-quote h3{ margin-bottom: 10px;}


.model-get-quote-search-box-2{width: 100%;
    float: left;
    border: 1px solid #d8d8d8;
    line-height: 40px;
    font-size: 16px;
    border-radius: 6px;
    margin: 0px 0 25px;
    position: relative;
    overflow: hidden; }

.model-get-quote-search-box-2 input{     width: 96%;
    border: 1px solid transparent;
    line-height: 40px;
    font-size: 16px;
    border-radius: 6px;
    padding: 0 2%;
    margin: 0;}

.model-get-quote-search-box-2 button{     position: absolute;
    right: 0px;
    top: 0px;
    line-height: 42px;
    height: 42px;
    border: none;
    width: 50px;}

.get-quote-box form.model-center{position: relative;}


.get-quote-box form input#email{     width: 50%;
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    margin-bottom: 25px; }


.get-quote.summary-request h2{    position: relative; padding-bottom:15px; float:left;}
.inner-Quote-right.recalculator input[type="image"]{ position:relative;}

@media screen and (max-width: 768px){
.new-popup-main{ width:90%;}
#help{ width: 100%;}
#help p{width: 100%; }
#help h2{ width: 100%;}
.new-popup{ width:96%; padding:2%;}
}


@media screen and (max-width: 530px){
.get-quote h2{     position: relative;float: left;    width: 100%;}
.inner-Quote-right input[type="image"]{position:relative; }
.inner-Quote-right{ height: auto;}
.inner-Quote-left{ height: auto;}
}



.new-cart-design p{ width:48%; float:left; margin:2% 1%; }
.new-cart-design p:last-child{ width:100%; }
.new-cart-design p label{ width:100%;}
.get-quote-box #frminfo p .txt1{ width:96%; padding: 10px 2%;}
.get-quote-box #frminfo p .sBox{width:96%; padding: 10px 2%; }

.new-cart-design p:last-child input{padding: 10px 0% !important;width: 98% !important; }
.shipping-method-full{    width: 100% !important; }
.shipping-method-full span{ width:100%;}
.new-cart-design hr{     border: 0.5px solid #cecece; margin:0px;}

.navbar-right li:last-child a span{ font-size:13px; }
.shipping-method-full span input{margin-right: 8px; transform: translateY(2px); }


@media (max-width:767px){
.get-quote-box .model-center{width: 100% !important; }
.get-quote-box p .txt2 { width: 100%;}
.footer-add{     position: inherit !important;    width: 100% !important;}
.footer-about ul li a{     font-size: 14px !important;}
}
@media (max-width:370px){
.price{ padding:10px 4px;}
}

@media (max-width:445px){
.newdev{ padding-top:8px; margin:0px !important;width: 100%;
    text-align: right;}
}

@media (max-width:552px){
.delete-button-left a img{ top:7px; }
}
@media (max-width:941px){
.inner-Quote-right.recalculator input[type="image"]{ padding-bottom: 5px;}
}


.information p font em{     display: block; font-style: normal;  }
.agreement p input#continue{width: auto !important;  }

.widget-info {
    display: inline-block;
    margin: 0 0 4px;
    vertical-align: middle;
}

@media (min-width:448px){
.hide-show{ display:none;}
}
@media (max-width:447px){
.hide-mobile{ display:none;}
}

.footer-Right{ position: relative;}
.footer-add{ position: absolute; right: 0px; width: 300px;}

/*new*/
.Brand-section{ width:100%; float:left; }
.Brand-section ul{ list-style:none; margin:0px; padding:0px;}
.Brand-section ul li{ width:calc(33.3% - 20px); float:left; margin-top:1%; margin-bottom:1%; position:relative; }
.Brand-section ul li:nth-child(2){ margin: 1% 30px;}
.Brand-section ul li a{ width:80%; float:left; border-radius:0 40px 0 40px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); padding:10%;}
.Brand-section ul li a:hover{ text-decoration:none; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.Brand-section ul li a figure{ padding: 20px 0 40px; text-align: center;}
.Brand-section ul li a figure img{}
.Brand-section ul li a h4{ text-align: center; font-size: 26px; margin: 0px; color: #323f4d; line-height: 28px;}
.Brand-section ul li a:hover h4{ color:#34911e;}

.Brand-section ul li:hover a:after{ content:""; position:absolute; left:0px; top:0px; width:50px; height:3px; background-color:#34911e;}
.Brand-section ul li:hover a:before{ content:""; position:absolute; left:0px; top:0px; width:3px; height:50px; background-color:#34911e;}

.Brand-section ul li:hover:after{ content:""; position:absolute; right:0px; bottom:0px; width:50px; height:3px; background-color:#34911e;}
.Brand-section ul li:hover:before{ content:""; position:absolute; right:0px; bottom:0px; width:3px; height:50px; background-color:#34911e;}
/*new*/

/*design*/
#search_field_results{ z-index: 99;    max-height: 365px;}
.inner-Quote-right{ height: 360px;}
.inner-Quote-left{ height:360px;position: relative;}
.inner-Quote-left .inner-Quote-left-area{ position: absolute; top: 50%;  transform: translateY(-50%);}


.get-step-2 .inner-Quote-left{ height:auto;}
.get-step-2 .inner-Quote-left .inner-Quote-left-area{ position:static;transform: inherit;}
.get-step-2 .inner-Quote-right{ height:238px;}

.get-step-3 .inner-Quote-left{ height:auto;}
.get-step-3 .inner-Quote-left .inner-Quote-left-area{ position:static;transform: inherit;}
.get-step-3 .inner-Quote-right{ height:238px;}
.recalculate-button{ position:absolute; bottom:0px;}

.banner-txt h1, .banner-txt h3{ text-align:center;}
.banner-txt a{ display: block; text-align:center; }


@media (max-width:1024px){
.Brand-section ul li a figure img { width: 100%; object-fit: scale-down; height: 150px;}
.model-center{ width: 80% !important;}
.get-quote-box p .txt2{ width:100%;}
.recalculate-button{ position:inherit;}
.inner-Quote-right.recalculator input[type="image"]{ width: 48%;}
}

@media (max-width:800px){
    .inner-Quote-right{ height:auto;}
    .inner-Quote-right input[type="image"]{     position: inherit;}
    .inner-Quote-right.recalculator input[type="image"]{ width:auto;}
    .inner-Quote-right.recalculator{ padding-top:15px; }
    .get-step-2 .inner-Quote-right{ height:auto;}
    .get-step-3 .inner-Quote-right{ height:auto;}
}

@media (max-width:767px){
.Brand-section ul li { width: calc(50% - 30px); margin: 15px;}
.Brand-section ul li:nth-child(2){ margin: 15px; }
}

@media (max-width:480px){
.Brand-section ul li a{ width: 92%; padding: 4%;}
.Brand-section ul li { width: 100% ; margin:15px 0;}
.Brand-section ul li:nth-child(2){ margin:15px 0; }
}


.howit-works-box p.padding-left{ padding-left:0px;}
/*.sitemap li a{ color:#000; font-size:16px; }*/


/*cart-sidebar*/
.cart-sidebar{ border: 1px solid #ccc; border-radius: 7px; padding: 15px;}
.cart-sidebar h3{ text-align: left; border-bottom: 1px solid #cccccc;}
.cart-sidebar table td{ width: auto; padding:5px; text-align: left; color:#000; border-bottom: 1px solid #cccccc; }
.cart-sidebar table td span{ color:#6d6d6d;}
.cart-sidebar .paid_btn{ border:none; padding:0px; padding-top: 10px; }
.cart-sidebar .paid_btn a{ width: 100%; float: left; background-color: #2f2f2f;
    color: #fff; border-radius: 4px; text-align: center; padding: 10px 0; background: #97e309; background: -moz-linear-gradient(top, #97e309 0%, #37931d 100%);
    background: -webkit-linear-gradient(top, #97e309 0%,#37931d 100%);
    background: linear-gradient(to bottom, #97e309 0%,#37931d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97e309', endColorstr='#37931d',GradientType=0 );}
.cart-sidebar .paid_btn a:hover{ text-decoration:none;}
.cart-sidebar i{ color:#d0021b; }
.footer-about{ padding-top:15px;}

.sitemap li{ border-bottom:1px solid #efefef;}
.sitemap li a{ font: bold 18px/40px 'Conv_clarenbd', Arial, Helvetica, sans-serif; color: #138c0d;}


@media (max-width:690px){
    #term{ width:100%;}
    .get-quote-box .shipping-method-full{ margin-left:0px; margin-right:0px;}
    #term h2{ width:100%;}
}