@font-face {
	font-family: 'Raleway-Bold';
	src: url('fonts/Raleway-Bold.eot');
	src: local('☺'), url('fonts/Raleway-Bold.woff') format('woff'), url('fonts/Raleway-Bold.ttf') format('truetype'), url('fonts/Raleway-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Regular';
	src: url('fonts/Raleway-Regular.eot');
	src: local('☺'), url('fonts/Raleway-Regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype'), url('fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Medium';
	src: url('fonts/Raleway-Medium.eot');
	src: local('☺'), url('fonts/Raleway-Medium.woff') format('woff'), url('fonts/Raleway-Medium.ttf') format('truetype'), url('fonts/Raleway-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-ExtraBold';
	src: url('fonts/Raleway-ExtraBold.eot');
	src: local('☺'), url('fonts/Raleway-ExtraBold.woff') format('woff'), url('fonts/Raleway-ExtraBold.ttf') format('truetype'), url('fonts/Raleway-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-SemiBold';
	src: url('fonts/Raleway-SemiBold.eot');
	src: local('☺'), url('fonts/Raleway-SemiBold.woff') format('woff'), url('fonts/Raleway-SemiBold.ttf') format('truetype'), url('fonts/Raleway-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; box-sizing: border-box; outline: none;}
a, a:hover, a:active, a:focus, .btn:hover{color: inherit; text-decoration: none;}
ul{margin: 0;}
img{max-width: 100%;}
span, p{font-family: 'Raleway-Medium'; margin-top: 10px}
h3{margin:10px 0;}
body{ background: url(../images/bg.jpg) fixed;font-family: 'Raleway-Medium'; }
.header .container{ background: #000;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); position: relative;}
.header .container::after{content: '';position: absolute;width: 100%;height: 3px;background:rgba(255,255,255,.2);bottom: -3px;z-index: 1; left: 0}
.logo{padding: 26px 0 26px 30px; position: relative;}
.logo::before{content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute;
background: #000000;
background: -moz-linear-gradient(left, #000000 0%, #1c1c3d 50%, #000000 100%);
background: -webkit-linear-gradient(left, #000000 0%,#1c1c3d 50%,#000000 100%);
background: linear-gradient(to right, #000000 0%,#1c1c3d 50%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );}
.logo img{position: relative;}
.mainCantainer{width: 980px; background: #fff; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4); margin: 0 auto}
.container{width:100%; max-width: 980px}
.navSec{ float: right;margin-top: 10px; width: 100%; font-size: 14px; height: 70px;}
.navSec ul{width: 100%; float: right; text-align: right;margin: 20px 0 0;}
.navSec ul li{ display: inline-block; color: #fff;  position: relative;}
.navSec ul li a{padding: 5px 10px; text-transform: uppercase;font-family: 'Raleway-SemiBold'; -webkit-transition: .3s all;transition: .3s all}
.navSec ul li .forMob{position: absolute; top: 0; left: 0;}
.navSec ul li .forMob li{float: left;width: 50%}
.navSec ul li .forMob li a{display:block; padding: 2px 18px}
.navSec ul li .forMob:hover + a{color: #f3392d}
.navSec ul li .forMob li:first-child::before{display: block}
.navSec ul li .forMob li:last-child::before{display: none}
.navSec ul li.active a, .navSec ul li a:hover{color: #f3392d}
.navSec ul li::before{content: ''; width: 1px; height: 80%; background: rgba(255,255,255,0.3); right: 0; top: 0; bottom: 0; margin: auto; position: absolute;}
.navSec ul li:nth-last-child(2)::before{display: none;}
.globleRed{color: #f3392d}
.globleBlue{color:#0d80b6;}
.headingH1{text-transform: uppercase;padding: 0;background: #fff; position: relative;}
.no-float{float: none; margin: 0 auto}
.midLine::before{position:absolute;content: '';width: 100%;height:1px;background:rgba(0,0,0,0.3);top:0;bottom:0;margin: auto; left: 0}
.bgLine{background: #fff;position: relative;width: auto;display: inline-block;padding: 0 10px;}
.subTitle{font-size: 18px;}
.borderBtm{border-bottom: 1px solid rgba(0,0,0,0.3);padding-bottom: 15px; margin-bottom: 20px}
.padBtm{padding-bottom:30px }
.footer{padding: 0px 0 0px}
.borderColord{position: relative;}
.borderColord::before{content: ''; width: 50%; height: 2px; background:#f3392d; bottom: 15px; position: absolute; left: 0;}
.borderColord::after{content: ''; width: 50%; height: 2px; background:#0d80b6; bottom: 15px; position: absolute; right: 0;}
.allrights{font-size: 12px;background: #000;color: rgba(255,255,255,0.7);padding-top: 15px;padding-bottom: 15px;}
.allrights li{display: inline-block; text-transform: uppercase;}
.allrights li a{padding: 5px 10px; position: relative;}
.allrights li:first-child a{padding-left: 0}
.allrights li a::after {position: absolute;content: ''; right:0; height:45%; top: 0;bottom: 0; margin: auto; width: 1px; background: rgba(255,255,255,0.5);}
.allrights li:last-child a::after{display: none;}
.mobilemenu{display: none;}
.closeBtn{display: none;}
.popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000; display: none;}
.overlay{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8)}
.popupContent{width: 315px; background: #f2f0f1; border:3px solid #59bfe7; border-radius: 5px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.popupContent h3{border-bottom: 2px solid #59bfe7; margin: 0 0 10px ; text-align: center; padding: 20px 10px; background: url(../images/android.png) no-repeat left 15px top; text-transform: uppercase;font-size: 22px;font-weight: 600;color: #f3392d; font-family: 'Raleway-Bold';}
.radioBtn{padding: 10px 30px; position: relative;}
.crossBtn{position: absolute; right: 0; top: 0; width: 30px; height:30px; text-align: center;font-size: 24px; cursor: pointer;-webkit-transform: rotate(45deg);transform: rotate(45deg); font-family: arial;}
.radioBtn input[type="radio"]{margin: 0 5px 0 0; width: 20px;height: 20px; position: relative; z-index: 2; float: left; opacity: 0}
.radioBtn label::before{content: ''; position: absolute; left: 29px; top: 10px; width: 20px; height: 20px; border-radius: 50%; border:1px solid #f3392d;}
.radioBtn label::after{content: ''; position: absolute; left: 34px; top:14px;width:10px;height:10px;border-radius:50%;background:#f3392d; display: none;}
.radioBtn input[type="radio"]:checked + label::after, .radioBtn input[type="radio"]:checked + label + .inptArea{display: block;}
.inptArea{padding-left: 28px; display: none;}
.inptArea input[type="text"]{padding:3px 5px;width: 140px;}
.customBtn{background: #f3392d; border-radius: 5px;color: #fff;font-family: 'Raleway-Bold';}
.inptArea .customBtn{padding:3px 10px; text-transform: uppercase;border: 1px solid rgb(155, 0, 0);}
.downLoadGuidLience{padding: 5px 30px; display: none}
.downLoadGuidLience h4{ text-align: center; color:#f3392d; margin:0 0 15px; font-family: 'Raleway-SemiBold';}
.downLoadGuidLience li{margin-bottom: 10px; width: 100%; overflow: hidden;}
.downLoadGuidLience li span{ float: left; width: 214px}
.downLoadGuidLience li .num{width:25px; height: 25px; background:#f3392d; border-radius: 50%; text-align: center; line-height: 22px; color: #fff; font-weight: 600; margin-right: 10px}
.banner{position: relative; height: 268px; background:url(../images/banner1.jpg) no-repeat center center / auto 100% }
.clickBtn{position: absolute;display: none;bottom: 25px;right: 29%; }
.gradientBtn, .customBtn:hover, .customBtn:active, .customBtn:focus{background: #c1261d;text-align: center;
background: -moz-linear-gradient(left, #c1261d 0%, #fe2e21 50%, #c1261d 100%);
background: -webkit-linear-gradient(left, #c1261d 0%,#fe2e21 50%,#c1261d 100%);
background: linear-gradient(to right, #c1261d 0%,#fe2e21 50%,#c1261d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1261d', endColorstr='#c1261d',GradientType=1 );}
.clickBtn:hover, .clickBtn:active, .clickBtn:focus, .customBtn:hover, .customBtn:active, .customBtn:focus{color: #fff}
/*.clickBtn::after{ background:url(../images/down-arrow.png) no-repeat center center; content: ''; padding: 7px 12px;}*/
.fntMedium{font-family: 'Raleway-Medium';}
.fntRegular{font-family: 'Raleway-Regular'}
.addListingArrow li{margin-top: 5px;padding-left: 25px;position: relative;}
.addListingArrow li::before{content:'→'; margin-right: 5px; color: #0d80b6;font-size: 18px;position: absolute;left: 0;top: 0;line-height: 16px;}
.upperCase{ text-transform: uppercase; }
.globleHeading3{ font-size: 21px; text-transform: uppercase; }
.fntbold{font-weight: bold}
.faqQues li{width: 100%; float: left;}
.faqQues li h4{font-size: 21px;}
.faqQues li p{padding-left: 20px}
.commingSoon{text-align: center;font-size: 50px;text-transform: uppercase;padding: 50px 0;}
.txtField {text-align: left;}
.txtField label{width: 100%; margin: 20px 0 10px;}
.txtField input, .txtField textarea{width: 100%; padding: 10px; border: 1px solid #ccc}
.submitBtn button{ margin: 20px 0 10px; width: 120px}
.minHeight{min-height: 40vh}
.sitemap li{margin-bottom: 10px}
.downLoadBtn{position: absolute;bottom: 25px;right: 29%; background: url(../images/downloadBtn.png) no-repeat center center;width: 218px; height: 50px;}
.downLoadBtn a{width: 52px; padding: 8px 0px; text-align: center; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.downLoadBtn{display: none}
.navSec ul li.downloadNav{display: none;}
}
@media only screen and (max-device-width :  1024px){
.downLoadBtn{display: none}	
.navSec ul li .forMob{display: none !important;}
.clickBtn{display: block;}
}
@media all and (max-width: 991px) {
.container{max-width: 750px}
.mainCantainer{width: 750px}
.banner{height: 240px}
.clickBtn{right: 24%;}
.logo { padding: 28px 0 29px 30px;}
.allrights ul{text-align: center;}
.allrights .text-right{text-align: center;}
}
@media all and (max-width: 767px) {
.container{max-width: 100%}
.mainCantainer{width: 100%}
.navSec{height: 40px}
.navSec ul{display:none;background:rgba(0,102,255,0.92);width:100%;position:fixed;z-index:1000;top:0;height:100%;margin:0;padding: 20% 0; right:0;}
.mobilemenu{display: block; float: right;cursor: pointer;}
.headingH1{font-size: 24px}
.navSec ul li{width: 100%}
.navSec ul li a {display: block; text-align: center; }
.navSec ul li::before{top: auto; width: 100%; height: 1px}
.navSec ul li a {padding: 15px 10px; font-size: 16px;}
.navSec ul li.active a{background: rgba(255,255,255,0.3);}
.closeBtn{width: 40px; display: block;height: 40px;position:absolute;top:0px;right: 15px;background: #fff;text-align: center;font-size: 25px; cursor: pointer;}
.banner{position: relative; background:url(../images/banner-mob1.jpg) no-repeat center center / auto 100%; height: auto; padding-bottom: 50%}
.clickBtn {right: 0;left: 0; margin: auto; width: 200px; padding: 5px 0;}
.logo { padding: 15px;}
.allrights li{display: block;width: 50%; float: left;text-align: left; margin-bottom: 10px}
.allrights li a{padding-left: 0;}
.allrights li a::after{display: none;}
.allrights .text-right{text-align: left;}
.clickBtn.iosFrBg{background:url(../images/app-store.png) no-repeat center center / auto 100%;width: 150px; height: 40px;}
.clickBtn.androidFrBg{background:url(../images/android-app.png) no-repeat center center / auto 100%;width: 150px; height: 40px;}
}
@media all and (max-width: 767px) and (orientation: landscape) {
.navSec ul{padding: 10% 0}	
.clickBtn.iosFrBg, .clickBtn.androidFrBg{width: 162px; height: 55px;}
}
@media all and (max-width: 480px) {
	.clickBtn {width: 170px; bottom: 10px}
}