@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: 'Roboto', sans-serif;
	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;
	}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width: 1004px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

.header{
	float:left;
	width:100%;
	background:#fff;
	padding:10px 0;
	border-bottom:1px solid #d7d7d7;
	}
.logo{
	float:left;
	margin-top:5px;
	}
.callBtn{
	float:right;
	color:#124374;
	font-size:24px;
	font-weight:700;
	margin-top:15px;
	}
.callBtn img{
	display:inline-block;
	vertical-align:top;
	margin:0 7px 0 0;
	}
/*-----------------------
		BANNER
------------------------*/
.banner {
	float: left;
	width: 100%;
	}
.banner-inner{
	float: left;
	width: 100%;
	background:#105c94;
	height:230px;
	position:relative;
	padding:15px 244px 0 20px;
	text-align:left;
	}
.hero-img-desk{
	position:absolute;
	right:10px;
	top:15px;
	}
.bnr-heading{
	float:left;
	width:100%;
	font-size:40px;
	line-height:44px;
	color:#fff;
	font-weight:700;
	}
.bnr-heading span{
	color:#fcff00;
	}	
ul.bnr-list{
	float:left;
	width:100%;
	margin-top:14px;
	padding-top:8px;
	border-top:1px solid #fff;
	}
ul.bnr-list li{
	float:left;
	width:50%;
	font-size:18px;
	line-height:22px;
	color:#fff;
	padding-left:30px;
	letter-spacing:0.5px;
	background:url(../images/bnr-li-bg.png) no-repeat left 2px;
	margin-top:10px;
	}				
.bnr-count{
	float:left;
	width:100%;
	background:#eeeeee;
	}
.bnr-count p{
	float:left;
	width:100%;
	color:#ea0202;
	font-size:19px;
	font-weight:500;
	text-align:left;
	padding:10px 20px 8px 25px;
	letter-spacing:0.5px;
	}
/*-----------------------
	CHECKOUT SECTION 1
------------------------*/
.section1 {
	float: left;
	width: 100%;
	background:#fff;
	text-align:center;
	padding:25px 0 80px;
	}
.packages-left{
	float:left;
	width:53%;
	text-align:left;
	margin-top:15px;
	}
.chk-top-hdng {
	float: left;
	width: 100%;
	background: #ff0000;
	padding: 10px;
	border: 2px dashed #fff;
	text-align: center;
	}
.hdng-txt1{
	font-size:26px;
	color:#fcff00;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	}
.hdng-txt1 img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 10px 0 10px;
	}
.hdng-txt2{
	font-size:20px;
	color:#fff;
	letter-spacing:0.5px;
	margin-top:3px;
	}			
/*CSS FOR PACKAGES*/	
.package-container{
	float:left;
	width:100%;
	background:#737373;
	border-radius:8px;
	padding:6px;
	cursor:pointer;
	margin:8px 0;
	}
