@charset "utf-8";

/* CSS Document */

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

RESET CSS

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

body {

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	padding: 0;

	background: #fff;

	color: #000000;

	text-align: center;

	font-family: 'Graphik';

	font-weight: normal;

	}

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: inherit;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;

	}

	

/*====Fonts-Css====*/

@font-face{

    font-family: 'Graphik';

    src: url('Graphik-Regular.woff2') format('woff2'),

        url('Graphik-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

	}

@font-face {

    font-family: 'Graphik';

    src: url('Graphik-Bold.woff2') format('woff2'),

        url('Graphik-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

	}

@font-face{

    font-family: 'Graphik';

    src: url('Graphik-Medium.woff2') format('woff2'),

        url('Graphik-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

	}

@font-face{

    font-family: 'Graphik';

    src: url('Graphik-Semibold.woff2') format('woff2'),

        url('Graphik-Semibold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

	}

	

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

MAIN CSS START

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

.container {

	width: 1100px;

	margin: 0 auto;

	padding: 0;

	position: relative;

	}

.show-mob{ display:none;}

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

CSS FOR TOP SECTION

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

.header{

    float: left;

    width: 100%;

    background: #fff;

    padding: 15px 0 13px;

    box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 10%);

    -webkit-box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 10%);

    position: relative;

    z-index: 1;

	}

.logo{

	float: left;
    margin-top: 3px;
	width: 200px;

	}

.ship-steps{

	max-width:100%;

	display:inline-block;

	vertical-align:middle;

	/*margin-left:25px;*/

	margin-top:20px;

	}

.h-secure{

    float: right;

    margin-top:12px;

	}

	

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

THANK_YOU_PAGE

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

.up-top-hdng{

    float: left;

    width: 100%;

	background: #001f37;

    padding: 22px 0 130px;

    text-align: center;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;

	}

.ty-hdng-txt1{

	float: left;

    width: 100%;

    font-size: 34px;

    color: #fff000;

    font-weight: 700;

    line-height: 34px;

    position: relative;

    letter-spacing: 0.6px;

	}

.ty-hdng-txt2{

	float: left;

    width: 100%;

    font-size: 22px;

    color: #ffffff;

    line-height: 24px;

    margin-top: 10px;

    letter-spacing: 0.7px;

	}

.thank-sec{
    float: left;
    width: 100%;
    top: -125px;
    position: relative;

}

.thank-hdng{

	float: left;

    width: 100%;

    font-size: 36px;

    color: #ffd249;

    line-height: 40px;

    position: relative;

    font-weight: bold;

    letter-spacing: 0.5px;

	}

.thankBox{

    display: block;
    width: 100%;
    max-width: 870px;
    border-radius: 10px;
    background: #fff;
    padding: 15px;
	margin: 20px auto 0px auto;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%);
	}

.ty-coupn-inner{

    float: left;

    width: 100%;

	padding:10px;

	}	

.thnk-top-txt{

	float:left;

	width:100%;

	font-size:19px;

	line-height:24px;

	color:#000;

	padding:0 50px;

	margin:0 0 20px;

	}

.descriptor{

	display:inline-block;

	vertical-align:top;

	max-width:760px;

	width:100%;

	padding:8px 15px 10px;

	text-align:center;

	background:#f8fdc7;

	border:1px solid #ddd;

	font-size:16px;

	line-height:24px;

	letter-spacing:0.5px;

	color:#000;

	}

.descriptor img{

	display:inline-block;

	vertical-align:middle;

	width:16px;

	margin:-7px 7px 0 0;

	}

.descriptor span{

	font-weight:500;

	}

.magnifier{
    display: block;
    max-width: 100%;
    margin: 20px auto 0px auto;
}

	

.ty-cont{

	float:left;

	width:100%;

	margin-top:15px;

	}

.ty-cont li{

	float: left;

    width: 28%;

	min-height:90px;

    text-align: center;

    border-right: 1px solid #ddd;

	margin:15px 0;

	}

.ty-cont li:nth-child(2){ width:44%;}

.ty-cont li:last-child	{ border:none;}

.ty-cont li img{

	display: block;

    margin: 0 auto 5px;

	}

.ty-cont li p {

    font-size: 16px;

    line-height: 23px;

    color: #000;

    letter-spacing: 0.5px;

	}

.ty-cont li p span{ font-weight:500;}

.ty-cont li p a{ cursor:pointer;}

.ty-cont li p a:hover{ text-decoration:underline;}



.ty-sec-heading{
	display: inline;
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom: 22px;
	}

.ty-sec-heading span{

	display:inline-block;

	vertical-align:middle;

	padding:14px 10px 10px 10px;

	color:#191919;

	font-size:22px;

	line-height:22px;

	text-transform:uppercase;

	position:relative;

	}

.ty-sec-heading span:before, .ty-sec-heading span:after{

	content:'';

	position:absolute;

	left:-100px;

	width:100px;

	height:1px;

	background:#e1e1e1;

	top:50%;

	}

.ty-sec-heading span:after{

	right:-100px;

	left:auto;

	}



.summry-container{
	display: flex;
	border: 1px solid #d2d2d2;
	width: 830px;
	max-width: 100%;
	margin-top: 22px;
	flex-direction: column;
	overflow-x: hidden;
	}

.thnk-odrnmbr{
	float:left;
	width:100%;
	background:#f5f5f5;
	padding:2px 0;
	font-size:19px;
	line-height:22px;
	color:#191919;
	letter-spacing:0.5px;
	border-bottom:1px solid #d2d2d2;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
	}

.thnk-odrnmbr span{font-weight:500;}

.thnk-odrtxt1{

	float:left;

	width:50%;

	padding:14px;

	text-align:left;

	}

.thnk-odrtxt2{

	float:right;

	width:50%;

	padding:14px;

	text-align:right;

	}

	

.ty-odr-smryBox{

	float:left;

	width:100%;

	}	

.ty-heading-row{

	float:left;

	width:100%;

	font-size:17px;

	line-height:20px;

	padding:7px 0 5px;

	color:#191919;

	font-weight:500;

	border-bottom:1px solid #e1e1e1;

	letter-spacing:0.5px;

	}

.ty-col-1{

	float:left;

	width:50%;

	text-align:left;

	padding:10px 15px;

	}

.ty-col-3{

	float:left;

	width:20%;

	text-align:center;

	padding:10px 5px;

	}

.ty-col-4{

	float:left;

	width:30%;

	text-align:right;

	padding:10px 25px 10px 0;

	}	

.ty-prod-row{

	float:left;

	width:100%;

	border-bottom:1px solid #e1e1e1;

	font-size:19px;

	letter-spacing:0.5px;

	line-height:20px;

	color:#191919;

	padding:5px 0;

	}

/* .ty-prod-row .ty-col-3, .ty-prod-row .ty-col-4{padding-top:35px;} */

.ty-prodbx{

	display:inline-block;

	vertical-align:middle;

	width:72px;

	height:56px;

	padding:3px;

	text-align:center;

	}

.ty-prodbx img{

	max-width:100%;

	max-height: 100%;

	}

.ty-prd-name{

	display:inline-block;

	vertical-align:middle;

	width:calc(100% - 90px);

	padding-left:16px;

	font-weight:500;

	}	

.priceFlds {
	margin: 15px 0 15px auto;
    width:480px;
    padding:0 15px;
	max-width:100%;

	}

.prc-row {

    float: left;

    width: 100%;   

    padding:7px 5px;

    text-align: left;

    color: #191919;

    font-size: 17px;

	letter-spacing:0.5px;

	}

.prc-row p{

	float:left;

	width:60%;

	}

.prc-row span {

    float: right;

	width:20%;

    text-align: right;

	}

.prc-row.total {

    border: none;

	font-weight:500;

	font-size:19px;

	border-top:1px solid #e1e1e1;

	margin-top:5px;

	}	

.billing-strip{

	float:left;

	width:100%;

	margin-top:5px;

	font-size:17px;

	line-height:26px;

	color:#fff;

	background:#0c6195;

	padding:5px;

	font-weight:500;

	letter-spacing:0.5px;

	}

ul.custmr-service-list{

	float:left;

	width:100%;

	margin-top:30px;

	padding:0 50px;

	}

ul.custmr-service-list li{

	float:left;

	width:33.333%;

	text-align:center;

	position:relative;

	}

ul.custmr-service-list li:after{

	position:absolute;

	right:0;

	top:20px;

	bottom:10px;

	width:1px; background:#ddd;

	content:"";

	}

ul.custmr-service-list li:last-child:after{ display:none;}

ul.custmr-service-list li img{

	display:block;

	margin:0 auto 5px;

	}

ul.custmr-service-list li p{

	font-size:16px;

	line-height:20px;

	letter-spacing:0.5px;

	color:#666666;

	}

.help-Box{

	display:inline-block;

	vertical-align:middle;

	max-width:830px;

	width:100%;

	background:#001f37;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
	margin-top:30px;

	padding:0 0 15px;

	}

.help-txt1{

	display:block;

	margin:-20px auto 5px;

	width:35px;

	height:35px;

	background:#fff;

	border-radius:50%;

	text-align:center;

	padding:12px 0 0;

	}

.help-txt2{

	float: left;

    width: 100%;

    font-size:20px;

    letter-spacing: 0.5px;

    line-height: 22px;

    color: #ffffff;

    margin-top: 10px;

	font-weight:500;

	}

.help-Box ul{

	float:left;

	width:100%;

	}

.help-Box ul li{

	float:left;

	width:50%;

	text-align:center;

	margin-top:20px;

	border-right:1px solid #fff;

	}

.help-Box ul li:last-child{ border:none;}

.help-Box ul li img{

	display:block;

	margin:0 auto 5px;

	}

.help-Box ul li p{

	font-size:16px;

	line-height:23px;

	color:#ebebeb;

	letter-spacing:0.5px;

	}	

.help-Box ul li p a:hover{ text-decoration:underline;}

.thnk-Addressinfo {
	display: inline-block;
    max-width: 830px;
    width: 100%;
    margin-top: 30px;
	}

.ty-lft-Address, .ty-rgt-Address {

	float: left;

	width: 45%;

	text-align: left;

	}

.sh-heading {

	float: left;

	width: 100%;

	color: #101010;

	font-size: 20px;

	line-height:30px;

	padding-bottom:10px;

	border-bottom:1px solid #dadada;

	}

ul.user-info {

	float: left;

	width: 100%;

	margin-top: 10px;

	}

ul.user-info li {

	float: left;

	width: 100%;

	position: relative;

	padding-left: 0px;

	margin: 5px 0;

	color: #393733;

	font-size: 15px;

	line-height: 21px;

	word-break:break-all;

	letter-spacing:0.5px;

	}

ul.user-info li span {

	position: relative;

	

	color: #2b2b2b;

	font-weight: 500;

	}

.ty-rgt-Address {

	float: right;

	}







.vdo_sec{

	float:left;

	width:100%;

	background:#001f37;

	margin-top:30px;

	padding:30px 30px;

	text-align:center;

	}

.vdo-header{

	float:left;

	width:100%;

	}

.vdo-header h3{

	font-size:28px;

	line-height:32px;

	letter-spacing:0.3px;

	color:#fff;

	font-weight:bold;

	}

.vdo-header p{

	font-size:16px;

	line-height:26px;

	letter-spacing:0.3px;

	color:#fff;

	margin-top:5px;

	}

.vdo-row{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:700px;

	margin-top:25px;

	text-align:center;

	border:2px solid #ddd;

	box-shadow:0 0 9px 0 rgba(0,0,0,0.1);

	-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,0.1);

	position:relative;

	background:#000;

	}

