@charset "utf-8";
/* CSS Document */
body {	
	margin:auto;
	padding:0;
	font-size:18px;
	line-height:24px;
	color:#515151;
	text-align:left;
	font-family: 'Hind', sans-serif;
	-webkit-font-smoothing:antialiased; 
	-moz-font-smoothing:antialiased; 
	font-smoothing:antialiased;
	background:#fff;		
}
/*
START UTILITY
*/
div, ul, h1, h2, h3, h5,li, p, img, form, input, textarea {
	margin:0;
	padding:0;
}
img {border:none;}

li {list-style:none;}
b { font-weight:700;}
.clearall {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}

/*
END UTILITY*/

/* start main content */
div#container{
	height:auto;
}
.contentWrap{
	width:1004px;
	margin:0 auto;
	position:relative;
}
.tophdr{
	height:33px;		
	background:#000;
	margin:0;
	padding:0;
}
.top-sec-txt{
	font-size:16px;
	line-height:33px;
	color:#fff;
	text-align:center;
}
.top-sec-txt span{
	color:#FF0000;
	font-weight:bold;
}
/*==========================================*/
div#section1, div#section2, div#section3, div#section4, div#section5, div#section6, div#section7{
	min-width:1004px;
	width:100%;
	margin:0 auto;
	display:block;
}
/*==========================================*/
/*======================start section1====================*/
div#section1{
	background:url(../images/section1.jpg) center top no-repeat;
	height:785px;		
}
.lft-content, .rgt-form{
	float:left;
	display:inline-block;
	width:68.6%;	
	margin:0;
	padding:0;
}
.rgt-form{width:31.4%;}
.logo{
	position:absolute;
	top: 19px;
    left: 223px;
}
.s1top-txt{
	position:absolute;
	top:21px;
	right:0;
}
.s1-hding{
	margin:100px 14px 0 0;
	float:right;
}
.sec1-txt1, .sec7-txt1{
	font-size:22px;
	line-height:24px;
	color:#000000;
	text-align:left;
	clear:both;
	padding:0 0 0 220px;
	margin:0;
}
ul.bullet-point, ul.s7bullet-point{
	background: url(../images/blt-point-bg.png) center top no-repeat; 
	margin:34px 0 0 74px;
	clear:both;
	padding:9px 0 0px 0;
}
ul.bullet-point li, ul.s7bullet-point li{
	font-size:22px;
	line-height:18px;
	color:#a47952;
	text-align: left;
	font-weight:700;	
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:0 0 20px 258px;
	position:relative;
}
ul.bullet-point li span, ul.s7bullet-point li span{
	font-size:20px;
	line-height:20px;
	color:#101c5b;
	text-transform:none;
	font-weight:500;	
}
.s1product{
	position:absolute;
	top: 374px;
    left: 52px;
}
.s1-arrow{
	margin:11px 0 0 124px;
	position:relative;
}
.us-flag{
	width:290px;
	margin:2px 0 0 289px;
	position:relative;
}
.flag{
	position:absolute;
	top:8px;
    left:9px;
}
.flag-txt{
	font-size:17px;
	line-height:19px;
	text-align:left;
	color:#242424;
	margin:0;
	padding:6px 0 0 59px;
}
/*-------------------------*/
/* form start */
.guarantee{
	margin:5px auto 5px auto;
}
.form-position{
	margin:15px 0 0 0;
	position:relative;
}
.frm-top, .frm-top2{
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:32px;
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:3px 0 0 0;
}
.frm-top span{
	font-size:42px;
	line-height:34px;
	font-weight:700;
}
.frm-top2{
	font-size:20px;
	line-height:18px;
	color:#fff4de;
	padding:0 0 0 0;
}
.frm-fields{
	margin:75px auto 0 auto;
	display:block;
	width:81%;
}
.frmElemts{
	display:inline-block;
	float:left;
	margin:3px 0 3px 0;
}	
.frmElemts input, .frmElemts label, .frmElemts select  {
	display:inline-block;
	float:left;
	height:26px;
}
.frmElemts label{
	line-height:30px;
	width:100%;
	font-size:14px;
	font-weight:700;
	color:#333333;
	text-align:left;
	}	
