body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}



/*font-family: 'HelveticaNeueMedium';
font-family: 'HelveticaNeueLightCond';
font-family: 'HelveticaNeueLight';
font-family: 'HelveticaNeueBold';
font-family: 'JaneAust';
font-family: 'HelveticaNeueThin';
font-family: 'HelveticaNeueRoman';*/



.comonsec{width: 100%;}
.everywhresec{width: 100%; min-height: 735px; display: flex; align-items: center; margin: 44px 0; position: relative;}
.comonsec .container-fluid{padding: 0px;}
.everywhrtxt{width: 500px; float: right; background: #b3b6b7; padding: 30px 20px; position: relative; z-index: 9;}
.everywhrtxt b{display: block; color: #fff; font: normal 42.04px/46px 'HelveticaNeueThin'; }
.everywhrtxt strong{display: block; text-transform: uppercase; color: #346693; font: normal 42.04px/46px 'HelveticaNeueBold'; 
padding-top: 7px;}
.everywhrtxt p{display: block; color: #fff; font: normal 20.83px/28px 'HelveticaNeueThin'; padding-top: 15px; }
.everywhresec:nth-child(even) .everywhrtxt{float: left;}
.everywhrtxt p span{font-family: 'HelveticaNeueBold'; }

.extramile{align-items: flex-end; padding-bottom: 96px;}
.extramile .everywhrtxt{width: 720px; background: none; text-align: right; padding: 0px;}
.extramiltop{width: 100%; background: #f8b513; padding: 23px; position: relative; z-index: 2;}
.extramilebtm{width: 100%; background: rgba(239,82,110,0.80); margin-top: 7px; padding: 10px 23px;}
.extramilebtm a{color: #fff; font: normal 24.68px/30px 'HelveticaNeueThin'; position: relative; z-index: 2;}
.extramiltop ul li{color: #fff; margin-top: 5px; position: relative; font: normal 22.83px/24px 'HelveticaNeueBold'; margin-top: 7px;}
.extramiltop b strong{display: inline; color: #92267c;}
.extramiltop ul li i{display: inline-block; position: relative; padding-left: 12px; font-style: normal;}
.extramiltop ul li i:before{position: absolute; content: ""; width: 4px; height: 4px; background: #fff; border-radius: 100%; top: 7px; left: 0;}
.extramiltop ul li em{font-family: 'HelveticaNeueThin'; font-size: 24.68px; font-style: normal;}
.extramiltop ul{padding-top: 9px;}
.extramilebtm a i{ font-style: normal; font-family: 'HelveticaNeueBold';}
.apslogo{position: absolute; top: 0; left: -420px; width: 400px;}
.apslogo ul li{width: 33.33%; float: left; padding: 10px; text-align: center;}
.apslogo img{max-width: 100%; width: 100%;}

.trustedsec .everywhrtxt{padding: 0px; background: none; }
.trustedsec .extramilebtm a i{color: #346693;}
.trustedsec .everywhrtxt .extramiltop{background: #798dab}
.trustedsec .everywhrtxt .extramilebtm{background: rgba(85,195,206,0.80); }
.trustedsec b strong{color: #004071; display: inline-block; width: 100%;}



/*banner*/

.bannersec{ width: 100%;}
.bannerImg{width: 100%; position: relative;background-size: cover !important;  padding-bottom: 26px;}
.panoverlay{width: 100%; position: relative;}
.panoverlay:before{position: absolute; width: 165px; height: 100%; background: rgba(0, 0,0, 0.30);
left: 43px; top:0; content: ""; z-index: 1;}

.bannerInr{width: 100%;}
.banLogo{width: 100%; padding: 0 0 0 55px; position: relative; z-index: 2;}
.banLogo strong{display: inline-block; width: 100%; color: #fff; font:normal 27.19px/30px 'HelveticaNeueLight'; padding-top: 19px;}
.bepartner{width: 100%;text-align: right; padding-right: 30px;}
.bepartner b{display: inline-block; width: 100%; color: #fff; font:normal 24.68px/28px 'HelveticaNeueThin'; padding-top: 24px;
padding-right: 30px;}
.bepartner b a{color: #fff;}
.bepartner b i{font-style: normal; font-family: 'HelveticaNeueBold';}
.banText{width: 50%; text-align: right; padding: 32px 23px 38px; background: #004071; margin-top: 90px; position: relative; z-index: 3;}
.banText strong{ color: #fff; font:normal 42.4px/54px 'HelveticaNeueThin', sans-serif;}
.banText strong b{text-transform: uppercase; font-size: 49.27px; font-family: 'HelveticaNeueBold';}
.banProduct{width: 50%; background: rgba(0, 169, 234, 0.80); padding: 11px 0; padding-right: 30px; text-align: right;
margin-top: 10px; position: relative; z-index: 2;}
.banProduct b{display: inline-block; width: 100%; color: #fff; font:normal 24.68px/30px 'HelveticaNeueThin';
}
.banProduct b i{ font-family: 'HelveticaNeueBold';font-style: normal;}
.banProduct b a{color: #fff;}  
 
/* latter sec */

.latterSec{width: 100%; background-size: cover  !important; padding-bottom: 38px; margin-top: 44px;}
.latterBox{width: 100%;}
.latterHed{width: 100%;}
.latterBox{width: 100%; background: #faf5d9; padding: 15px 44px 23px 23px;}
.latterHed{width: 100%;}
.latterHed img{width: 83px; margin-right: 20px;}
.latterHed h5{ color: #4f4f4f; font:normal 35.39px/40px 'HelveticaNeueThin', sans-serif;}
.latterHed h5 b{color: #004071; font-family: 'HelveticaNeueBold';font-style: normal; font-size: 42.6px;
font-weight: normal;}

.latterBox p{padding-top: 14px; color: #6d6e71; font:normal 14px/21px 'HelveticaNeueLightCond', sans-serif;}
.latterBox strong{padding-top: 10px; color: #6d6e71; font:normal 32.61px/38px 'JaneAust'; display: inline-block; width: 100%; padding-left: 20px;}
.redMorBox{width: 100%;}
.redMor{width: 100%;display: inline-block; color: #6d6e71; font:normal 10.87px/16px 'HelveticaNeueMedium';
padding-top: 20px; padding-left: 26px;}
.redMor b{color: #fff;}
.latterBoxInr{width: 45%;  margin-left: auto;}

/*product*/

.productSec{width: 100%; background-size: cover  !important; padding: 165px 0; margin-top: 51px;}
.productInr{width: 100%;}
.producBox{width: 50%; background: #8699a4; padding: 15px 0; position: relative; z-index: 1;}
.proBtnBox{width: 420px; background: #fefefe; padding: 9px; -webkit-border-radius: 51px;
 -moz-border-radius: 51px;  border-radius: 51px; position: relative; cursor: pointer; right: 0;
margin-left: auto; margin-right: -35px;
-webkit-box-shadow: 0px 0px 10px 1px #fff; -moz-box-shadow: 0px 0px 10px 1px #fff; box-shadow: 0px 0px 10px 1px #fff;}
.proBtn{width: 100%; display: inline-block; width: 100%; display: inline-block;
-webkit-border-radius: 51px; -moz-border-radius: 51px;  border-radius: 51px; 
padding: 13px 148px 22px 80px; border: solid 3px #e6e6e5; color: #fff; font:normal 44.66px/46px 'HelveticaNeueBold';
background: #3dc6ef;
-webkit-box-shadow: inset 0px 6px 18px 0px rgba(8,113,148,1);
-moz-box-shadow: inset 0px 6px 18px 0px rgba(8,113,148,1);
box-shadow: inset 0px 6px 18px 0px rgba(8,113,148,1);

}
.producBox:before{position: absolute; width: 125px; height: 328px; background: url(../images/proArw.png)no-repeat;
background-size: 100%; right: -160px; top: 50%; -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);
 transform:translateY(-50%); content: "";}


.proBtnBox i{position: absolute; top: 50%; right: 9px; -webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%); transform:translateY(-50%); background: #fafafa;
-webkit-border-radius: 100%; -moz-border-radius: 100%;  border-radius: 100%; padding: 2px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
.proBtnBox i img{ -webkit-border-radius: 100%; -moz-border-radius: 100%;  border-radius: 100%; border: solid #e7e7e7 2px; background: #fafafa;
padding: 2px;}



.bannersec.fixed .banLogo{position: fixed; top: 30px; left: 60px; width: auto; z-index: 99; padding: 0px;}
.bannersec.fixed .banLogo strong{display: block; width: auto;}

.bannersec .bannerImg{min-height: 720px; display: flex; align-items: center; }
.banText{margin: 0px;}
.headersec{width: 100%; background: #fff; padding: 20px 0;}
.hderinr{width: 100%; display: flex; justify-content: space-between;align-items: center;}
.hdermenu{width: auto;}
.hdermenu ul li{float: left; padding: 0 10px;}
.hdermenu ul li img{max-width: 100%;}
.hderlogo{width: auto;}
.hderlogo a{display: flex; color: #6d6e70; align-items: center;}
.hderlogo img{max-width: 100%;}
.hdrlgoinr{width: auto;}
.hdrlgoinr em{font: normal 27.19px/30px 'HelveticaNeueLight'; color: #6d6e70; margin-right: 20px; display: inline-block;}
.headersec, .hdrlgoinr em, .hderlogo img, .hdermenu ul li img{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.headersec.fixed{position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; z-index: 999;}
.headersec.fixed .hdrlgoinr em{font-size: 17px; line-height: 20px;}
.headersec.fixed .hderlogo img{width: 70px;}
.headersec.fixed .hdermenu ul li img{width: 30px;}













@media (min-width: 1200px) and (max-width: 9000px) {

.everywhrtxt{width: 40% !important;}

.hdermenu ul li img{width: 35px;}
.hdrlgoinr em{font-size: 20px; line-height: 25px;}
.hderlogo img{width: 80px;}



}


@media (min-width: 992px) and (max-width: 1199px) {


.everywhresec{min-height: 500px;}
.everywhrtxt b{font-size: 35px; line-height: 40px;}
.extramiltop b strong{font-size: 38px; line-height: 42px;}
.everywhrtxt strong{font-size: 35px; line-height: 40px;}
.everywhrtxt p{font-size: 18px;}
.extramile { align-items: center;  padding-bottom: 0;}
.extramiltop ul li{font-size: 17px;}
.extramiltop ul li i::before {top: 12px;}
.extramilebtm a{font-size: 22px;line-height: 30px;}
.apslogo {left: -400px; width: 370px;}

/*banner*/
.bepartner b{font-size: 22px;}
.banLogo strong{font-size: 25px;}
.banText strong{font-size: 38px;}
.banText strong b{font-size: 34px; line-height: 36px;}
.banProduct b{font-size: 22px; line-height: 26px;}

/*product*/
.proBtn{font-size: 34px;}

/* latter sec */
.latterHed h5{font-size: 27px; line-height: 34px;}
.latterHed h5 b{font-size: 34px;}
.redMor{color: #fff;}

.hdermenu ul li img{width: 30px;}
.hdrlgoinr em{font-size: 18px; line-height: 23px;}
.hderlogo img{width: 70px;}
.headersec{padding: 15px 0;}
.headersec.fixed .hderlogo img {width: 60px;}
.headersec.fixed .hdrlgoinr em {font-size: 16px;line-height: 20px;}
.headersec.fixed .hdermenu ul li img {width: 27px;}
.headersec.fixed {padding: 10px 0;}





}


@media (min-width: 768px) and (max-width: 991px) {

.everywhresec{min-height: 500px;}
.everywhrtxt b{font-size: 30px; line-height: 35px;}
.extramiltop b strong{font-size: 34px; line-height: 40px;}
.everywhrtxt strong{font-size: 30px; line-height: 35px;}
.everywhrtxt p{font-size: 17px;}
.extramile { align-items: center;  padding-bottom: 0;}
.extramiltop ul li{font-size: 16px;}
.extramiltop ul li i::before {top: 12px;}
.extramilebtm a{font-size: 20px;line-height: 25px;}
.apslogo {left: -320px; width: 300px;}
.extramiltop ul li em{font-size: 22px;}
.everywhrtxt{width: 400px !important;}
.everywhresec{margin: 30px 0;}



/*banner*/
.bepartner b{font-size: 18px; padding-top: 5px; padding-right: 15px;}
.banLogo strong{font-size: 21px; line-height: 26px;}
.banText strong{font-size: 30px; line-height: 43px;}
.banText strong b{font-size: 30px; line-height: 30px;}
.banProduct b{font-size: 19px; line-height: 25px;}

/*product*/
.proBtn{font-size: 30px; line-height: 34px; padding: 14px 148px 16px 70px;}

/* latter sec */
.latterHed h5{font-size: 20px; line-height: 29px;}
.latterHed h5 b{font-size: 27px;}
.redMor{color: #6d6e71;}
.latterBoxInr { width: 50%;}
.latterBox strong{font-size: 26px; line-height: 26px;}
.panoverlay::before{width: 124px;}
.productSec{padding: 100px 0;}

.proBtnBox {width: 350px;}
.proBtnBox i {right: 3px;}
.productSec{margin-top: 30px;}


.hdermenu ul li img{width: 30px;}
.hdrlgoinr em{font-size: 18px; line-height: 23px;}
.hderlogo img{width: 70px;}
.headersec{padding: 15px 0;}
.headersec.fixed .hderlogo img {width: 60px;}
.headersec.fixed .hdrlgoinr em {font-size: 16px;line-height: 20px;}
.headersec.fixed .hdermenu ul li img {width: 27px;}
.headersec.fixed {padding: 10px 0;}
.bannersec .bannerImg{min-height: 600px;}




}


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


.everywhresec{min-height: 720px; padding: 50px 0 !important;}
.everywhrtxt b{font-size: 25px; line-height: 30px;}
.extramiltop b strong{font-size: 28px; line-height: 32px;}
.everywhrtxt strong{font-size: 25px; line-height: 30px;}
.everywhrtxt p{font-size: 16px; line-height: 20px;}
.extramile { align-items: center;  padding-bottom: 0;}
.extramiltop ul li{font-size: 15px;}
.extramiltop ul li i::before {top: 12px;}
.extramilebtm a{font-size: 18px;line-height: 24px;}
.apslogo {width: 100%; position: inherit; left: inherit; top: inherit; width: 100%; padding: 5px; background: #fff; display: inline-block;}
.extramiltop ul li em{font-size: 20px;}
.everywhrtxt{width: 400px !important;}
.everywhresec{margin: 0;}
.apslogo ul li {padding: 4px;}
.apslogo img{width: 80px;}


/*banner*/
.bepartner b{font-size: 18px; padding-top: 5px; padding-right: 15px;}
.banLogo strong{font-size: 19px; line-height: 24px;}
.banText strong{font-size: 26px; line-height: 37px;}
.banText strong b{font-size: 22px; line-height: 32px;}
.banProduct b{font-size: 19px; line-height: 25px;}
.panoverlay::before{width: 133px;}
.banText{padding: 19px 23px;}

/*product*/
.proBtn{font-size: 26px; line-height: 32px; padding: 10px 10px 7px 53px;}
.proBtnBox{width: 265px;  padding: 6px;}
.proBtnBox i img{width: 47px;}
.producBox::before{width: 77px; right: -129px; height: 200px;}

/* latter sec */
.latterHed h5{font-size: 15px; line-height: 25px;}
.latterHed h5 b{font-size: 20px;}
.redMor{color: #6d6e71;}
.latterBoxInr { width: 62%;}
.latterBox strong{font-size: 26px; line-height: 26px;}
.latterHed img { width: 66px; margin-right: 12px;} 
.productSec{padding: 100px 0;}
.productSec{margin-top: 0px;}
.latterSec{margin-top: 0px;}


.banText {margin-top: 60px; }
.bannerImg{background: url(../images/mobilebner.jpg) no-repeat center center !important; background-size: cover !important;}


.hdermenu ul li img{width: 25px;}
.hdrlgoinr em{font-size: 14px;line-height: 18px;margin-right: 8px;}
.hderlogo img{width: 45px;}
.headersec{padding: 15px 0;}
.headersec.fixed .hderlogo img {width: 40px;}
.headersec.fixed .hdrlgoinr em {font-size: 14px;line-height: 20px; margin-right: 7px;}
.headersec.fixed .hdermenu ul li img {width: 27px;}
.headersec.fixed {padding: 10px 0;}
.hdermenu ul li {padding: 0 6px;}

.bannersec .bannerImg{min-height: 500px;}


}

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


/*banner*/
.banText {width: 60%;}
.banProduct{width: 60%;}
.banLogo img{width: 70px;}

/*product*/
.productSec{padding: 100px 0;}
.producBox::before{display: none;}
.producBox{background: none; width: 100%;}
.proBtnBox{margin:0 auto;}

/* latter sec */
.latterBoxInr{width: 100%; margin-left: 0;}
.latterSec.panoverlay:before{display: none;}
.latterBox{padding: 15px 15px 20px;}

.productSec{padding: 70px 0; min-height:720px;}
.latterSec{padding: 40px 15px;}

.banText strong { font-size: 20px; line-height: 25px;}
.banProduct b {font-size: 17px; line-height: 23px;}
.banText strong b {font-size: 17px;  line-height: 26px;}
.banText{padding: 15px;}
.banLogo strong { font-size: 16px;  line-height: 20px; padding-top: 9px;}
.banProduct, .banProduct{margin-top: 5px;}

.latterBox{background: rgba(250, 245, 217, 0.80); }

.bannersec .bannerImg{min-height: 650px; align-items: flex-end; padding-bottom: 40px;}



 }


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


.everywhrtxt{width: 100% !important; padding: 20px !important; text-align: left !important;}
.everywhresec{padding: 40px 15px !important;}
.everywhrtxt b br{display: none;}
.extramiltop b strong {font-size: 22px; line-height: 30px;}
.everywhrtxt b { font-size: 20px; line-height: 27px;}
.extramiltop ul li br{display: none;}
.trustedsec .everywhrtxt, .extramile .everywhrtxt{padding: 0px !important;}


/*banner*/	
.panoverlay::before { width: 109px;}
.banText {width: 100%; text-align: left;}
.banProduct{width: 100%; text-align: left; padding-left: 15px;}
.bannerInr{padding: 0 15px;}
/*product*/

.producBox{padding: 0 15px;}
.proBtn{font-size: 22px;}

.bepartner { padding-right: 0;}
.banLogo {padding: 0;}
.panoverlay::before {width: 95px; left: 8px;}
.banText { margin-top: 20px;}



} 
 