.vdo-img{

	display:inline-block;

	vertical-align:top;

	width:100%;

	cursor:pointer;

	}

.claim_button{

	display:inline-block;

	vertical-align:top;

	padding:17px 25px;

	font-size:19px;

	line-height:26px;

	letter-spacing:0.5px;

	font-weight:500;

	color:#fff;

	margin-top:25px;

	background:#090;

	text-transform:uppercase;

	border-radius:5px;

	}

.other_product_sec{

	float:left;

	width:100%;

	padding:30px 0 10px;

	}

.other_prod_hdng{

	font-size:28px;

	line-height:40px;

	letter-spacing:0.5px;

	color:#585858;

	font-weight:bold;

	text-transform:uppercase;

	}

.other_prod_hdng span{

	font-size:40px;

	color:#001f37;

	}

.other_prod_row{

	display: flex;

    flex-wrap: wrap;

	width:100%;

	}

.other_prod_col{

	width:33.33%;

	text-align:center;

	padding:0 10px;

	margin-top:30px;

	}

.other_prod_text{

	float:left;

	width:100%;

	font-size:16px;

	line-height:24px;

	letter-spacing:0.3px;

	color:#000;

	font-weight:600;

	}

.other_prod_img{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	margin-top:15px;

	border-radius:5px;

	}

