@import url("common.css");
*{padding:0; margin:0; /*transition: all 0.5s ease-in-out;*/ box-sizing:border-box;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
@font-face {
  font-family: 'Jokerman-Regular';
  src: 	url('../font/Jokerman-Regular.eot?#iefix') format('embedded-opentype'),  
  		url('../font/Jokerman-Regular.woff') format('woff'), 
  		url('../font/Jokerman-Regular.ttf')  format('truetype'), 
  		url('../font/Jokerman-Regular.svg#Jokerman-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.bannerWraper	{ background:url(../images/gurantee-banner.jpg) no-repeat 0px 0px;}
.banner-cont	{ width:70%; margin-left:30%; text-align:center; padding:23px 0 25px 0; height:100%; overflow:hidden;}
.bannerWraper h1{ font-size:4.5em;}
.bannerWraper h2{ font-family: 'Dancing Script', cursive; color:#ef4b2a; font-weight:700; font-size:3em; margin-bottom:16px;}
.bannerWraper ul{ width:50%; float:left; margin-bottom:25px;}
.bannerWraper ul li	{ text-align: left; font-size:1.7em; font-style:italic; color:#192122; margin:4px 0;text-shadow:2px 2px #fff; background:url(../images/banner-blt.png) no-repeat 0px 8px; padding:0 0 0 20px;}
.bannerWraper p a	{ display:inline-block; background-color:#fc3176; padding:10px 20px; color:#fff; font-size:1.7em; border-radius:5px; margin-left:-5%; text-decoration:none; margin-bottom:25px;}
.bannerWraper p a span	{ display:block; font-size:0.7em; height:0px; overflow:hidden;}
.bannerWraper p a:hover { margin-bottom:0;}
.bannerWraper p a:hover span	{ height:25px;}
.swiftpass { padding:40px 0; }
.swiftpass p { font-size: 1.2em; line-height: 1.4em; color: #000; font-weight: 400; font-style: normal; text-align: center; margin-bottom: 30px; display: block;}
.swiftpass div div { width: 32%; display: inline-block; margin-right: 1.5%; }
.swiftpass div div:nth-child(4n) { margin-right: 0%; }
.swiftpass div div h3 { font-size: 2em; line-height: 1em; color: #000; font-weight: 600; font-style: normal; text-align: center; margin-bottom: 10px; }
.swiftpass div div > p { font-size: 1.1em; line-height: 1.4em; color: #000; font-weight: 400; font-style: normal; text-align: center; margin-bottom: 30px; display: block;}
.swiftpass div div figure { background-image: url(../images/swiftpass-services-icon.png); background-repeat: no-repeat; width: 110px; height: 110px;    display: block; margin: 10px auto 5px; }
.swiftpass div div + div figure { background-position: -110px 0; }
.swiftpass div div + div + div figure { background-position: -220px 0; }
.swiftpass div div + div + div + div figure { background-position: -330px 0; }
.swiftpass div div + div + div + div + div figure { background-position: -440px 0; }
.swiftpass div div + div + div + div + div + div figure { background-position: -550px 0; }
.swiftpass div div + div + div + div + div + div + div figure { background-position: -660px 0; }
.swiftpass div div + div + div + div + div + div + div + div figure { background-position: -770px 0; }
.pricingButton a , .pricingButton2 a { background-color: #f8246c; font-size: 1.5em; padding: 5px 20px 7px 20px; border-radius: 5px; color: #fff;   text-decoration: none; }
.swiftpass-feature .feature-block.alt .img-block { float: right; }
.pricingButton2  { margin-top: 22px; }
.swiftpass-feature h2 { font-size: 4em; line-height: 1; color: #454545; margin-bottom: 10px; text-align: center; margin-top: 35px; clear: both; }
.swiftpass-feature h6 { font-size: 2em; line-height: 1; color: #454545; margin-bottom: 40px; text-align: center; margin-top: 0px; clear: both; }
.swiftpass-feature p { font-size: 1.2em; line-height: 1.4em; color: #000; font-weight: 400; font-style: normal; text-align: center; margin-bottom: 30px; display: block;}
.swiftpass-feature .feature-block { overflow: hidden; padding-bottom: 100px; }
.swiftpass-feature .feature-block .img-block { width: 45%; float: left; }
.swiftpass-feature .feature-block .img-block img { max-width: 100%; }
.swiftpass-feature .feature-block .content-block { width: 55%; float: right; padding: 10px 0 0; }
.swiftpass-feature .feature-block .content-block h3 { font-size: 2.5em; line-height: 1em; font-weight: 400; color: #000; padding-bottom: 20px; text-align: left; }
.swiftpass-feature .feature-block .content-block p { font-size: 1.1em; line-height: 20px; font-weight: 400; color: #000; text-align: left; padding-bottom: 0px; margin-bottom: 10px; display: block; }

.mobileapp { padding:40px 0; }
.mobileapp p { font-size: 1.2em; line-height: 1.4em; color: #000; font-weight: 400; font-style: normal; text-align: center; margin-bottom: 30px; display: block;}
.mobileapp div div { width: 32%; display: inline-block; margin-right: 1.5%; }
.mobileapp div div:nth-child(4n) { margin-right: 0%; }
.mobileapp div div h3 { font-size: 2em; line-height: 1em; color: #000; font-weight: 600; font-style: normal; text-align: center; margin-bottom: 10px; }
.mobileapp div div > p { font-size: 1.1em; line-height: 1.4em; color: #000; font-weight: 400; font-style: normal; text-align: center; margin-bottom: 30px; display: block;}
.mobileapp div div figure { background-image: url(../images/mobileapp-services-icon.png); background-repeat: no-repeat; width: 110px; height: 110px;    display: block; margin: 10px auto 5px; }
.mobileapp div div + div figure { background-position: -110px 0; }
.mobileapp div div + div + div figure { background-position: -220px 0; }


@media screen and (max-width: 1279px) {
.bannerWraper{background-position: 20% 0; background-size: cover;}
}

@media screen and (max-width: 670px) {
.bannerWraper h1{font-size: 2em;}
.bannerWraper h2{font-size: 1.8em;}
.bannerWraper ul li{font-size: 1.2em;}
.mobileapp div div{width: 31.8%;}
}

@media screen and (max-width: 570px) {
.mobileapp div div{width: 48%;}
.mobileapp div div:nth-child(5){width: 100%; margin: 0 0 10px !important;}
}

@media screen and (max-width: 450px) {
.bannerWraper ul{width: 100%; margin-bottom: 0;}
.bannerWraper p a{font-size: 1em; margin-top: 20px;}
.mobileapp h2{font-size: 2.5em;}
.mobileapp div div{width: 100%; margin: 0 0 10px !important;}
}