@charset "utf-8";

/*----------------

RESET CSS

-----------------*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {

    font-family: 'open_sanssemibold';

    src: url('fonts/opensans-semibold.woff2') format('woff2'),

         url('fonts/opensans-semibold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body {

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	padding: 0 !important;

	background: #fff;

	color: #333333;

	text-align: center;

	font-family: 'Source Sans Pro', sans-serif;

}

div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {

	margin: 0;

	padding: 0;

}

header, section, footer, aside, nav, main, article, figure { display: block;}

table, tr, td { border: 0;}

a {

	outline: none;

	color: #fff;

	text-decoration: none;

}

a:hover {

	outline: none;

	color: #fff;

	text-decoration: none;

}

img { border: none;}

li { list-style: none;}

* { box-sizing: border-box;}

.img-full { max-width: 100%;}

.clearall {

	clear: both;

	font-size: 1px;

	line-height: 1px;

	height: 1px;

}

.for-desk{ display:block;}

.for-mob{ display:none;}

/*-----------------------

MAIN CSS START

------------------------*/

.container {

	width: 1170px;

	margin: 0 auto;

	padding: 0;

	position: relative;

	/*border:1px solid #f00;*/

}



/*-----------------------

CSS FOR SECTION1

-------------------------*/

.content-section{

	width:100%;

	float:left;

	padding:25px 0 85px;

	background:#fff no-repeat center top;

}

.doc-rec{

	width:100%;

	float:left;

	/*background:url(../images/doc-recondation.png) no-repeat center top;*/

}



.rec-p1{

	float:left;

	width:100%;

	padding:18px 153px 52px 130px;

	font-size:24px;

	line-height:32px;

	font-weight:700;

	color:#464646;

	text-align:left;

	margin-bottom:20px;

}

.rec-p1 span{

	color:#c09845;

}

.content-lft{ width:666px; float:left;}