.view_btn{

	display: inline-block;

    vertical-align:top;

	width:100%;

    padding: 12px 25px;

    font-size: 17px;

    line-height: 24px;

    letter-spacing: 0.3px;

    font-weight: 600;

    color: #fff;

    margin-top: 15px;

    background: #090;

    text-transform: uppercase;

    border-radius: 7px;

	}

	

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

CSS FOR FOOTER

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

.footer{

	float:left;

    width:100%;

	text-align:center;

	background:#fff;

    padding:50px 0;

	border-top:1px solid #c6c6c6;
	margin-top: -60px;

	}

.ftr-logo{

	margin:0 auto 20px;
	display:block;
	width: 100px;
    /* height: 100px; */
	}	

.ftr-txt{

    float:left;

    width:100%;

    font-size:16px;

    line-height:22px;

    color:#000;

	letter-spacing:0.3px;

	margin-top:10px;

	}	

.footer .ftr-txt a{

    padding:0 8px;

    color:#333333;

	position:relative;

	}

	

	

.show-desk {display: block;}

.up-shw{ display:none;}

.div-lt {
	float: right;
	text-align: left;
}

.hdrtxt span {
	font-size: 17px;
}

.phone {
	height: 46px;
    width: 26px;
    border: 1px solid #bcbcdb;
    border-radius: 40px;
    display: inline-flex;
    float: left;
    margin: 5px 12px 0 0;
}
.phone img{
	width: 14px;
    height: 14px;
    margin: 15px 5px;
}

