/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */
/*@group Font*/
@font-face {
	font-family:'Avenir-Book';
	src: url('../fonts/Avenir-Book_gdi.eot');
	src: url('../fonts/Avenir-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Book_gdi.woff') format('woff'),
		url('../fonts/Avenir-Book_gdi.ttf') format('truetype'),
		url('../fonts/Avenir-Book_gdi.otf') format('opentype'),
		url('../fonts/Avenir-Book_gdi.svg#Avenir-Book') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}
/*@end*/

/* @group global reset */
html, body { padding:0; margin:0; height:100%; }
h1, h2, h3, h4, h5, h6, fieldset, dd, button, form, ul, ul li, ol, ol li, dl, p, input, button, label, td, abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video, blockquote, address { margin: 0; padding: 0; }
sup { vertical-align:top; line-height:1; }
ul li, ol li, menu li { list-style-type: none; }
fieldset, dd, button, form, img, a img, iframe { border: none; }
table { border-spacing:0;  *border-collapse:collapse; width:100%; }
header, footer, nav, menu, section, aside, article, details, summary, address { display:block; zoom:1; }
a:hover, a:active, a:focus, input:active, textarea:active, input:focus, textarea:focus{  outline:0; }
/* @end */

/* @group Default Element Styles */
body{ 
	font: 400 18px/26px 'Avenir-Book';
	background-color:#ffffff; 
}
h1, h2, h3,h4{
	font-family: 'avenir-book' ;
	color:#fff;
	margin-bottom:20px; 
	text-transform:none;
	font-weight:normal;
}
h1 { font-size:48px; line-height:52px; }
h2 { font-size:40px; line-height:44px;  }
h3 { 
	font-size:36px; 
	line-height:38px; 
	font-weight: 400;
}
h4 { font:normal 28px/38px avenir-book; color:#bb9202; margin-bottom:7px;}
h5 { font:normal 24px/38px avenir-book;}
h6 { font:bold 12px/18px arial; }
p { margin-bottom:10px; font-size:18px; line-height:26px; color:#fff; }
a {
	text-decoration: none;
	color:#666;
	cursor:pointer;
	outline:0;
}
a:hover { text-decoration:none; color: #f15c4c;}
.form-inline{
	/*width: 38.767%;*/
	width:365px;
	margin: 0 auto;
}
.form-control{ float:left;}
.input-group{
	position: relative;
	/*border: 1px solid #fff;
    background-color: #fff;	*/
}
input[type='text'], input[type='password'], textarea, input[type='email'], input[type='tel'], input[type='number']{
	display: block;
    position: relative;
    font: normal 16px/26px 'avenir-book';
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 0 0 20px;
    width: auto;/*width: 43.63%;*/
    background-color: transparent;
    outline: 0;
    min-height: 47px;
}
@-moz-document url-prefix() { 
  input[type='text'], input[type='password'], textarea, input[type='email'], input[type='tel'], input[type='number']{
	min-height: 48px;
}
}
::-webkit-input-placeholder{ color: #fff;}
::-moz-placeholder {  /* Firefox 19+ */color: #fff;  }
:-ms-input-placeholder {color: #fff;}
.input-group-addon{
	position: absolute;
	right: 10px;
	top: 0;
	padding: 0px;
	border: none;
	background: none;
	float:left;
}
 .btnsubmit{
	float: left;
    font-size: 16px;
    line-height: 26px;
    color: #ec5242;
    padding: 11px 15px;
    border-radius: 0px;
    border: 0;
    background: #fff;
    cursor: pointer;
    outline: 0;
    min-height: 49px;
}
 .input-group-addon button:hover{ cursor: pointer;}
 .input-group-addon button:focus{ outline: 0;}   
.googleplyBtn{
	display: block;
    width: 200px;
    padding: 4px 0px 5px 11px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border: 2px solid #70645c;	
    text-align: left;
    background: url('../images/google-play-btn.png') no-repeat center;
}
.googleplyBtn.whiteBtn{
	width: 264px;/*width: 36.668%;*/
    margin: 0 auto;
    border: 2px solid #fff;
    text-align: center;
    padding: 46px 8px 46px 8px;
}
.googleplyBtn:hover{ background: #fff url('../images/hover-google-play-btn.png') no-repeat center;}
.pinkbgBtn{
	width: 172px;
    margin: 0 auto;
    border: 2px solid #fff;
    text-align: center;
    padding: 28px 0px 28px 0px;
    background: url('../images/pink-google-play.png') no-repeat center;
}
.blackGooglePayBtn{
	float: left;	
	border: solid 2px #70645d;
	padding: 34px 5px 34px 6px;
	margin-right: 30px;
	background: url('../images/black-google-play.png') no-repeat center;
}
.blackGooglePayBtn:hover{
	background: #534741 url('../images/hover-black-google-play-btn.png') no-repeat center;
	border-color: #534741;
}
.pinkbgBtn:hover{
	background: #fff url('../images/hover-pink-google-play.png') no-repeat center;
}
.input-group.error .errorText{
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
}
.input-group .sucess{
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	margin-top: 30px;
}
/* @end */

/* @group Clearfix */
.clearfix { zoom: 1; }
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	font-size: 0;
}
.clearfix { display:block; }
* html .clearfix { height:1%; }
*+html .clearfix { display:inline-block; }
/* @end */

/* @group Patterns */
.fLt { float:left; }
.textCenter{ text-align: center; }
.fRt { float:right; }
.block { display:block; }
.hide{ display: none; }
.alignCenter { text-align:center; }
.rPos { position: relative; }
.aPos { position: absolute; }
.marB0 { margin-bottom:0px; }
.marB5 { margin-bottom:5px; } 
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB20 { margin-bottom:20px; }
.marB25 { margin-bottom:25px; }
.marB30 { margin-bottom:30px; }
.marB40 { margin-bottom:40px; }
.marB50 { margin-bottom:50px; }
.marB55 { margin-bottom:55px; }
.marB60 { margin-bottom:60px; }
.marB80 { margin-bottom:80px; }
.marT40 { margin-top:40px; }
/*@end*/

/*@group Framework*/
.wrap{
	max-width:940px;
	width:91.80%;
	margin:0 auto;
}
.secPad{ padding: 55px 0;}
.whiteText{ color: #fff;}
.whiteBg{ background-color: #fff;}
.pinkbg{ background-color: #ec5242;}
.twoCollayout .lCol{
	width: 60%;
	float: left;
}
.twoCollayout .rCol{
	width: 40%;
	float: right;
}
.twoCollayout .rCol.imgBlock{
	margin: 0 auto;
	text-align: center;	
}
/*@end*/

/*@group parallax*/
.jumbotron{
    /*padding: 80px 0;*/
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    padding: 180px 0;
}
/*@end*/

/* @group header*/
.pageBanner{ 
	background-size: cover;
	width: 100%;
	background:url(../images/homepage-banner.png) no-repeat center center; 
}
.topHead{
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 40px;
}
.logo{
	display:block;
	/*width: 36.597%; width: 344px*/
	height: 119px;	
	margin:0 auto; 
	padding-bottom: 30px;
	text-align:center;
}
.companyLogo{
	display:block;
	float: left;
	width: 161px;
	height: 56px;
}
.topNav{
	float: right;
	padding-top: 22px;	
}
.topNav li{
	float: left;
	margin-left: 18px;
	list-style-type: none;
}
.topNav li:first-child{ margin-left: 0;}
.topNav li a{
	font-size: 16px;
	line-height: 20px;
	color: #666666;
}
.topNav li a:hover, .topNav li.active a{ color: #f15c4c;}
.introText{
	width: 76.596%;
	padding-top: 20px;
	margin: 0 auto;
	background: url('../images/intro-top-bdr.png') no-repeat center top;	
	text-align:center;
}
.introText p{
	font-size:24px;
	line-height:38px;
	color:#fff;
	font-weight: 400;
	margin-bottom: 42px;
}
.companyInfo{position:relative;}
.img-responsive{
	height:auto;
    max-width: 100%;
    position:absolute;
    z-index:0;
}
.border-desing{max-width:100%}

/*@end*/

/*@group container*/
.proOrdersec{ 
	background: url('../images/pre-order-block.png')no-repeat left top; 
	background-size: cover;
}
.proOrdersec h2{
	color: #534741;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: center;
}
.proOrdersec h3{
	color: #534741;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}
.proOrdertext li a{
	display: block;
	margin-bottom: 40px;
}
.proOrdertext li:last-child a{ margin-bottom: 0;}
.ordimgblock{
	margin: 0 auto;
	text-align: center;	
}
.proOrdertext{ 
	margin: 45px 0 55px 0;
}
.proOrdertext li a .ordNum{
	float: left;
	display: inline-block;
	width: 48px;
	font-size: 25px;
	line-height: 25px;
	color: #564b3b;
	padding: 12px 0 11px;
	margin-right: 18px;
	border-radius: 50%;
	border: 1px solid #564b3b;
	text-align: center;	
}
.proOrdertext li{ text-align: left;}
.proOrdertext li a:hover .ordNum, .proOrdertext li a.active .ordNum{
	background-color: #564b3b;
	border: 1px solid #564b3b;
	color: #ece0cd;
}
.proOrdertext a .ordInfotext{
	display: inline-block;
	float: left;
	width: 83%;/*width: 325px;*/
	font-size: 18px;
	line-height: 26px;
	color: #4d4d4d;
}
.pincodecSec{
	margin-top: 25px;
	padding-top: 22px;
	background: url('../images/pin-code-top-bdr.png') no-repeat center top;
}
.pincodecSec .pincodes{
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 8px;
}
/*slider*/
.flexslider .slides li{
	position: relative;
	min-height: 634px;
}
.flexslider .slides li.img-1{
	background: url('../images/slider/slide-1.png') no-repeat center center;	
}
.flexslider .slides li.img-2{
	background: url('../images/slider/slide-2.png') no-repeat center center;	
}
.flexslider .slides li.img-3{
	background: url('../images/slider/slide-3.png') no-repeat center center;	
}
.animated-slider .slides li.img-4{
	background: url('../images/slider/slide-4.png') no-repeat center center;	
}
.animated-slider .slides li.img-5{
	background: url('../images/slider/slide-5.png') no-repeat -600px center;	
}
.animated-slider .slides li.img-6{
	background: url('../images/slider/slide-6.png') no-repeat center center;	
}
.animated-slider .slides li.img-7{
	background: url('../images/slider/slide-7.png') no-repeat center center;	
}
.animated-slider .slides li.img-7, .animated-slider .slides li.img-6, .animated-slider .slides li.img-5, .animated-slider .slides li.img-4{
	position: relative;
	min-height: 400px;
}
.flexslider .slides img{
	display: block;
	min-height: 634px;
}
.animated-slider .slides img{
	display: block;
	min-height: 480px;
}
.flexslider .slides .slideText{
	position: absolute;
    left: 0;
    right: 0;
    width: 34.66%;
    margin: 0 auto;
	background: url('../images/slider/slider-opacity.png') repeat left top;
}
.slideText .sliderInnertext{ 
	background: url('../images/slider/slider-innertext-shadow.png') no-repeat center bottom;
	padding: 48px 32px; 
	text-align: center; opacity: 1;
}
.sliderInnertext .innerText{
	background: url('../images/slider/innertext-top-bdr.png') no-repeat top center;
	padding-top: 15px;
	opacity: 0.8;
}
.flexslider .slides .slideText h3{ margin-bottom: 16px;}
.animated-slider .innerText{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;	
	min-height: 580px;
}
.animated-slider .innerText h5{ margin-bottom: 5px;}
.whatwedoSec h3{
	margin: 0 auto;
	color: #140f0e;
}
.whatwedoSec .innerdscpText p{
	font:  400 24px/38px "Avenir-Book";
	color: #140f0e;	
	margin-bottom: 0;

}
.rPos .innerdscpText span{ color: #999999; display: block; max-width: 940px; width: 100%; margin: auto;}
.animated-slider .flex-control-paging{ display: none;}
.comingSoonsec{
	float: left;
	width: 155px;
}
.comingSoonsec .txtComsoon{
	display: block;
	font-size: 13px;
	line-height: 26px;
	color: #4d4d4d;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: uppercase;
}
.comingSoonsec .txtAppstore{
	display: block;
	font-size: 26px;
	line-height: 26px;
	color: #4d4d4d;
	margin-bottom: 0;
	text-transform: capitalize;

}
/*@end*/

/*@group footer*/
.footer{ padding: 25px 0 35px;}	
.footer .footLogo{
	display: block;
	width: 168px;
	height: 59px;
	margin: 0 auto;
	text-align: center;
	float: left;
}
.footLinks{
	width: auto; /*width: 315px;*/
	float: right;
    margin: 20px 0 0 30px;
}
.footLinks li{float: left;}
.footLinks li a{
	font-size: 16px;
	line-height: 38px;
	color: #666666;
	margin-right: 20px;
}
.footLinks li.active a, .footLinks li a:hover{ color: #ec5242;}

.footLinks li:last-child a{ margin-right: 0;}
.fooblock{
	border-top: 1px solid #e4e4e4;	
	padding: 22px 0 30px;
}
.companyfootLogo{
	display: block;
	float: left;
	width: 120px;
	height: 42px;
}
.copyText{
	display: inline-block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    color: #999;
    padding: 14px 0;
    margin: 8px 0 0 10px;
}
.terms .fooblock .footLinks{ margin: 10px 0 0 0; padding: 0;}
.footer .copyText{ margin: 20px 0 0 10px;}
/*@end*/

/* @group Animation block*/
.animatedBlock{
	position: relative;
	overflow: hidden;
	height: 580px;
}
.animatedBlock .animatInnerBlock{
	position: absolute;
	left: 0;
	width: 100%;
	background: url('../images/how-we-do.jpg')no-repeat left top;
	min-height: 580px;
}
/*@end*/

/*@group Terms*/
.terms h1{
	font-size: 26px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 18px;
}
.terms h2{
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 8px;
	text-decoration: capitalize;
}
.terms h3{
	font-size: 18px;
	line-height: 22px;
	color: #333333;
	margin-bottom: 8px;
}
.terms h4{
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 15px;
}
.terms p{
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	margin-bottom: 36px;
}

.terms p.listTxt{
	margin-bottom: 20px;	
}

.terms ul{margin-bottom: 30px;padding-left: 20px;}

.terms .container li{
	font-size: 14px;
	line-height: 18px;
	color: #999999;
	margin-bottom: 10px;
	list-style-type: disc;
}
.aboutUs .container .numListing li{ list-style-type: decimal;}
.simpleText{
	display: block;
    font-size: 14px;
    line-height: 18px;
    color: #999999;
    margin-bottom: 10px;
}
/*@end*/
/*@group new*/
.mobileBg{
	width: 282px;
	height: 533px;
	margin: 0 auto;
	text-align: center;
	/*float: left;*/
	/*margin-left: 30px;*/
	background: url("../images/slider/mobile.png") no-repeat left top;
}

.proOrdertext li.flex-active a .ordNum{
	background-color: #564b3b;
    border: 1px solid #564b3b;
    color: #ece0cd;
}
.slider2{
	height: 480px;
	overflow: hidden;
}
.slider2 > div, .slider2 .slides{	
	width: 244px;
	float: left;
	margin: 61px 0 0 19px;
}

.slider2 .flex-viewport .slides{
	margin: 0;
}
/*@end*/

/*@group Contact Us*/
.contactUs{ margin-bottom: 490px;}
.contactUs h1{
	text-align: center;
	margin-bottom: 55px;
}
.threeCollayout .oneCol{
	width: 33.3333%;
	float: left;
	margin: 0 auto;
	padding: 10px 0 15px;
	text-align: center;
	min-height: 180px;
}
.threeCollayout .oneCol p{ margin-bottom: 0;}
.threeCollayout .oneCol.firstBlock {
	background: url(../images/contact-bdr.png) no-repeat right top;
}
.threeCollayout .oneCol.lastBlock{
	background: url(../images/contact-bdr.png) no-repeat left top;
}
.threeCollayout .oneCol a{ color: #666666;}
.threeCollayout .oneCol a:hover{ color: #f15c4c;}
.threeCollayout .oneCol .conIcon{
	display: block;
	width: 104px;
	height: 82px;
	margin: 0 auto 20px;
	text-align: center;
	background: url(../images/contact-icons.png) no-repeat;
}
.threeCollayout .oneCol .generalIco{
	width: 83px;
	height: 82px;
	background-position: 0 0;
}
.threeCollayout .oneCol .teamIco{
	width: 104px;
	background-position: 0 -100px;
}
.threeCollayout .oneCol .leadIco{
	width: 75px;
	background-position: 0 -200px;
}
.ipdView{ display: none;}
/*@end*/


@media only screen and (min-width: 767px){
.desktopView{ display: block;}
.ipdView{ display: none;}	
.mobileView{ display: none;}	
}

@media only screen and (min-width: 768px) and (max-width: 768px){
	.terms .fooblock .footLinks{ max-width: 340px;}
	.contactUs{ margin-bottom: 373px;}
	.desktopView{ display: none;}
	.ipdView{ display: block;}
}
@media only screen and (max-width: 767px){
	.desktopView{ display: none;}	
	.mobileView{ display: block;}
	.ipdView{ display: block;}	
	h3{ font-size: 24px; line-height: 28px; margin-bottom: 25px;}
	.secPad{ padding: 30px 0;}
	.fLt{ float: none;}
	.fRt{ float: none;}
	.jumbotron{ padding: 60px 0;}
	.logo{ width: 100%; height: auto; padding-bottom: 15px;}
	.logo img{ max-width: 270px;}
	.topNav li{
		float: none;
		display: inline;
	}
	.introText{ width: 100%;}
	.introText p{ font-size: 20px; line-height: 30px; margin-bottom: 25px;}
	.twoCollayout .lCol{
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.twoCollayout .rCol{
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.proOrdertext{ margin: 20px 0 30px;}
	.proOrdertext li a{ margin-bottom: 15px;}
	.flexslider .slides .slideText{ width: 100%;}
	.flexslider .slides li{ min-height: 460px;}
	.slideText .sliderInnertext{ padding: 30px 15px;}
	/*.googleplyBtn.whiteBtn{ width: 100%; padding: 15px 0 5px;}*/
	.form-inline{ 
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	input[type='text'], input[type='password'], textarea, input[type='email'], input[type='tel'], input[type='number']{ float: none; margin: 0 auto;}
	.input-group-addon{
		position: static;
		float: none;
		text-align: center;
	}
	.btnsubmit{
		float: none;
		margin: 0 auto;
	}
	.input-group.error .errorText{ display: block; margin-top: 5px;}
	/*.mobileView .mobileBg > img { margin: 61px 0 0 19px;}*/
	.mobileView .mobileBg > img { margin: 61px 0 0 0;}
	.rPos .innerdscpText, .rPos h3{ position: static;}
	.animated-slider .slides li.img-7, .animated-slider .slides li.img-6, .animated-slider .slides li.img-5, .animated-slider .slides li.img-4{ min-height: 390px;}
	.mobileBg{margin: 0 auto;float: none;}
	.footer, .fooblock{text-align: center;}
	.footer .footLogo, .companyLogo, .topNav{float: none;}
	.footLinks{float: none;margin: 10px auto 0;width:auto; max-width: auto;}
	.footLinks li{
		float: none;
		display: inline;
	}
	.footer .copyText, .companyfootLogo, .copyText{float: none;margin: 0 auto;padding-bottom: 0;}
	/*contact Us*/
	.contactUs{
		margin-bottom: 250px;
	}
	.threeCollayout .oneCol{
		width: 100%;
		float: none;
		border-bottom: 1px solid #d6d6d6;
		min-height: auto;
    	padding: 20px 0;
	}
	.threeCollayout .oneCol:last-child{
		border-bottom: 0;
	}
	.threeCollayout .oneCol.firstBlock, .threeCollayout .oneCol.lastBlock{ background: none;}
}
