@charset "utf-8";
/* CSS Document */
.chk-pg .header{
}
.chk-p1{
	float: right;
    color: #f36e2a;
    font-size: 24px;
    line-height:30px;
    font-family: 'Univers';
    text-transform: uppercase;
	margin:35px 10px 0 0;
}
.chk-phn{
	float:right;
	max-width:100%;
	margin:33px 0px 0 0;
}
.chk-inn{
	float:left;
	width:100%;
	padding:38px 0 70px;
}
.chk-inn .container{
	padding:0 25px;
}
.step-1{
	display:inline-block;
	max-width:100%;
	margin:0 auto 30px;
}
.chk-box-div{
	float:left;
	width:100%;
}
.chk-box1{
	float:left;
	width:31.3%;
	background:#9f9389;
	border:1px solid #755f4e;
	padding:45px 15px 25px;
	min-height:317px;
	cursor:pointer;
}
.mar-lr{
	margin:0 3%;
}
.stp1-chkbox {
	width: 30px;
	height: 30px;
	display:block;
	margin: 0 auto 15px;
	
	}
.stp1-chkbox input.radio-btn:not(old){
	width: 30px;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
	position:absolute;
	}
.stp1-chkbox input.radio-btn:not(old) + span{
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 0;
	vertical-align: bottom;
	background: #fff;
	border-radius:3px;
	border: 1px solid #9a9a9c;
	}
.stp1-chkbox input.radio-btn:not(old):checked + span{
	background:url(../images/grn-tik.png) no-repeat center center #fff;
	}
.chkbx-chng{
	background:#f36e2a;
	}


.chk-p2, .chk-p3, .chk-p5{
	float: left;
	width:100%;
	font-family: 'Univers';
	color: #fed8c5;
}
.chk-p2{
    font-size: 30px;
    line-height:32px;
    text-transform: uppercase;
}
.chk-p3{
    font-size: 24px;
    line-height:24px;
	font-family: 'Gotham_Rounded_Book';
	font-weight:300;
	margin:5px 0;
}
.chk-p4{
	display:inline-block;
    font-size: 48px;
    line-height:48px;
	color:#fff;
	position:relative;
}
.chk-p4 sup {
    font-size: 32px;
    line-height: 30px;
}
.chk-p4 span.perbtl {
    position: absolute;
    right: -1px;
    top: 35px;
    font-size: 16px;
    line-height: 21px;
    color: #fed8c5;
    border-top: 3px solid #fff;
}
.chk-p5{
	font-size:20px;
	line-height:24px;
	font-family: 'Gotham_Rounded_Book';
	font-weight:300;
	margin:12px 0 10px;
}
.chk-p6{
	display:inline-block;
	font-size:20px;
	font-family: 'Gotham_Rounded_Med';
	border-bottom:1px solid #fed8c5;
	border-top:1px solid #fed8c5;
	padding:5px 5px;
	color: #fed8c5;
}
.chk-p7{
	float: left;
	width:100%;
	font-size:14px;
	line-height:20px;
	font-family: 'Gotham_Rounded_Book';
	color:#989898;
	font-weight:300;
	margin:15px 0 10px;
}
.chk-sec1{
	float:left;
	width:100%;
	border:1px solid #c2ccd5;
	padding:20px 0;
	margin:45px 0 0;
	cursor:pointer;
}
.c-s1-p1{
	float:left;
	width:100%;
	font-size:24px;
	line-height:20px;
	color:#fff;
	background:#657684;
	padding:12px 12px 12px 40px;
	text-align:left;
	text-transform:uppercase;
	
}
.ext-3-div{
	float:left;
	width:100%;
	padding:25px 35px 0;
	position:relative;
}
.ext-p1{
	float: left;
	width:80%;
	font-size:20px;
	line-height:29px;
	font-family: 'Gotham_Rounded_Book';
	color:#505050;
	margin:0 0 15px;
	text-align:left;
}
.ext-p2{
	float: left;
	width:80%;
	font-size:18px;
	line-height:26px;
	font-family: 'Gotham_Rounded_Book';
	color:#363636;
	text-align:left;
	font-weight:300;
	position:relative;
	padding-left:65px;
}
.ext-p2 .stp1-chkbox{
	position:absolute;
	left:0;
	top:0;
	width:40px;
	height:40px;
	left:18px;
	top:7px;
	}
.ext-p2 .stp1-chkbox input.yes-chk{
	width: 30px;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
	position:absolute;
	}
.ext-p2 .stp1-chkbox input.yes-chk + span{
	display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0;
    border: 1px solid #9a9a9c;
    border-radius: 0;
    vertical-align: top;
    background: #fff;
    border-radius: 3px;
	}
.ext-p2 .stp1-chkbox input.yes-chk:checked + span{
	background:url(../images/gray-check.png) no-repeat center center #fff;
	}