.d-flex {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}



.thankBox-header {
	font-weight: 700;
	font-size: 42px;
	color: #7f7f7f;
}
.thankBox-h2 {
	font-size: 28px;
	color: #688db7;
}
.txt-thankBox {
	color: #688db7;
	font-size: 18px;
	margin-bottom: 20px;
}
.img-sque-cam {
	max-width: 100%;
}
.btn-more {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 15px auto 50px auto;
	font-weight: 600;
	font-size: 18px;
	background: rgb(0, 128, 0);
	max-width: 300px;
	border-radius: 4px;
	color: #fff;
	min-width: 200px;
	display: block;
}



/*---------Media Querry---------*/



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

.container{width:1004px;}



.up-steps{width:350px;}



.up-hdng-txt1{font-size:40px; line-height:42px;}

}





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

.container{width:750px;}

.show-desk {display: none;}

.show-tab {display: block;}



.other_prod_col{ width:48%;}



.h-secure{ display:none;}

.ship-steps {display: none;}

}



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

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

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

.show-mob{display:block;}



.header{ padding:5px 0;}

.logo {	float: none;display: inline-block;vertical-align: middle;width: 70px;margin-left: 0;}

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

.ship-steps{ margin-top:7px; float:none; max-width:90%; display:none;}



.up-top-hdng{ padding: 10px 0 80px;}



/*=========THANK_YOU==============*/

.ty-hdng-txt1{font-size: 23px;line-height: 28px;}

.ty-hdng-txt2{font-size: 14px;line-height: 19px; letter-spacing:0.3px;margin-top: 7px;}



.descriptor{ font-size:14px; line-height: 22px;letter-spacing:0.3px;padding: 8px 10px;}