.frmElemts input, .frmElemts select {
	background:none; 
	width:254px; 
	height:32px;
	background-color:#FFF;
	outline:none;
	padding-left:4px;
	border:1px solid #cccccc;
	border-radius:5px;
}
.frmElemts select{
	width: 280px;
    height: 32px;
	line-height:30px;
}
.frm-btm{
	margin:100px 0 0 0;
}		
.submit{
	margin:12px 0 10px 0;
	background:url(../images/submit-btn.png) 0 0 no-repeat;
	height:66px;
	width:271px;
	cursor:pointer;
	border:none;
	outline:none;
}
/* form end */
/*======================end section1====================*/
/* -------------- start section2 ---------------- */					
div#section2{
	background: url(../images/section2.jpg) center top no-repeat;
	height:770px;
}
.s2hding{
	margin:0 auto;
	display:block;
	padding:6px 0 0 0;
}
.sb-hding-bg{
	border:1px solid #e1e1e1;
	border-radius:40px;
	background:#fff;
	height:55px;
	width:670px;
	margin:12px auto 0 auto;
}
.hding-logo{
	float:left;
	margin:2px 7px 0 34px;
}
.s2sb-hding{
	font-size:42px;
	line-height:55px;
	color:#515151;
	font-weight:300;
	text-transform:uppercase;
	text-align:left;
	padding:5px 0 0 0;	
}
.s2sb-hding span{ font-weight:bold;}
.sec2-p1{
	text-align:center;
	padding:29px 20px 0 20px;
}
.sec2-p1 span{
	font-size:23px;
	line-height:21px;
	color:#523d51;
	font-weight:bold;
}
.sec2-p2{
	text-align:center;
	font-size:32px;
	line-height:31px;
	color:#000000;
	padding:48px 0 0 0;
	margin:0;
}
.sec2-p2 span{font-weight:bold;}
.s2product{
	position:absolute;
	top: 289px;
    left: -61px;
}
.s2arrow{
	position: absolute;
	top:623px;
	right:20px;
	opacity:0;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);
}
.sec2-arr-wo{
	top:673px;
	right:0;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/*--------------------------*/
#video {
  display: block;
  width:697px;
  height:390px;
  background:#000 url(../images/video.jpg) center top no-repeat;
  background-size: cover;
  border:3px solid #fff;
  margin:14px auto 52px auto;
  -moz-box-shadow: 0 0 20px #959393;
	-webkit-box-shadow: 0 0 20px #959393;
	box-shadow: 0 0 20px #959393;
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
}
#video.active {
	border:3px solid #fff;
    background-color: white;
}
/* -------------- end section2 ---------------- */
/* ------------- start btn_strip ----------- */
#strip{
	height:126px;
	margin:0 auto 0 auto;
	padding:0;
}
.strip-bg{
	background:url(../images/strip.jpg) center top no-repeat;
	height:126px;
}
.strip-txt{
	font-size:22px;
	line-height:26px;
	color:#ffffff;
	text-align:left;
	letter-spacing:-0.5px;
	margin:0;
	padding:42px 0 0 24px;
}
.strip-txt span{
	font-size:34px;
	color:#ffffff;
	font-weight:700;
}
.button{
	background:url(../images/submit-btn.png) 0 0 no-repeat;
	height: 66px;
	width: 271px;
	position:absolute;
	top:23px;
	right:24px;
	border: none;
	outline: none;
	cursor: pointer;
}
/* ------------- end btn_strip ----------- */
/* ------------- start section3 ----------- */
div#section3{
	height:996px;
	background:url(../images/section3.jpg) center top no-repeat;
	position:relative;
}
.s3-content{
	margin:0 0 0 384px;
}
.sec3hding, .sec4hding, .sec5hding{
	font-size:46px;
	line-height:44px;
	color:#b88b00;
	text-align: left;
	font-weight:bold;
	margin:0;
	padding:56px 0 0 0;
}
.sec3hding{
	font-size:45px;
	letter-spacing:-1px;
}
.sec3hding span, .sec4hding span, .sec5hding span{
	text-transform:uppercase;
	color:#000000;
}
.s3sub-hding, .s4sub-hding, .s5sub-hding{
	font-size:28px;
	line-height:28px;
	color:#3f3f3f;
	text-align: left;
	padding:0px 0 0 0;
}
.hding-line{margin:5px 0 0 0;}
.sec3-p1{
	text-align:left;
	font-size:17.50px;
    margin: 0;
	padding:24px 0 0 0;
}
ul.s3txt-list{
	margin:45px 0 0 21px;
	padding:0;
}
ul.s3txt-list li{	
	margin:0;
	padding:0 0 13px 0;
}
ul.s3txt-list li p{
	font-size:19px;
	text-align:left;
	margin:0;
	padding:0 0 12px 0;
}
ul.s3txt-list li p span{
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#b88b00;
	text-transform:uppercase;
}
.s3icon{
	float:left;
	margin:0 25px 10px 0;
}
ul.s3txt-list li:nth-child(2){padding:0 0 8px 0;}
ul.s3txt-list li:nth-child(4){padding:0 0 8px 0;}
.s3arrow{
	position: absolute;
	top:834px;
	right:-20px;
	opacity:0;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);
}
.sec3-arr-wo{
	top: 900px;
	right:-10px;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/* ------------- end section3 ----------- */
/* ------------- start section4 ----------- */
div#section4{
	background: url(../images/section4.jpg)center top no-repeat;
	height:890px;
}
.sec4hding{
	text-align:center;
	padding:52px 0 0 0;
}
.s4sub-hding{text-align:center;}
.hding-line2{
	margin:5px auto 0 auto;
	display:block;
}
ul.s4steps{
	margin:38px 0 0 0;
	padding:0;
}
ul.s4steps li{
	background:url(../images/step1.png) center top no-repeat;
	float:left;
	display:inline-block;
	width:33.33%;
	height:558px;	
	margin:0;
	padding:0;
}
ul.s4steps li:nth-child(2){background:url(../images/step2.png) center top no-repeat;}
ul.s4steps li:nth-child(3){background:url(../images/step3.png) center top no-repeat;}
ul.s4steps li p{
	text-align: center;
	font-size:20px;
	line-height:29px;
	padding:300px 40px 0 46px;
}
ul.s4steps p span{
	color:#b88b00;
	font-size:28px;
	line-height:60px;
	font-weight:700;
	text-transform:uppercase;
}
ul.s4steps li:nth-child(1) p{padding:300px 50px 0 30px;}
ul.s4steps li:nth-child(3) p{padding:300px 30px 0 50px;}
.s4arrow{
	position:absolute;
	top:777px;
	right:0;
}
.s4arrow{
	position: absolute;
	top:717px;
	right:20px;
	opacity:0;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);
}
.sec4-arr-wo{
	top:790px;
	right:0;
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/* ------------- end dection4 ----------- */
/* ------------- start section5 ----------- */
div#section5{	
	height:720px;
	background:url(../images/section5.jpg)center top no-repeat;
}
.sec5hding{
	letter-spacing:-1px;
	font-size:43px;
	padding:56px 0 0 0;
}
.s5sub-hding{
	margin:2px 0 0 0;
}
.s5lft, .s5rgt{
	float:left;
	display:inline-block;
	width:38%;
	margin:0 0 0 0;
	position:relative;
}
.s5rgt{
	margin:0 0 0 0;
	width:62%;
}
.s5magazin{
	margin:63px 0 0 -17px;
}
.s5-lft-txt{
	color:#3f3f3f;
	text-align:center;
	font-size:20px;
	line-height:26px;
	padding:25px 60px 0 20px;
}
ul.s5lft-list{
	margin:0;
	padding:40px 0 0 34px;
}
ul.s5lft-list li{
	padding:0 0 0 0;
	height:122px;
}
.s5icon{ 
	float:left;
	margin:9px 10px 40px 0;
}
.list-txt1{
	text-align:left;
	line-height:22px; 
	padding:6px 0 0 0;
}
.list-txt2{
	padding: 3px 0 0 0;
}
ul.s5lft-list li:nth-child(2){padding:2px 0 0 62px;}
ul.s5lft-list li:nth-child(3){padding:2px 0 0 45px;}
.s5prod{
	position:absolute;
	top: 355px;
    left: 280px;
}
.s5arrow{
	position: absolute;
	top:549px;
	right:-20px;
	opacity:0;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);
}
.sec5-arr-wo{
	top:624px;
	right:-10px;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/* ------------- end section5 ----------- */	
/* ------------- start section6----------- */
div#section6{
	background:#fff url(../images/section6.jpg)center top no-repeat;
	height:1030px;
}
.s6lft-test, .s6rgt-test{
	float:left;
	display:inline-block;
	width:48.5%;
	margin:39px 3% 0 0;
}
.s6rgt-test{width:48.5%;margin:39px 0 0 0;}
.testimonial-1{
	background:url(../images/test-bg.png) left top no-repeat;
	height:324px;
	margin:0 0 25px 0;
}
.t-img{margin:0 0 0 19px;}
.test-txt{
	text-align:left;
	line-height:22px;
	padding:5px 15px 0 26px;
	height:130px;
}
.test-name{
	font-weight:bold;
	color:#b88b00;
	text-transform:uppercase;
	padding:0 0 0 28px;
}
.s6arrow{
	position: absolute;
	top:880px;
	right:-40px;
	opacity:0;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);
}
.sec6-arr-wo{
	top:937px;
	right:-30px;
	transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/* ------------- end section6 ----------- */
/* ------------- start section7 ----------- */
div#section7{
	background:url(../images/section7.jpg)center top no-repeat;
	height:885px;
}
.s7logo{
	position:absolute;
	top: 169px;
    left: 147px;
}
.s7-hding{
	margin:128px 0 0 151px;
}
.s7product{
	position:absolute;
	top: 343px;
    left: -85px;
}
.sec7-txt1{
	font-size:20px;
	width:377px;
	letter-spacing:-1px;
	padding:0 0 0 158px;
}
ul.s7bullet-point{
	background:none;
	margin:33px 0 0 248px;
	clear:both;
	padding:9px 0 0px 0;
}
ul.s7bullet-point li{ padding:0 0 20px 0;}
.s7button{
	background:url(../images/submit-btn.png) 0 0 no-repeat;
        height: 66px;
        width: 271px;
	margin:0 0 0 206px;
	cursor: pointer;
	border: none;
	outline: none;
}
.s7arrow{
	position: absolute;
	top: 633px;
    right: 274px;
	opacity:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);
}
.sec7-arr-wo{
	top:673px;
	right:298px;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	opacity:1;
}
/* ------------- end section7 ----------- */
/* -------------start footer----------- */
div#footer{
	background:#fff;
	border-top:2px solid #e2e2e2;
}
.ftrtxt, .ftrtxt2{	
	font-size:16px;
	line-height:30px;
	color:#9a9a9a;
	text-align:center;
	text-transform:uppercase;
	padding:25px 0 25px 0;
	margin:0;
}
.ftrtxt2{padding:30px 60px 0 60px; line-height:20px;}
.ftrtxt a, .ftrtxt a:hover{
	text-decoration:none;
	color:#9a9a9a;
}
/* ------------- end footer----------- */

/*-----------------------
ARROW ANIMATION CSS START
------------------------*/
.bnr-slider {
    width: 100%;
    height: 100%;
    background: url(../images/lp-arrow-in.png) no-repeat;
    animation: AnimationName 2s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	position: absolute;
    left: 0;
    top: 0;
}
@-webkit-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@keyframes AnimationName {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
/* --------- arrow ------------ */
/* ----------- arrow ------------- */	