.hdng-strip{

	width:100%;

	height:48px;

	float:left;

	padding-left:45px;

	position:relative;

	background:#c09845;}

.ic-hdng { position: absolute; left: 7px; top: 9px;}

.p1{color:#fff;

	text-align:left;

	text-transform:uppercase;

	font-weight:600;

	font-size:22px;

	line-height:22px;

	height: 100%;

	padding: 12px 0px 0 22px;

	background:#c09845 no-repeat center left;

}

.p1 span{ font-weight:700;font-size:22px;}

.p2{

	width:100%;

	float:left;

	text-align:center;

	font-size:18px;

	line-height:18px;

	color:#232323;

	padding: 15px 0px 30px;	

/*	border-left:1px solid #c0984547;

	border-right:1px solid #c0984547;*/

}

/***********/

.package-box1, .package-box2, .package-box3, .package-box4{

	width:100%;

	float:left;

	cursor:pointer; background: #c0984547;}

.package-box1, .package-box2, .package-box3{

    border-bottom: 1px solid gray;

}

.pkg-hdng{

	width: 100%;

    height: 44px;

    float: left;

    background: #f1f1f1;

	border:none;

	border-left:none;}

.package-box1.select .pkg-hdng, .package-box2.select .pkg-hdng,

.package-box3.select .pkg-hdng, .package-box4.select .pkg-hdng{

    background: #f0f8fd;}

.icdiv-hdng1{

	width:58px;

	height: 100%;

	float:left;

	background:#434343 url(../images/bg-radio.jpg) no-repeat center right;}

.package-box1.select .icdiv-hdng1, .package-box2.select .icdiv-hdng1,

.package-box3.select .icdiv-hdng1, .package-box4.select .icdiv-hdng1{

	background:#c09845 no-repeat center right;}

.radio-hdng { float: left; margin: 12px 0 0 15px;border: 1px solid black;border-radius: 10px;}

.p3 {

    color: #fff;

    float: left;

    text-align: left;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 22px;

    line-height: 22px;

    height: 100%;

    padding: 9px 30px 0 8px;

    background: #505050 url(../images/bg-p3.jpg) no-repeat center right;

}

.package-box1.select .p3, .package-box2.select .p3,

.package-box3.select .p3, .package-box4.select .p3 {

    background: #c09845 url(../images/bg-p3-select_1.jpg) no-repeat center right;

}

.p3 span{ color:#ffd053;}

.p4 {

    float: right;

    color: #5392c2;

    font-size: 18px;

    line-height: 18px;

    text-transform: uppercase;

    padding: 13px 15px 0 0;

}

.pkg-dtl{

	width:100%;

	float:left;

	border-left: 1px solid #c0984547;

    border-right: 1px solid #c0984547;

	box-sizing:border-box;}

.brdr1{border-bottom: 1px solid #c0984547;}

.pkg-dtl-lft{

	width:60%;

	float:left;

    box-sizing: border-box;}

.prod1-pkg{ margin:19px auto 0;height: auto;width: 100%;}

.prod2-pkg{ margin:25px auto 0;height: 162px;}

.prod3-pkg{ margin:18px auto 0;height: 162px;}

.prod4-pkg{ margin:18px auto 0;height: 162px;}

.pkg-dtl-rgt{

	width:40%;

	float:left;

	padding:10px 0 5px;

    box-sizing: border-box;}

.p5, .p6, .p7, .p8{

	width:100%;

	float:left;

	text-align:center;

	text-transform:uppercase;}

.p5{

	font-size:26px;

	line-height:26px;

	color:#2e2d2d;

	font-weight:700;

	}

.p6{

	font-size:50px;

	line-height:34px;

	color:#c09845;

	font-weight:700;

	padding:9px 0 10px

	}

.p7{

	color:#2e2d2d;

	font-size:20px;

	line-height:20px;

	}

.btn-div{display: inline-block; margin:10px auto 0;}

.btn-div img{display: table;}

.p8 {

    font-size: 58.34px;

    line-height: 28px;

    color: #c09845;

    font-weight: 700;

	padding: 7px 0;

}

.p8 sup, .p8 span { font-size:35px;}

/****************/

.scrolldiv{

	width:100%;

	float:left;

	height:1px;}

.content-rgt{ width:468px; float:right;}

.content-rgt-in{ width:100%; float:left;}

.frm-box{

	width:100%;

	float:left;

	border: 1px solid #c0984547;

	border-top: none;

	padding:20px;}

.frmfld {

    width: 100%;

    position: relative;

    float: left;

    margin-bottom: 13px;

}

.frmfld:last-child{ margin-bottom:0;}

.iconbox {

    background: #c0984547;

    height: 45px;

    width: 42px;

    border: 1px solid #d1d1d1;

    border-right: 0;

    position: absolute;

    left: 0;

    top: 0;

}

.frm-box input.inp-css, .frm-box select.inp-css, #creditcards_state, #creditcards_country,#paymentLocation, #addresses_country,#paymentLocation2, #addresses_state {

    height: 45px;

    width: 100%;

    border: 1px solid #d1d1d1;

    border-left: none;

    font-size: 18px;

    line-height: 18px;

    color: #6e6e6e;

    text-align: left;

    padding: 0 5px 0 53px;

    background: #fff;

    font-weight: 400;

    outline: none;

	font-family: 'Source Sans Pro', sans-serif;

}

select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: #fff url(../images/select-arrow.png) no-repeat 95% center !important;

}

.fldicon { margin: 10px auto;  display: block;}



::-webkit-input-placeholder {color: #6e6e6e;}

:-moz-placeholder { color: #6e6e6e;}/* Firefox 18- */

::-moz-placeholder { color: #6e6e6e;}/* Firefox 19+ */

:-ms-input-placeholder { color: #6e6e6e;}

.w1-inp { width: 67%;}

.w2-inp { width: 30%; float:right; border-left: 1px solid #d1d1d1;}

.w2-inp input{padding: 0 5px 0 12px !important;}

.mrgn1{ margin:25px 0;}

.w3-inp { width: 48.5%;}

.w4-inp { width: 48.5%; float:right;}

.w4-inp p{text-align:left;}

.cards{

	display: table;

	margin:0 auto;

    padding: 0 0 20px;}

.btn-submit {

    display: inline-block;

    margin: 7px auto 37px;

    outline: none;

    max-width: 331px;

    width: 100%;

}

/************/

.content-lft2 { width: 683px; float: left;}

.grntdiv {

    width: 100%;

    float: left;

    text-align: left;

    margin-top: 35px;

}

.grntee-seal {float: left;padding: 0px 15px 15px 0px;}

.p9 {

    font-size: 24px;

    line-height: 24px;

    color: #c09845;

	font-weight:700;

	margin-bottom: 5px;

}

.p10 {

    font-size: 18px;

    line-height: 22px;

    color: #2d2d2d;

	letter-spacing: -0.4px;

}

/*-----------------------

CSS FOR FOOTER

-------------------------*/

footer {

    float: left;

    width: 100%;

	padding:40px 0;

    text-align: center;

	font-size: 17px;

	color: #3c3c3c;

	border-top:1px solid #d0d0d0;

}

ul.list-ftr { width: auto; margin: 0 auto; display: table;}

ul.list-ftr li {

    line-height: 17px;

    float: left;

    padding: 0 8px;

    border-right: 1px solid #3c3c3c;

}

ul.list-ftr li a{ color:#3c3c3c;}

ul.list-ftr li a:hover{ color:#00a7e7;}

ul.list-ftr li:first-child { padding-left: 0;}

ul.list-ftr li:last-child { padding-right: 0; border-right: none;}

.p1-ftr { line-height: 25px; margin: 15px 0 0;}

button#kformSubmit {

    margin-top:20px;

    border: 0;

    background: none;

    cursor: pointer;

}

body > .modal {

   display: none;

}

.blocker {

 z-index: 19;

}

.modal {

z-index: 20;

max-width: 90vw;

border-radius: 0px;

padding: 0;

}

.modal img {

width: 100%;

}
 

p.errormessage, span.form-error{

       display:none;

}

.error p.errormessage, .error span.form-error{

       font-size: 14px;

font-weight: bold;

       padding:2px 0 0;

       margin-top: -8px;

margin-bottom: 8px;

       color: #9e0000;

       display:block;

       font-weight:normal;

}

.has-success{

       position:relative;

}

.has-success:before{

       font-family: FontAwesome;

       content: "\f00c";

       font-style: normal;

       font-weight: normal;

       text-decoration: inherit;

       color: #98c598;

       font-size: 18px;

       padding-right: 0.5em;

       position: absolute;

       top: 35px;

       right: 0;

}

.white-popup .ic-modal-content ul {

    padding: 0 0 0 40px;

    margin: 0;

}

.white-popup .ic-modal-content p { 

    font-size: 16px;

}

.ic-modal-content ul li {

    list-style: disc;

    font-size: 16px;

    background: no-repeat;

    padding-left: 5px;

    margin: 0;

}

#popup_overlay {

    background: rgba(49,49,49,.8);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 2;

}

.pop_cont {

    position: absolute;

    top: 50%;

    width: 300px;

    background: #fff;

    text-align: center;

    border-radius: 5px;

    z-index: 1;

    left: 50%;

    margin-left: -150px;

    padding: 15px;

    box-sizing: border-box;

}

.pop_cont p {

    padding-bottom: 15px;

}

.title-shipping{

    text-align: left;

    padding-left: 50px;

}

.text-shipping{

    text-align: left;

    padding-left: 50px;

    margin-bottom: 20px;

}

#terms{max-width:900px;margin:0px auto 30px;text-align: left;}

.termsContent a{

    color:#c09845;

}

#total_price_discount{display:none;}

#senior_shipping,#agree{width: 20px;height: 20px;}

#agree-terms{float:left; text-align: left;}

#agree-terms a{color:#000;}

#agree{float: left;margin-right: 20px;}

.clear{clear:both;}

#discount_code{

    width: 30%;

    height: 45px;

    border: 1px solid #d1d1d1;

    font-size: 18px;

    line-height: 18px;

    color: #6e6e6e;

    text-align: left;

    padding: 0 5px;

    background: #fff;

    font-weight: 400;

    outline: none;

    font-family: 'Source Sans Pro', sans-serif;

    margin:0px 20px;

}

#couponApply{

    display: inline-block;

    padding: 11px;

    background-color: #c09845;

    border: none;

    margin-top: 0px;

    font-size: 15px;

    color: #FFFFFF;

    line-height: 23px;

}

#show_coupon{margin:20px 0px;}

.agree-frm-box{

    display: flex;

}

#agree-chk{

    margin-right: 10px !important;

}

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

.container { width: 1004px;}

/*=============*/

.content-lft, .content-lft2 { width: 590px;}

.content-rgt { width: 400px;}

#clockdiv { width: 240px;}

.ic-tmr { margin: 8px 10px;}

.pkg-dtl-lft { width: 60%;}

.pkg-dtl-rgt { width: 40%;}



.doc-rec {

	background-size: 100%;

}

.rec-p1 {

	padding: 10px 143px 52px 119px;

	font-size: 21px;

	line-height: 26px;

}

 }



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

.container { width: 750px;}

.show-mob, .show-desk { display: none;}

.show-tab { display: block;}

/*=============*/

.logo { width: 245px;}

.logo-txt {

    font-size: 17px;

    line-height: 18px;

    padding-left: 11px;

    margin: 4px 0 0 11px;

}

.hdr-contact { margin: 6px 0 0;}

/*=============*/

#clockdiv { float: none; margin: 0 auto;}

.p1-toptmr { font-size: 16px; line-height: 16px; margin: 0px 0 10px;}

/*=============*/

.content-section { padding: 0px 0 45px;background-size:100%;}

.content-lft{ width: 64%;}

.content-rgt { width: 35%;}

.hdng-strip { padding-left: 37px;height: 50px;}

.ic-hdng { 

    left: 6px;

    top: 13px;

    width: 30px;



}

.p1 { font-size: 15px; line-height: 20px;}

.content-rgt .p1{padding: 14px 0 0 7px;}

.p1 span { font-size: 15px;}

.p2 { font-size: 17px; line-height: 17px; padding: 8px 0 10px;}

.p5 { font-size: 22px; line-height: 22px;}

.p6 {

    font-size: 44px;

    line-height: 30px;

    padding: 6px 0 7px;

	letter-spacing: -0.7px;

}

.pkg-dtl-lft { width: 60%;}

.pkg-dtl-rgt { width: 40%;}



.prod2-pkg, .prod3-pkg, .prod4-pkg { width: 96%; margin: 35px auto 0; max-width:298px;}

.prod2-pkg { max-width:298px;}

.prod3-pkg { max-width:296px;}

.prod4-pkg { max-width:328px;}

.btn-div img { width: 170px;}

.p3 { font-size: 20px;}

.frm-box { padding: 5px;}

.frmfld { margin-bottom: 8px;}

.cards { padding: 8px 0 12px;}

.p8 { font-size: 53px;}

/*=============*/

.content-lft2 { width: 60%;}

.p9 { font-size: 22px; line-height: 22px;}

/************/

footer { padding: 30px 0;}



.rec-p1 {

	padding: 9px 89px 24px 78px;

	font-size: 17px;

	line-height: 20px;

}

#orderbtn{

    max-width: 100%;

}





}



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

.container { width: 100%; padding: 0 10px; max-width: 600px;}

.for-desk{ display: none;}

.for-mob { display: block;}

/*=============*/

.logo-div { float: none; margin: 7px auto; display: table;}

.p1-toptmr { line-height: 20px;}

/*=============*/

.content-lft, .content-rgt { width: 100%;margin-top: 20px}

.p4 {

    float: none;

    font-size: 17px;

    line-height: 17px;

    padding: 13px 0 0;

}

.pkg-dtl-lft, .pkg-dtl-rgt { width: 100%;}

.prod1-pkg, .prod2-pkg, .prod3-pkg, .prod4-pkg {margin:15px auto 0;}

.content-rgt { margin-top: 20px;}

.content-rgt .p1 { padding: 15px 0 0 22px;}

.content-lft2 {

    width: 100%;

}

.frm-box { padding: 10px;}

.mrgn1 { margin: 15px 0;}

.content-section { padding: 25px 0 30px;}

.btn-submit { margin: 7px auto 10px;}

/*=============*/

ul.list-ftr li {

    float: none;

    padding: 0 10px !important;

    border-right: none;

    display: inline-block;

}

.p3 { background: #505050;}

.package-box1.select .p3, .package-box2.select .p3, .package-box3.select .p3, 

.package-box4.select .p3 { background: #c09845;}

.package-box1.select .pkg-hdng, .package-box2.select .pkg-hdng, .package-box3.select 

.pkg-hdng, .package-box4.select .pkg-hdng { background: #c09845;}

.pkg-hdng {

    width: 100%;

    height: 44px;

    float: left;

    background: #505050;

    border: 1px solid #c0984547;

    border-left: none;

}



.content-section {

	padding: 0px 0 30px;

	background: #fff;

}

.doc-rec {

	background:#eff4fa;

	padding:10px;

	margin-bottom:20px;

}

.face-mob{

	display:block;

	margin:0 auto;

	max-width:230px;

	width:100%;

}

.rec-p1 {

	padding:0;

	font-size: 18px;

	line-height: 24px;

	text-align:center;

	margin:7px 0 0;

}

.p2 {

	padding: 8px 5px 10px;

}

 }

 

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

/*=============*/

.p1-toptmr { font-size: 15px;}

.btn-submit { width: 85%;}

/*=============*/

.grntee-seal { position: static;}

.grntdiv { text-align:center; margin-top: 20px;}

	

}



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

/*=============*/

.logo-div { margin: 6px auto;}

.logo { width: 220px;}

.logo-txt { font-size: 15px; line-height: 16px;}

#clockdiv div > span, #clockdiv1 div > span { font-size: 24px; line-height: 24px;}

#clockdiv > div, #clockdiv1 > div { width: 18%;}

#clockdiv p { line-height: 23px;}

.ic-tmr { margin: 3px 10px;}

/*=============*/

.hdng-strip { height: 40px;}

.ic-hdng { left: 3px; width: 35px; top: 7px;}

.hdng-strip { padding-left: 33px;}

.p1 { padding: 10px 0px 0 20px;}

.content-rgt .p1 { padding: 10px 0 0 20px;}

.icdiv-hdng1 { width: 47px;}

.radio-hdng { margin: 12px 0 0 12px;}

/*=============*/

.p8 { font-size: 50px;}

		

}



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

.p9 { font-size: 20px; line-height: 20px;}

.grntee-seal {height: 120px;}

#orderbtn {height: 64px;}

	

}



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

/*=============*/

.logo { width: 200px;}

.logo-txt {

    font-size: 12px;

    line-height: 14px;

	padding-left: 3px;

    margin: 4px 0 0 3px;

}

.p1-toptmr { font-size: 14px; line-height: 18px;}

/*=============*/

.p1 { font-size: 16px; line-height: 18px; padding: 10px 0px 0 20px;}

.content-rgt .p1 { padding: 10px 0 0 20px;}

.p3 { font-size: 18px;}

	

}

#chk-ftr{

    background:#151b1f !important; 

    color: rgb(100, 101, 101) !important;

}

#chk-ftr ul.list-ftr li a {

    color: #fff;

}

#chk-ftr ul.list-ftr li {

    border-right: 1px solid #fff;

}



#chk-ftr ul.list-ftr li:last-child {

    padding-right: 0;

    border-right: none !important;

}

.frm-box select{ -webkit-appearance: none !important;}


select::-ms-expand{display: none;} 
   select{
     -moz-appearance:none;
   }
   
   button{
	 padding: 0;
     margin: 25px auto;
     width: auto;
	 background: #ffffff!important;
  }}
  
  
  
  