.descriptor img {width: 14px;margin: -5px 5px 0 0;}



.thank-sec{ padding-bottom:25px;margin-top: 50px;}

.thnk-top-txt{ padding:0; font-size:16px; line-height:22px; margin:10px 0;}



.thank-hdng{font-size: 26px;line-height: 30px;}

.thankBox{max-width: 100%; padding: 0;}

.summry-container{ width:100%; margin-top:10px;}

.ty-coupn-box{margin-top:10px; padding:10px;}

.ty-cont li p{ font-size:16px;}

.ty-coupn-inner{padding: 10px 10px 20px;}

.coupn-heading{font-size:30px; line-height:36px;}

.coupn-para{font-size:16px; line-height:24px; }

.coupn-btn{margin-top:10px;margin-left:0;}



.ty-cont li{ width:100%; border:none; margin:20px 0 0;}

.ty-cont li:nth-child(2){ width:100%;}



.ty-sec-heading{margin-top:25px;}

.ty-sec-heading span{font-size:20px; padding: 10px 15px 8px 15px;}

.ty-sec-heading span:before, .ty-sec-heading span:after{width:50px;}

.ty-sec-heading span:before{left:-50px;}

.ty-sec-heading span:after{right:-50px;}



.new-prod{display: block;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap; padding:10px; margin-top:30px;}

.ty-prod-box{width:220px; display: inline-block; white-space: normal; margin-right:15px;}



.thnk-odrnmbr{font-size:14px;line-height: 18px;}

.thnk-odrtxt1, .thnk-odrtxt2{text-align:center;}

.ty-heading-row{font-size:15px;}

.ty-col-1{padding:10px; width:60%;}

.ty-col-4{padding: 10px 15px 10px 0; width:20%;}

.ty-prodbx{width:40px; height:30px; padding:0;}

.ty-prod-row{font-size:14px; line-height:16px;}

.ty-prd-name{width: calc(100% - 60px); padding-left:7px;}

.ty-prod-row .ty-col-3, .ty-prod-row .ty-col-4{padding-top:25px;}



.priceFlds{padding:0 10px 0 12px;}

.prc-row span{width:30%;}

.billing-strip{ font-size:16px; line-height:24px;}



ul.custmr-service-list{ margin:10px 0 0; padding:0;}

ul.custmr-service-list li{  margin-top:20px;}

ul.custmr-service-list li p {font-size: 14px;line-height: 18px;}



.help-Box ul li{width:100%; border:none;}

.help-txt2{ font-size:18px;}



.thnk-Addressinfo{margin-top:0;}

.ty-lft-Address, .ty-rgt-Address{width:100%; margin-top:30px;}





.vdo_sec{ padding:25px 15px;}

.vdo-header h3 {font-size: 24px;line-height: 30px;}

.vdo-header p {font-size: 15px;line-height: 24px;}

.vdo-row{ margin-top:15px;}

.claim_button{ padding: 10px 25px;font-size: 16px;line-height: 24px;}



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

.other_prod_hdng span { font-size: 25px;}

.other_prod_col{ width:100%;padding: 0 20px;}

.other_prod_text{font-size: 18px;line-height: 26px;}



.footer{ padding:20px 0 25px;}

.ftr-logo{ width:180px; margin:0 auto 5px;}

.footer .ftr-txt a{ padding:0 3px;}
.ftr-txt{
	    font-size: 12px;
        margin-top: 10px;
        margin-bottom: 15px;
}
.ftrtxt{ font-size:12px; line-height:16px; margin-top:10px;}


}





@media only screen and (max-width: 480px) {
	.logo {
		
		width: 110px;
		
	}

	.phone {

		/* background: url(images/phone.png) center center no-repeat; */
		border: 1px solid #bcbcdb;
		border-radius: 40px;
		display: inline-block;
		float: left;
		margin: 5px 12px 0 0;
	}

	.hdrtxt span {
		font-size: 14px;
	}

	

	
}



/*********** Print Css ***************/
@media print {
	.img-sque-cam{
		width: 300px;
	}
	
}