.package-container.active{background:#105c94;}	
.pack-top{
	float:left;
	width:100%;
	padding:6px;
	}
.pack-chkbox{
	float:left;
	width:22px;
	height:22px;
	border-radius:3px;
	background:#fff;
	margin:2px 10px 0 4px;
	}
.package-container.active .pack-chkbox{ background:url(../images/tik-blk.svg) no-repeat center center #fff; background-size:20px;}
.pack-title{
	float:left;
	font-size:26px;
	line-height:26px;
	color:#fff;
	font-weight:700;
	letter-spacing:1px;
	}
.pack-title span{ color:#fffc0e;}	
.package-mid{
	float:left;
	width:100%;
	padding:12px 10px 5px;
	background:#fff;
	border-radius:8px;
	margin-top:4px;
	}
.pack-imgs{
	float:left;
	width:50%;
	text-align:center;
	}
.pack-imgs img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}
.pack-content{
	float:right;
	width:50%;
	text-align:center;
	margin-top:8px;
	}
.pack-content p{
	float:left;
	width:100%;
	}
.pack-qty{
	color:#424141;
	font-size:24px;
	font-weight:500;
	}
.pack-qty span{ 
	position:relative;
	}
.pack-qty img{
	width:100%;
	position:absolute;
	top:6px;
	left:0;
	}	
.pack-price{
	color:#191919;
	font-size:46px;
	line-height:50px;
	font-weight:700;
	margin-top:7px;
	}
.package-container.active .pack-price{color:#105c94;}	
.packBtn{
	display:inline-block;
	vertical-align:middle;
	max-width:96%;
	margin-top:10px;
	}
	
.moneyback-blk {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #bebebe;
	border-radius:5px;
	padding: 20px 25px;
	color: #323232;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	margin-top:80px;
	}
.moneyback-blk span {
	float: left;
	width: 100%;
	font-size:26px;
	font-weight: 700;
	margin: 10px 0 15px;
	}
.moneyback-blk img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -79px;
	margin-bottom: 10px;
	}
	
/*-------------------------
CSS FOR RIGHT SIDE
-------------------------*/
.frm-container{
	float:right;
	width:45%;
	text-align:center;
	border:1px solid #e1e1e1;
	border-radius:7px;
	position:relative;
	overflow:hidden;
	margin-top:23px;
	}
.frm-top{
    float: left;
    width: 100%;
    background: #105c94;
    padding: 7px 5px;
	}
.frm-top img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}
.frmSteps{
	float: left;
    width: 100%;
	background:#228ad7;
	padding:10px 15px;
	text-align:left;
	color:#fff;
	font-size:23px;
	line-height:30px;
	}
.frmSteps span{
	color:#fff;
	font-weight:700;
	}
.frmSteps img{
	display:inline-block;
	vertical-align:middle;
	margin:-7px 10px 0 0;
	}
.frm-mid{
    float: left;
    width: 100%;
    padding:16px 20px;
	}	
.frm-element{
	float:left;
	width:100%;
	margin:6px 0;
	position:relative;
	}
.frm-element label{
	float:left;
	width:140px;
	color:#1e1e1e;
	font-size:18px;
	line-height:40px;
	text-align:left;
	}
.frm-element .frm-input, .frm-element select {
	float:right;
	width:265px;
    background: #fff;
    height: 40px;
    font-size: 16px;
    line-height: 16px;
    color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding:4px 10px;
    -webkit-appearance: none;
    outline: none;
	-webkit-box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.1);
	}
select{
	background:url(../images/slct-arw.png) no-repeat 96% center #fff!important;
	}
.frm-element select.select-50{width:127px; float:left; margin-left:7px;}
.frm-element select.select-50.lft{}
.frm-element .frm-input.inp-50{width:127px; margin-left:7px; float:left;}

.fieldToggle {
	float: left;
	margin-top:5px;
	color: #1e1e1e;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	cursor: pointer;
	position: relative;
	}
.fieldToggle input[type=checkbox]{
	position: absolute;
	opacity: 0;
	}
.fieldToggle input[type=checkbox] + span{
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #d3d3d3;
	position: relative;
	}
.fieldToggle input[type=checkbox]:checked + span:after{
	position: absolute;
	content: '';
	width: 14px;
	height: 14px;
	background: url(../images/tik-blk.svg) no-repeat center center;
	background-size: 100%;
	left: 1px;
	top: 1px;
	}
.shipaddress{
	float:left; 
	width:100%; 
	margin-top:6px; 
	display:none;	
	}	
.card-accept {
	float: left;
	width: 100%;
	margin: 15px 0 10px 0;
	color: #1e1e1e;
	font-size: 18px;
	text-align: left;
	}
.card-accept img {
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
	}
.cvv-icon{
	float:left;
	margin:-3px 0 0 15px;
	}
.frm-btn{
	max-width:95%;
	display:inline-block;
	vertical-align:middle;
	outline:none;
	margin-top:8px;
	}
.logos{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	margin:13px 0;
	}
/*-----------------------
		Footer
------------------------*/
.footer {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top:1px solid #ababab;
	}
.footer p{
	float: left;
	width: 100%;
	font-size: 15px;
	line-height:24px;
	color: #3d3d3d;
	letter-spacing:0.5px;
	margin:10px 0;
	}

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes pulse {
0% {transform: scale(0.9);opacity: 0.9;}
50% {transform: scale(1);opacity: 1;}
100% {transform: scale(0.9);opacity: 0.9;}
}

@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.95);opacity: 0.7;}
50% {-webkit-transform: scale(1);opacity: 1;}
100% {-webkit-transform: scale(0.95);opacity: 0.7;}
}


.tadda {
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
0% {transform:translateX(0px)}
50% {transform: translateX(15px);}
100% {transform: translateX(0px);}
}
.taddaR {
	animation-name: taddaR;
	-webkit-animation-name: taddaR;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes taddaR {
0% {transform:translateX(0px)}
50% {transform: translateX(-15px);}
100% {transform: translateX(0px);}
}