/* ==========================================================================
   custom styles Added
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
body{font-weight:normal;}
.relative{position:relative;}
a:hover{text-decoration:none;}
/* Font Family Defined
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Raleway', sans-serif;
*/


/* ==========================================================================
  Section1
   ========================================================================== */
.section1{ background:#18c3ec url(../img/sec1-banner-new.jpg) center top no-repeat; min-height:651px;}
.top-header{width:100%; float:left; padding-top:30px; height:81px; margin-bottom:40px;}
.logo a{display:block; text-indent:-9999px; width:201px; height:47px; background:url(../img/logo.png) 0 0 no-repeat;}
.logo{float:left;}
.question-anc{float:right;}
.question-anc a{font-family: 'Source Sans Pro', sans-serif; font-weight:bold; font-size:14px; color:#fff;}
.question-anc a:hover{color:#053d49;}
.ban-text h1{ font-size:70px; color:#fff; font-family: 'Raleway', sans-serif; line-height:75px; font-weight:300;}
.ban-text h4{color:#e8fbff; font-size:30px; font-family: 'Source Sans Pro', sans-serif; font-weight:300;}
.ban-text{margin-top:140px;}
.phone-img img{float:right; margin-right:80px;}



/* ==========================================================================
  Section2
   ========================================================================== */
.btn-section a{ float:left; margin:24px 35px 0 0}
.btn-section{}
.ios-btn{ background:url(../img/ios-btn.png) 0 0  no-repeat; display:block; text-indent:-9999px; width:181px; height:60px;} 
.ios-btn:hover{background:url(../img/ios-btn.png) 0 -60px  no-repeat;}
.android-btn{background:url(../img/google-btn.png) 0 0  no-repeat; display:block; text-indent:-9999px; width:181px; height:60px;}
.android-btn:hover{background:url(../img/google-btn.png) 0 -60px  no-repeat;}  
.mulitple-sec{ width:100%; float:left; margin-top:120px; margin-bottom:73px;}   
.mulitple-sec h2{ font-size:50px; color:#3a3a3a; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300;} 
.mulitple-sec h4{font-size:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; color:#3a3a3a;}   
.section2 .dial-img{ float:right; margin-top:100px;}   

/* ==========================================================================
  New Section3
   ========================================================================== */   
.section3-new{background:#fff url(../img/bluebox-section.jpg) 0 0 repeat-x; min-height:765px; margin-top:100px; margin-bottom:80px; padding-top: 100px;}
.section3-new h2 {
font-size: 50px;
color: #3a3a3a;
font-family: 'Raleway', sans-serif;
line-height: 55px;
font-weight: 300;
margin-top: 115px;
}
.section3-new ul{list-style-type:none; margin:0; padding:0;}   
.section3-new ul > li{ font-size:18px; color:#3f3f3f; font-family: 'Source Sans Pro', sans-serif; font-weight:300; margin-bottom:25px; background:url(../img/sky-blue-check.png) 0 7px no-repeat; padding-left:25px; line-height:23px;}
.nopadleft{padding-left: 0 !important;}
.nopadright{padding-right:0 !important;}
.section3-new h4 {
font-size: 26px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
color: #3a3a3a;
margin-bottom: 30px;
}

/* ==========================================================================
  Section3
   ========================================================================== */   
.section3{ background:#fff url(../img/grey-bg.jpg) center top repeat-y; min-height:657px; margin-top:100px; margin-bottom:270px;}   
.section3 h2{ font-size:50px; color:#3a3a3a; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300; margin-top:115px;} 
.section3 h4{font-size:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; color:#3a3a3a; margin-bottom:30px;}
.section3 ul{list-style-type:none; margin:0; padding:0;}   
.section3 ul > li{ font-size:18px; color:#3f3f3f; font-family: 'Source Sans Pro', sans-serif; font-weight:300; margin-bottom:25px; background:url(../img/blue-check.png) 0 7px no-repeat; padding-left:25px; line-height:23px;}
.animate-sec img{ display:block; margin:0 auto;}
.animate-sec img.mid-img{margin:20px auto;}
.animate-sec{margin-top:50px;}

.section3 > .wrapper > .col-sm-6:first-child{ position:relative;}
.section3 > .wrapper > .col-sm-6:first-child:after{ content:''; position:absolute; right:-60px; width: 0; top:50%; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid #f5f4f2;}

/* ==========================================================================
  Section4
   ========================================================================== */  

.section4{ background:#4cc1e1; min-height:659px; width:100%; position:relative;}
.white-phone{ margin-top:-160px;}
.section4 h2{ font-size:49px; color:#fff; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300; margin-top:115px; margin-bottom:40px;} 
.section4 .right-list{list-style-type:none; margin:0; padding:0;}
.section4 .right-list > li{ width:50%; float:left; font-size:22px; color:#053d49; font-family: 'Source Sans Pro', sans-serif; font-weight:600; margin-bottom:15px; background:url(../img/blue-check.png) 0 7px no-repeat; padding-left:25px; line-height:23px;}

.phone-tabs ul{ position:absolute; right:20px; top:120px;}
.phone-tabs ul > li a{ width:56px; height:75px; display:block; text-indent:-9999px;}
.phone-tabs ul > li:first-child.active a{background:url(../img/phone-tab.png) -55px 0 no-repeat;}
.phone-tabs ul > li:nth-child(2).active a{background:url(../img/phone-tab.png) -55px -69px no-repeat;}
.phone-tabs ul > li:nth-child(3).active a{background:url(../img/phone-tab.png) -55px -138px no-repeat;}
.phone-tabs ul > li:nth-child(4).active a{background:url(../img/phone-tab.png) -55px -207px no-repeat;}

.phone-tabs ul > li:first-child a{ background:url(../img/phone-tab.png) 0 0 no-repeat;}
.phone-tabs ul > li:nth-child(2) a{ background:url(../img/phone-tab.png) 0 -69px no-repeat;}
.phone-tabs ul > li:nth-child(3) a{ background:url(../img/phone-tab.png) 0 -138px no-repeat;}
.phone-tabs ul > li:nth-child(4) a{ background:url(../img/phone-tab.png) 0 -207px no-repeat;}
.fixed{position:fixed; z-index:999; top:150px;}

/* ==========================================================================
  Section5
   ========================================================================== */ 

.section5 h2{ font-size:50px; color:#3a3a3a; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300; margin-top:180px;} 
.section5 h4{font-size:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; color:#3a3a3a; margin-bottom:30px;}
.section5 ul{list-style-type:none; margin:0; padding:0;}   
.section5 ul > li{ font-size:18px; color:#3f3f3f; font-family: 'Source Sans Pro', sans-serif; font-weight:300; margin-bottom:10px; line-height:23px;}
.section5 ul > li:before{content:"1"; border-radius:50%; background:#2fcada; color:#fff; padding:1px 7px; font-weight:600; font-size:14px; margin-right:15px;}
.section5 ul > li:nth-child(2):before{content:"2";}
.section5 ul > li:nth-child(3):before{content:"3";}
.section5 .phone-wrap{ margin-top:100px; margin-bottom:100px; position:relative;}
.hand{ background:url(../img/hand.png) 0 0 no-repeat; width:248px; height:239px; position:absolute; bottom:32px; right:-61px; animation: handmove 2s linear infinite; -webkit-animation: handmove 2s linear infinite;}
.phone-wrap img{width:100%;}

.pin-frame {
position: absolute;
width: 100%;
height: 100%;
/*overflow: hidden;*/
}

/*changes as per updated design 26-03-15*/
.new-txt{ font-family: 'Fjalla One', sans-serif; font-size:15px; color:#848484; line-height:27px;}
.up-col{ color:#09718e;}
.spacer20{ margin-bottom:20px;}
.wht-txt{ color:#fff;}
.top-move{ background:rgba(255,255,255,0.1); cursor:pointer; padding:15px 20px; display:inline-block; position:absolute; right:0px; bottom:7px; border-radius:4px;}
.top-arw{ background:url(../img/top-arrow.png) no-repeat; width:20px ; height:26px; display:inline-block;}
.top-move:hover{background:rgba(255,255,255,0.2);}
.top-move:hover .top-arw{background:url(../img/top-arrow-hvr.png) no-repeat;}
@keyframes handmove
{
0%   { bottom:12px;}
25%  { bottom:25px;}
50%  { bottom:32px;}
75%  { bottom:25px;}
100% { bottom:12px;}
}

@-webkit-keyframes handmove /* Safari and Chrome */
{
0%   { bottom:12px;}
25%  { bottom:25px;}
50%  { bottom:32px;}
75%  { bottom:25px;}
100% { bottom:12px;}
}


/* ==========================================================================
  Section6
   ========================================================================== */ 

.section6{ background:#f3f3f3;}
.section6 h2{ font-size:54px; color:#3a3a3a; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300; margin-top:110px; text-align:center;}
.tracker-wrap{width:100%; float:left;} 
.section6 ul{list-style-type:none; margin:0; padding:0;}   
.tab-nav{margin:40px auto; width:696px; position:relative;}
.tab-nav >ol{list-style-type:none; margin:0; padding:0; position:static; width:100%;}
.tab-nav >ol > li{float:left; text-indent:0; display:block;  width:174px; height:120px; border:0; margin:0;}
.tab-nav >ol > li:last-child > a{border-right:0;}
.tab-nav >ol > li> a span{ margin-top:5px; display:block;}
.tab-nav >ol > li> a{ text-decoration:none; display:block; width:174px; height:120px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; color:#818181; font-size:19px; font-family: 'Source Sans Pro', sans-serif; font-weight:300;}
.tab-nav >ol > li.active > a{ background:#fff; color:#117f9d;}
.tab-nav .carousel-indicators .active{width:174px; height:120px;}
.tab-nav >ol > li> a i{width:174px; height:120px; display:inline-block; vertical-align:middle;}
.tab-nav >ol > li:first-child > a i{ background:url(../img/tab-nav-icons.png) 0 0 no-repeat;}
.tab-nav >ol > li:nth-child(2) > a i{ background:url(../img/tab-nav-icons.png) -174px 0 no-repeat;}
.tab-nav >ol > li:nth-child(3) > a i{ background:url(../img/tab-nav-icons.png) -348px 0 no-repeat;}
.tab-nav >ol > li:nth-child(4) > a i{ background:url(../img/tab-nav-icons.png) -522px 0 no-repeat;}
.tab-images{margin-top:110px; margin-bottom:50px;}
.tab-images img{ display:block; margin:0 auto;}


/* ==========================================================================
  Section7
   ========================================================================== */ 
   
.section7{min-height:479px; background:url(../img/sec7-banner.jpg) center top no-repeat;}   
.section7 h2{ font-size:50px; color:#fff; font-family: 'Raleway', sans-serif; line-height:55px; font-weight:300; margin-top:70px;} 
.section7 h4{font-size:26px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; color:#fff;}
.ban-content{ margin-left:50px;}   
   
   
/* ==========================================================================
  Section8
   ========================================================================== */    
.section8{min-height:204px; background:#1c1b23 url(../img/foot.jpg) center top no-repeat;} 
.footer{width:100%; float:left;}   
.footer h5{margin:45px 0 20px 0; color:#2fcada; font-size:18px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; text-align:center;}
.foot-btn{width:480px; display:block; margin:0 auto;}   
.foot-btn .ios-btn{ background:url(../img/ios-btn-white.png) 0 0 no-repeat; width:220px; height:74px;}
.foot-btn .ios-btn:hover{background:url(../img/ios-btn-white.png) 0 -74px no-repeat;}
.foot-btn .android-btn{ background:url(../img/google-btn-white.png) 0 0 no-repeat; width:220px; height:74px;}
.foot-btn .android-btn:hover{background:url(../img/google-btn-white.png) 0 -74px no-repeat;}
.foot-btn a{float:left; margin:10px;}







#move-up{position:relative;}




/* ==========================================================================
   Media Queries Added
   ========================================================================== */
@media(min-width:1170px){
		.wrapper{width:1170px; display:block; margin:0 auto;}
	}

@media(max-width:1280px){
	.hand{width:35%; height:35%; background-size:100% 100%; right:0;}
	
	@keyframes handmove
	  {
	  0%   { bottom:32px;}
	  25%  { bottom:45px;}
	  50%  { bottom:52px;}
	  75%  { bottom:45px;}
	  100% { bottom:32px;}
	  }
	  
	  @-webkit-keyframes handmove /* Safari and Chrome */
	  {
	  0%   { bottom:32px;}
	  25%  { bottom:45px;}
	  50%  { bottom:52px;}
	  75%  { bottom:45px;}
	  100% { bottom:32px;}
	  }
	
}


@media(max-width:1169px){
	.phone-img img{width:60%;}
	.white-phone img{width:65%;}
	.wrapper{padding:0 10px;}
	.ban-text{margin-top:100px;}
	.ban-text h1{font-size:40px; line-height:45px;}
	.white-phone{ margin-top:40px;}
	.section4 h2{font-size:40px; line-height:45px;}
	.section3{margin-bottom:50px;}
	.mulitple-sec{margin-top:60px;}
	.mulitple-sec h2{font-size:40px; line-height:45px;}
	.mulitple-sec h4{line-height:18px;}
	.banner img{width:100%;}
	.section3 h2, .section3-new h2{margin-top:50px; font-size:40px; line-height:45px;}
	.section3 h4, .section3-new h4{font-size:18px;}
	.section3 ul > li, section3-new ul > li{font-size:16px;}
	.animate-sec img{width:45%;}
	.section1{min-height:560px;}
	.section3{min-height:580px; /*background:none;*/}
	.section5 h2{font-size:40px; line-height:45px;}
	.mulitple-sec h4{line-height:18px;}
	.section5 .phone-wrap{width:80%;}
	.section5 .phone-wrap img{width:100%;}
	/*.hand{width:40%; height:40%; background-size:100% 100%; bottom:30px;}*/
	.section6 h2{font-size:40px; line-height:45px; margin-top:50px;}
	.tab-images img{width:50%;}
	.section3-new img{width:80%;}
	.section7 h2{font-size:40px; line-height:45px;}
	.section7 h4{font-size:18px;}	
}

@media(max-width:1024px){
}

@media(max-width:960px){
	.btn-section a{ margin-right:15px;}
	.ban-text{margin-top:60px;}
	.phone-img img{width:55%;  margin:0;}
	.btn-section{float:right;}
	.dial-img img{ width:90%;}
	.white-phone img{width:85%;}
	.section4 h2{font-size:30px; line-height:35px;}
	.section4 .right-list > li{font-size:16px; margin-bottom:10px;}
	.section5 h2{margin-top:50px; font-size:30px; line-height:35px;}
	.section5 .phone-wrap{margin-top:50px;}
	.section5 ul > li{font-size:16px; margin-bottom:10px;}
	.section6 h2{font-size:30px; line-height:35px;}
}

@media(max-width:768px){
	.section3 > .wrapper > .col-sm-6:first-child:after{ display:none;}
	.section3{background:none;}
	.phone-img img{width:62%;}
	.section2 .dial-img{margin-top:0;}
	.animate-sec img{width:auto;}
	.white-phone img{}
	.section4 .right-list > li{font-size:14px;}
	.section4{min-height:525px;}
	.section7{width:100%; float:left;}
	.section8{width:100%; float:left;}
	.section3 ul > li{margin-bottom:10px;}
	.section3 h2{font-size:30px; line-height:35px;}
    .section3-new{min-height: 500px; padding-top: 50px}
    .section3-new ul > li{margin-bottom:10px;}
	.section3-new h2{font-size:30px; line-height:35px;}
	.section3 h2 br{display:none;}
	.section5 h2{font-size:28px; line-height:35px;}
	.section4 .col-xs-6{ padding:0; /*width:100%;*/}
	.white-phone{margin-top:20px;}
	.white-phone img{width:80%;}
	.section4 h2{margin:10px 0 !important;}
	.phone-tabs ul{ top:70px;}
	.tab-nav{width:348px; margin:0 auto;}
	.tab-nav .carousel-indicators .active{height:160px;}
	.tab-nav >ol > li{font-size:14px; height:160px; border:1px solid #eee; border-radius:0;}
	.tab-nav >ol > li> a{width:100%; border:0;}
	.tab-nav >ol > li> a i{width:100%;}
	.ban-text{margin-top:0;}	
	.ban-text h1{font-size:35px; line-height:40px;}
	.ban-text h4{font-size:24px;}
	.foot-btn{width:auto;}
	.foot-btn a{float:none; margin:10px auto; display:block;}
	.footer h5{ margin:5px 0 10px 0;}
	
}


@media(max-width:480px){
	.white-phone img{width:56%;}
	.section4 .col-xs-6{width:100%;}
	.ban-text h1{font-size:25px; line-height:28px;}
	.ban-text h4{font-size:18px;}
.sec-banner .col-xs-6{ padding:0;}
.phone-img img{ float:left; margin-left:30px;}
.section1{min-height:460px;}
.mulitple-sec h2{font-size:25px; line-height:28px;}
.mulitple-sec h4{font-size:18px;}
.mulitple-sec{margin-top:30px;}
.section4 h2{margin-top:30px; font-size:20px; line-height:24px;}	
.section4{min-height:625px;}
.section4 .right-list > li{margin-bottom:5px;}
.tab-nav >ul > li> a{ }
.tab-nav >ul > li> a i{display:none;}
.tab-images img{width:80%;}
.logo a{width:45px;}
.top-header{padding-top:10px;}
.phone-img img{width:88%; margin-left:0;}
.btn-section{width:100%; padding:0;}
.btn-section a{float:none; margin:10px auto !important;}
.animate-sec img{width:90%;}
.phone-tabs ul{ top:15px;}
.section5 .phone-wrap{width:90%;}
.tab-nav >ul > li> a{height: 60px;
font-size: 13px;
vertical-align: middle;
padding-top: 11px;}
.section7 h2{margin-top:40px; font-size:28px; line-height:30px;}
.section7{min-height:379px;}
.tab-images{margin-top:40px;}
.hand{bottom:20px;}

	@keyframes handmove
{
0%   { right:-32px;}
25%  { right:-25px;}
50%  { right:-12px;}
75%  { right:-25px;}
100% { right:-32px;}
}

@-webkit-keyframes handmove /* Safari and Chrome */
{
0%   { right:-32px;}
25%  { right:-25px;}
50%  { right:-12px;}
75%  { right:-25px;}
100% { right:-32px;}
}

}



@media(max-width:380px){
.tab-nav{width:300px; margin:0 auto;}
.tab-nav >ol > li{width:150px;}
.tab-nav .carousel-indicators .active{width:150px;}
}