.mon-3-gur{
	position: absolute;
    right: 50px;
    top: -44px;
    max-width: 100%;
}
.next-btn{
	display:inline-block;
	max-height:100%;
	margin:45px 0;
	background: none;
	border: none;
}
.chk-sec2{
	float:left;
	width:100%;
	border:1px solid #c2ccd5;
	padding:30px 40px;
}
.chk-s2-in{
	float:right;
	width:100%;
	padding:0 0 0 230px;
	background:url(../images/mon-6-gur.png) no-repeat left top;
}
.s-s2-p1{
	float: left;
	width:100%;
	font-size:60px;
	line-height:38px;
	font-family: 'Univers';
	color:#f36e2a;
	text-align:left;
	font-weight:bold;
	position:relative;
	margin-bottom:28px;
}
.s-s2-p1 span{
	font-size:36px;
	color:#505050;
	font-family: 'Gotham_Rounded_Book';
	font-weight:normal;
}
.chk-s2-in .ext-p1{
	width:100%;
}
.line-3{
	position:absolute;
	right:0;
	top:10px;
	max-width:100%;
}
.gur-line{
	display:inline-block;
	max-width:100%;
}
.chk-pg .footer{
	border-top:1px solid #f2f2ea;
}

/*-------------------------------
CSS FOR STEP 2
-------------------------------*/
.frm-lft-part{
	float:left;
	width:54%;
	border:1px solid #9f9389;
}
.frm-top{
	float:left;
	width:100%;
	background:#9f9389;
	padding:12px 20px;
}
.frm-top p{
	float:left;
	width:100%;
	font-size:24px;
	line-height:20px;
	font-family: 'Univers';
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.ups-img{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.frm-in-div{
	float:left;
	width:100%;
	padding:8px 25px;
	background:url(../images/line-3.png) no-repeat right 25px;
}
.bit-img{
	float:left;
	max-width:100%;
}

.frm-block {
    float: left;
    width: 100%;
	margin:10px 0 0;
}
.frm-element{
    float: left;
    width: 100%;
    margin:4px 0;
    position: relative;
    padding-left: 140px;
}
.frm-element label{
    position: absolute;
    left: 0;
    width: 140px;
    color: #363636;
    font-size: 16px;
	line-height:16px;
    text-align: left;
    top: 15px;
	font-weight:300;
}
.frm-element label span{
	color:red;
}
.input-box {
    float: left;
    width: 100%;
    background: #ffffff;
    height: 44px;
    border: 1px solid #b0b6c8;
    padding-left: 40px;
    position: relative;
    margin-top: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.input-box.name-fld, .input-box.name-fld-rgt {
    width: 48%;
}
.icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 100%;
}
.inpul-fld, .select-fld {
    float: left;
    width: 100%;
    border: none;
    outline: none;
    line-height: 40px;
    height: 100%;
    padding: 0 10px 0 0;
    font-size: 14px;
    color: #555555;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:300;
}
.input-box.name-fld-rgt {
    float: right;
}
.icon-box img {
    margin-top: 11px;
}
.input-box .select-fld {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 400;
    background: url(../images/select-bg.jpg) no-repeat right center #fff;
}
.next-img-link{
	display:inline-block;
	max-width:100%;
	margin:30px 0 18px;
        width: 200px;
}
.back-img-link-payment{
     margin: -62px 0 18px;
}
.frm-scur {
    display: inline-block;
    width: 100%;
    background: #e8e8e8;
    padding:8px 10px 0px;
    text-align: center;
}
.security-img {
    display: inline-block;
    max-width: 100%;
}

.billingCheck, .terms-check {
    float:left;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
	color:#363636;
	font-weight:300;
	margin:25px 0 35px;
}
.terms-check{margin:15px 0 0; width:100%; text-align:center;}
.billingCheck input, .terms-check  input{
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
}
.terms-check  input{float:none; display:inline-block; vertical-align:middle;}
.terms-check a{ text-decoration:underline;     color: #f36e2a;}
.billingCheck span {
    float: left;
}
.cards-img{
	float:left;
	max-width:100%;
}
.input-not-ic .input-box {
    padding-left: 10px;
}
.wht-p{
	float:right;
	font-size:16px;
	line-height:16px;
	text-align: left;
	color:#0f9193;
	font-family: 'Gotham_Rounded_Book';
	margin:16px 0 0;
	width:48%;
	cursor:pointer;
}
.wht-p a{
	color:#0f9193;
}
.ShippingFlds{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.comp-chk{
	display:inline-block;
	max-width:100%;
	margin: 35px 0 25px;
        width: 200px;
}
.frm-rit-part{
	float:right;
	width:40%;
}
.chk-rit-in{
	float:right;
	width:100%;
	border:1px solid #d2d5dd;
	background:#fafafa;
}
.st2-p1{
	float:left;
	width:100%;
	background:#657684;
	font-size:24px;
	line-height:22px;
	text-align: left;
	color:#fff;
	font-family: 'Univers';
	padding:13px 10px 13px 17px;
	text-transform:uppercase;
}
.step-2-ul{
	float:left;
	width:55%;
	padding:45px 13px 0px;
	min-height:356px;
}
.step-2-ul li{
	float: left;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #252020;
    font-family: 'Gotham_Rounded_Book';
    font-weight: bold;
    background: url(../images/gray-tik.png) no-repeat left 4px;
    padding: 0 0 10px 23px;
    text-transform: uppercase;
}
.chk-rit-prd{
	position: absolute;
    right: 34px;
    top: 131px;
    max-width: 100%;
}
.chk-rit-in-2{
	float:right;
	width:100%;
	border:1px solid #d2d5dd;
	padding:45px 45px;
	margin:30px 0 0;
}
.st2-logo, .chk-img-2, .chk-img-3{
	display:inline-block;
	max-width:100%;
	vertical-align:top;
}
.chk-img-2{
	margin:30px 0;
}
.pad-chng{
	padding:8px 45px;
}
.pad-chng .chk-img-2{
	margin:5px 0 8px;
}
.chk-stp2-testi{
	float:left;
	width:100%;
	border: 1px solid #d2d5dd;
	margin:50px 0 0;
	padding:15px 0 0;
	border-radius:5px;
}
.chk-stp2-testi .st2-p1{
	text-align:center;
}
.testimonial-slide {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
}
.testi-box{
	float:left;
	width:100%;
	padding:10px 35px;
}
.ba-div{
	float:left;
	width:40%;
}
.ba-img{
	display:inline-block;
	max-width:100%;
	margin:0 auto;
}
.ba-div-rit{
	float:right;
	width:55%;
	padding:15px 3% 0 0;
}
.ba-p1{
	float:left;
	width:100%;
	font-size: 24px;
    line-height: 26px;
    color: #657684;
	font-family: 'Gotham_Rounded_Med';
	font-weight:500;
}
.ba-p2{
	float:left;
	width:100%;
	font-size: 20px;
    line-height: 28px;
    color: #505050;
	font-family: 'Gotham_Rounded_Book';
	margin:15px 0;
}
.star-ylw-img{
	display:inline-block;
	max-width:100%;
	margin:0 auto;
}
.ba-p3{
	float:left;
	width:100%;
	font-size: 20px;
    line-height: 26px;
    color: #657684;
	font-family: 'Gotham_Rounded_Med';
	font-weight:500;
	margin:5px 0 0;
}
.ba-p4{
	float:left;
	width:100%;
	font-size: 14px;
    line-height: 20px;
    color: #989898;
	font-family: 'Gotham_Rounded_Book';
	font-weight:300;
	margin:5px 0 0;
}



/*-------------------------------
CSS FOR MEDIA QUERY
-------------------------------*/
.show-mob, .show-tab{
	display:none;
}
.show-desk{
	display:block;
}	
@media only screen and (max-width:1180px){
.chk-inn .container {
	padding: 0px;
}
.chk-box1 {
	width: 32.3%;
	padding: 45px 10px 25px;
	min-height: 317px;
}	
.mar-lr {
	margin: 0 1.5%;
}
.chk-p2 {
	font-size: 28px;
	line-height: 32px;
}

/*-------------------------------
CSS FOR STEP 2
-------------------------------*/
.frm-top p {
	font-size: 22px;
	line-height: 20px;
}
.frm-in-div {
	background: url(../images/line-3.png) no-repeat 142% 25px;
}
.chk-rit-prd {
	right: 0;
	top: 161px;
	max-width: 220px;
	width:100%;
}


}
@media only screen and (max-width:1010px){
.show-mob, .show-desk{
	display:none;
}
.show-tab{
	display:block;
}
.chk-inn .container {
	padding: 0px 10px;
}
.chk-p1 {
	font-size: 20px;
	line-height: 30px;
	margin: 24px 8px 0 0;
}
.chk-phn {
	max-width: 170px;
	margin: 23px 0px 0 0;
	width:100%;
}
.chk-p2 {
	font-size: 26px;
	line-height: 30px;
}
.chk-box1 {
	padding: 30px 10px 25px;
	min-height: 331px;
}
.mon-3-gur {
	right: 10px;
}
.line-3 {
	display:none;
}
.chk-s2-in {
	padding: 0 0 0 180px;
	background-size:160px;
}
.chk-sec2 {
	padding: 30px 20px;
}
.s-s2-p1 {
	font-size: 50px;
	line-height: 36px;
	margin-bottom: 18px;
}
.s-s2-p1 span {
	font-size: 31px;
}

/*-------------------------------
CSS FOR STEP 2
-------------------------------*/
.frm-lft-part {
	width: 56%;
}
.frm-top {
	padding: 12px 5px;
}
.frm-in-div {
	padding: 8px 10px;
	background: url(../images/line-3.png) no-repeat 438% 25px;
}
.frm-top p {
	font-size: 19px;
	line-height: 20px;
}
.ups-img {
	max-width: 25px;
	width:100%;
}
.frm-rit-part {
	width: 42%;
}
.step-2-ul {
	width: 62%;
	padding: 45px 8px 0px;
	min-height: 346px;
}
.chk-rit-prd {
	right: 0;
	max-width: 180px;
}
.ba-div-rit {
	width: 60%;
	padding: 15px 0 0 0;
}
.ba-p1 {
	font-size: 22px;
	line-height: 24px;
}
.ba-p1 {
	font-size: 22px;
	line-height: 24px;
}
.ba-img {
	margin: 43px auto 0;
	padding:0 10px;
}

}


@media only screen and (max-width:767px){
.show-desk, .show-tab{
	display:none;
}
.show-mob{
	display:block;
}
.chk-phn {
	margin: 14px 0px 0 0;
	max-width: 160px;
}
.step-1-mob{
	max-width:100%;
	margin: 0 auto 15px;
}

.chk-p1 {
	display:none;
	margin: 34px 8px 0 0;
}
.step-1 {
	margin: 0 auto 15px;
}
.chk-inn {
	padding: 30px 0;
}
.chk-box1 {
	padding: 20px 10px;
	min-height: 10px;
	width:100%;
}
.mar-lr {
	margin: 20px 0;
}
.chk-sec1 {
	padding: 20px 0;
	margin: 15px 0 0;
}
.c-s1-p1 {
	font-size: 20px;
	line-height: 20px;
	padding: 10px 10px;
	text-align:center;
}
.ext-3-div {
	padding: 15px;
}
.mon-3-gur{
	display:none;
}
.ext-p1, .ext-p2 {
	width: 100%;
}
.next-btn {
	margin: 25px 0;
	vertical-align:top;
}
.chk-s2-in {
	padding: 138px 0 0 0px;
	background-size: 120px;
	background-position:center top;
	text-align:center;
}
.s-s2-p1 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 18px;
	text-align:center;
}
.s-s2-p1 span {
	font-size: 20px;
	line-height: 26px;
	float:left;
	width:100%;
}
.chk-s2-in .ext-p1 {
	text-align:center;
	font-size:17px;
	line-height:23px;
}
.ext-p1 {
	font-size: 18px;
	line-height: 27px;
}

.terms-check{font-size:14px;}
.frm-in-div {
	padding: 8px 10px;
	background: none;
}
.frm-lft-part {
	width: 100%;
}
.ups-img {
	max-width: 29px;
}
.frm-element {
	padding-left: 0px;
	margin: 7px 0;
}	
.frm-element label {
	position: static;
	float:left;
	width:100%;
}
.input-box.name-fld, .input-box.name-fld-rgt {
	width: 100%;
}
.label-mob{
	margin:14px 0 0;
}
.input-box {
	margin-top: 7px;
}
.cards-img {
	margin:5px 0 -5px;
}
.billingCheck {
	font-size: 16px;
	line-height: 20px;
	position:relative;
	margin: 7px 0 15px;
	padding:0 0 0 25px;
}
.billingCheck input {
	position:absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	left:0;
	top:0;
}
.next-img-link {
	margin: 5px 0 12px;
}
.back-img-link-payment{
     margin: 0px 0 0px;
}
.comp-chk {
    margin: 10px 0 10px;
}
.input-box.name-fld.cvv-mob{
	width: 48%;
}
.frm-rit-part {
	width: 100%;
	margin-top:20px;
}
.step-2-ul {
	width: 100%;
	padding: 12px 5px;
	min-height: 10px;
}
.chk-rit-in-2 {
	padding: 15px;
	margin: 20px 0 0;
}
.chk-rit-prd {
	position: static;
	display:inline-block;
	max-width: 200px;
	width:100%;
}
.st2-p1 {
	text-align: center;
	padding: 10px;
	font-size: 22px;
	line-height: 20px;
}
.chk-stp2-testi {
	margin: 20px 0 0;
	padding: 15px 0 0;
}
.testi-box {
	padding: 10px 10px;
}
.ba-div {
	float: left;
	width: 100%;
}
.ba-img {
	margin: 10px auto 0;
	padding: 0px;
}
.ba-div-rit {
	width: 100%;
	padding: 15px 22px 0;
}
.ba-p1 {
	font-size: 20px;
	line-height: 24px;
}
.ba-p2 {
	font-size: 18px;
	line-height: 24px;
}
.bit-img {
	float: none;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.gur-img{display:inline-block;}
}

