@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900');
body, html { width: 100%; height: 100%;	font-family: 'Lato', sans-serif;font-weight:400; }
img{ max-width:100%;}
a{-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; }
.intro-section {  position:relative; background:url(../images/banner.jpg) top center no-repeat; background-size:100%; padding-bottom:117px; }
.navbar {/*rgba(250, 250, 250, 0.6);background-color:rgba(27, 27, 30, 0.09);*/}
.navbar-default .navbar-brand{width:auto;height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}
.navbar-default .navbar-brand img{	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.navbar-default{ border:none;}
.navbar-default .navbar-nav > li > a { color: #444444; font-size: 16px; border:1px solid transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent; color: #c23333; border:1px solid transparent;}
.navbar-default .navbar-nav > li > a:hover { background-color: transparent;  border:1px solid transparent; color: #c23333; outline:none;}
.navbar-default .navbar-nav > li > a:focus{ background-color: transparent;  border:1px solid transparent; color: #c23333; outline:none;}
.navbar-nav > li > a { padding:10px 15px;}

.navbar-nav > li > a.join-now-btn{ background: #c23333; color: #fff; border-radius: 6px; margin-left: 10px;}
.navbar-nav > li > a.join-now-btn:hover, .navbar-nav > li > a.join-now-btn:focus{ background: #a11d1d; color: #fff;}
.navbar-default .navbar-nav > .active > a.join-now-btn{background: #a11d1d; color: #fff;}

.top-height{ height: 90px;}
/*css added*/

.navbar-right{margin-top:18px; margin-right: 0;}
.intro-section h1{ font-size:50px; font-weight:300; color:#fff;  margin:15% 0 0px 0;  padding:0 0 0 25px; text-align: center;}
.intro-section h1 span{ display:inline-block; margin-bottom: 12px;}
.intro-section h1 span.black-strip-bg{ background-color: rgba(51,51,51,0.80); padding: 10px 20px;}
.intro-section h1 span.red-strip-bg{ background-color: rgba(194,51,51,0.80); font-weight: 400; padding: 10px 20px;}

.banner-icons{ text-align: center; margin-top: 20px;}
.banner-icons a{display:inline-block; background:#c23333; width:55px; height: 55px; margin-left: 15px; border-radius: 50%; color: #fff; font-size: 30px; line-height: 55px;}
.banner-icons a:hover{ background: #333;}
.banner-icons a:first-child{margin-left:0;}

.our-services{ background-color:#fff;padding:70px 0 70px 0;}
/*.main-title{ font-size:50px; margin:0 0 60px 0; font-weight:300; color:#333333; padding:0; text-transform: uppercase; text-align: center;}*/
.main-title{ font-size:50px; margin:0 0 30px 0; font-weight:300; color:#333333; padding:0; text-transform: uppercase; text-align: center;}
.main-title span{ display:inline-block; color: #c23333;}


/*service section*/
.service-box{ margin-bottom: 40px;}
.box{
    background: #212121;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: right;
    transition: all 0.55s ease;
	margin-bottom: 30px;
}
.box img{
    width: 100%;
    height: auto;
    transition: all 0.55s ease;
}
.box:hover img{
    opacity: 0.5;
}
.box .box-content{
    padding: 5px 10px 10px;
    position: absolute;
    bottom: 25px;
    right: 25px;
}
.box .box-content:before,
.box .box-content:after{
    content: "";
    width: 767px;
    height: 2px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.box .box-content:before{
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.box .box-content:after{
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.box .box-content-inner:before,
.box .box-content-inner:after{
    content: "";
    width: 2px;
    height: 767px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.box .box-content-inner:before{
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.box .box-content-inner:after{
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.box:hover .box-content:before,
.box:hover .box-content:after,
.box:hover .box-content-inner:before,
.box:hover .box-content-inner:after{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.box:hover .box-content:before,
.box:hover .box-content:after{
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.box .title {
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	background: #333333;
	padding: 10px 15px;
}
.box .post{
    display:inline-block;
    font-size: 12px;
    font-weight:400;
    color: #fff;
    background: #c23333;
    text-transform: uppercase;
}
.box .post a{ display: block; color: #fff; padding: 5px 10px;}
.box .post:hover, .box .post:focus{ background: #fff; color: #333; text-decoration: none;}
.box .post:hover a, .box .post:focus a{ color:#333; text-decoration: none;}
/*Mukesh css */
.serviceDetail{}
.serviceSlider {
  margin-bottom: 25px;
}
.serviceVideo .youtube-video {
  margin-bottom: 25px;
}

.serviceVideo p {
  font-size: 16px;
  margin-bottom: 20px;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}

.view-btn{ border: 2px solid #c23333; border-radius: 6px; font-size: 16px; color: #333333; text-transform: uppercase;padding: 12px 25px;}
.view-btn:hover{ background: #c23333; color: #fff;}



/* How it works */

.first-step{ width: 280px; text-align: center; float: left; position: relative; padding-top: 105px;}
.first-step:before{position:absolute; width: 275px; height: 96px; content: ""; background: url(../images/up_arrow.png) top center no-repeat; left: 50%; top: 0;}
.step-icon{ width:78px; height: 86px; margin:0 auto 30px auto;}

.second-step{ width: 280px; text-align: center; float: left; position: relative; padding-top: 105px; padding-bottom: 95px;}
.second-step:before{position:absolute; width: 275px; height: 97px; content: ""; background: url(../images/down_arrow.png) top center no-repeat; left: 50%; bottom: 0;}

.third-step{ width: 280px; text-align: center; float: left; position: relative; padding-top: 105px;}
.third-step:before{position:absolute; width: 275px; height: 96px; content: ""; background: url(../images/up_arrow.png) top center no-repeat; left: 50%; top: 0;}

.fourth-step{ width: 280px; text-align: center; float: left; position: relative; padding-top: 105px;}

.how-it-work{ background-color:#c23333; min-height:584px;position:relative; padding:70px 0;}
.white{color:#fff;}

.step-icon1{ width:78px; height: 86px; margin:0 auto 30px auto;}
.how-it-work h3{ color: #fff; margin: 0 0 20px 0;}

.howitwork-steps{margin-left:0px;}
.aboutus-bg{background: url( ../images/about_us_bg.jpg) top center no-repeat; background-size: cover; min-height: 330px;}
/*.about-overlay{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,0.30)}*/
/*.aboutus-bg p{ font-size: 20px; color: #333; text-align: center;}*/
.about-overlay{position:absolute; top: 0; left: 0; width: 100%; height: 100%; 
 background-color: rgba(0, 0, 0, 0.5);}
.aboutus-bg p{ font-size: 20px; color: #fff; text-align: center;}

.main-title span.white-text {
    color: #fff;
}

.who-we-are{ min-height:500px; padding:80px 0 0 0; position:relative; color:#1b1b1e; font-size:16px;}
.who-we-are p{line-height: 1.6em;}
.we-work-with{ padding:50px 0;}
.we-work-with h4{font-size: 26px; letter-spacing:0.1em; margin:0 0 35px 0; font-weight:600; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif;}
.bg-1 {background:url(../images/bg1.jpg) no-repeat top center fixed; background-size:cover;}
.bg-2 {background:url(../images/bg2.jpg) no-repeat top center fixed; background-size:cover;}
.bluebg{ background-color:#4e5ac3; min-height:120px;}
.we-work-with .service{  color:#2f2e2e; letter-spacing:1.8px;}
.we-work-with .service:after{ background-color:#4e5ac3;}

.circle-gray{ width:147px; height:147px; background-color:#d9d9d9; border-radius:50%; margin:0 auto; position:relative; text-align:center;}
.circle-gray:after{ width:33px; height:19px; background:url(../images/blue_arrow.jpg) top left no-repeat; position:absolute; content:""; right:-42%; top:48%;}
.circle-gray.last:after{ background:none;}
.circle-content{ color:#000; font-size:20px; text-align:center; margin-bottom:20px; margin-top:20px; font-weight:600;font-family: 'Open Sans', sans-serif; line-height:1.2em;}
.circle-content span{ color:#4e5ac3;}
.endtoend{ background-color:#075bd7; min-height:42px; position:relative; margin:15px 8% 0; color:#fff; font-size:18px; letter-spacing:8px; text-align:center; line-height:42px; font-weight:500;}
.endtoend:after {right:-69px;top: 50%;border: solid transparent;content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);	border-left-color: #075bd7;	border-width: 42px;	margin-top: -42px;}
.endtoend:before {left: -69px;top: 50%;	border: solid transparent;content: " ";	height: 0;width: 0;position: absolute;	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);border-right-color: #075bd7;border-width: 42px;margin-top: -42px;}
.about-us{  padding:70px 0 70px 0; }


.download-app{ text-align: center; margin-top: 20px;}
.download-app a{display:inline-block; background:#c23333; width:140px; height: 140px; margin-left: 45px; border-radius: 50%; color: #fff; font-size: 80px; line-height: 140px;}
.download-app a:hover{ background: #333;}
.download-app a:first-child{ margin-left:0;}


.contacts{ background-color:#fff; padding:100px 0;}

footer{ background-color:#333; padding:30px 0; color:#fff;line-height:1.4em; font-size:14px; font-weight: 300; text-align: center;}

.navbar-brand { padding: 0 15px;}


.height98-blue{ height:90px; background-color:#4e5ac3;}
.height98-black{ height:90px; background-color:#42484d;}
.height98{ height:90px;}

.pos-rel{ position:relative;}

.height98{ position:absolute; bottom: 0; left: 0;}



.innerpage-title{background:#c23333; color: #fff; padding:20px 0;}
.innerpage-title h2{ margin: 3px 0 0 0; text-transform: uppercase; font-weight: 300; font-size: 40px;}

/*media queries start from here*/
@media(max-width:1200px) {
.intro-section h1 { margin: 10% 0 0; }
.intro-section { padding-bottom: 80px;}

.first-step { padding-top: 95px; width: 230px;}
.second-step { padding-bottom: 95px;  padding-top: 95px; width: 230px;}
.third-step { padding-top: 95px; width: 230px;}
.fourth-step { padding-top: 95px; width: 230px;}

.first-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}
.second-step::before {
  background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}
.third-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}

	
}
@media(max-width:1024px) {
.intro-section { padding-bottom: 80px;}
.intro-section h1 { font-size: 30px; margin: 10% 0 0; }
.navbar-header { max-width: 200px;}
.top-height { height: 76px;}
.our-services { padding: 50px 0;}
.main-title { margin: 0 0 50px;}
.how-it-work { min-height: inherit; padding: 50px 0;}
	
.first-step { padding-top: 95px; width: 230px;}
.second-step { padding-bottom: 95px;  padding-top: 95px; width: 230px;}
.third-step { padding-top: 95px; width: 230px;}
.fourth-step { padding-top: 95px; width: 230px;}

.first-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}
.second-step::before {
  background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}
.third-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 225px;
}
.how-it-work h3{font-size:20px;}
	
}

@media(min-width:767px) {
.navbar { padding: 6px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out;background-color:#fff; box-shadow: 0 0 5px #777777;}
}


@media(max-width:990px) {
.intro-section{padding-bottom:40px;}
.intro-section h1{ margin: 8% 0 0px 0;}
.our-services{padding: 40px 0 40px 0;}
.main-title{font-size:40px; margin: 0 0 40px 0;}
.service-box {margin-bottom: 20px;}
.how-it-work { padding: 40px 0;min-height:inherit;}
	
.first-step { padding-top: 95px; width: 180px;}
.second-step { padding-bottom: 95px;  padding-top: 95px; width: 180px;}
.third-step { padding-top: 95px; width: 180px;}
.fourth-step { padding-top: 95px; width: 180px;}

.first-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 195px;
}
.second-step::before {
  background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll center top / 100% auto;
  width: 195px;
}
.third-step::before {
  background: rgba(0, 0, 0, 0) url("../images/up_arrow.png") no-repeat scroll center top / 100% auto;
  width: 195px;
}
.how-it-work h3 {
   font-size: 20px;
 }
.download-app a {font-size: 54px;height: 100px;line-height: 100px;width: 100px;}
.box .title { font-size: 18px;}
.top-height { height: 68px;}
.height98 { height: 68px;}
}
@media(max-width:767px) {
.navbar-default .navbar-toggle { border-color: #c23333; border-radius: 0px; border-width:2px;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #c23333;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #c23333;}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #fff;}

.circle-gray::after { background:none;}
.fun-content.mrgL38 { margin-left: 0;}
.fun-content.mrgL42 { margin-left: 0;}
.about-us { padding: 90px 0 40px;}

.navbar-default .navbar-toggle { position: absolute; left: 10px; top: 5px;}
.navbar-default .navbar-brand { text-align: center; width: 100%; margin-top:5px;}
.navbar-default { height: 60px; border: none;}
.navbar-collapse{ border: medium none; box-shadow: none; background-color: rgba(27, 27, 30, 0.9); margin-top:9px; position:relative; z-index:9999;}
.navbar-nav { margin: 0 -15px;}
.nav.navbar-nav li { border-bottom: 1px solid #4d4d4d;}
.navbar-nav > li > a{ padding:12px 10px;}
.fixedmenu .nav.navbar-nav li{ border-bottom:1px solid transparent;}
.intro-section h1 { font-size: 20px; margin: 5% 0 0;}
.intro-section h1 span.black-strip-bg { background-color: rgba(51, 51, 51, 0.8); padding: 6px 15px;}
.banner-icons a { font-size: 22px; height: 45px; line-height: 45px; margin-left: 15px; width: 45px;}
.main-title { font-size: 50px;}
.height98{ height:60px;}
.navbar-header { margin: 0 auto !important; max-width: 150px;}
.top-height { height: 56px;}
.navbar-nav > li > a.join-now-btn{margin:10px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background: #c23333 none repeat scroll 0 0;
color: #fff;
}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover{background: #c23333 none repeat scroll 0 0;color: #fff;}
.intro-section {padding-bottom: 20px;}
.our-services {padding:40px 0 40px;}	
.main-title {font-size: 26px;margin: 0 0 30px;padding: 0;}
.how-it-work .main-title {color: #fff;}
.main-title {font-size: 32px;}
.how-it-work {padding: 40px 0;}
.download-app a {font-size: 40px;height: 70px;line-height: 70px;width: 70px;}
.contacts {background-color: #fff;padding: 30px 0;}
.first-step, .second-step, .third-step, .fourth-step {float: none;margin: 0 auto;padding-top: 0;padding-bottom: 100px;}
.fourth-step {	padding-bottom: 20px;}
.step-icon1, .step-icon {width: 78px;}
.first-step::before{background: rgba(0, 0, 0, 0) url("../images/down_sm_arrow.png") no-repeat scroll center top;
left: 0; top: inherit; bottom: 0;} 
.second-step::before{background: rgba(0, 0, 0, 0) url("../images/down_sm_arrow.png") no-repeat scroll center top;
left: 0; top: inherit; bottom: 0;} 
.third-step::before{background: rgba(0, 0, 0, 0) url("../images/down_sm_arrow.png") no-repeat scroll center top;
left: 0;top: inherit; bottom: 0;  }
.fourth-step::before{background: rgba(0, 0, 0, 0) url("../images/down_sm_arrow.png") no-repeat scroll center top;
left: 0;top: inherit; bottom: 0;} 

.step-icon, .step-icon1 { margin: 0 auto;}	
.about-us { padding: 40px 0;}
.aboutus-bg {  min-height: auto;}	
.banner-icons { margin-top: 10px;}
.intro-section{ background-size:cover;}
.navbar { background-color: #fff; box-shadow: 0 0 5px #777777;}
.innerpage-title h2{ font-size: 30px;}	

}
@media(max-width:480px) {
.banner-icons a { font-size: 20px; height: 40px; line-height: 40px; width: 40px;margin-left: 8px;}
.intro-section h1.white-head { font-size: 34px; margin: -4px 0 60px; padding: 0 0 0 15px;}
.banner-txt { padding-left: 15px;}
.intro-section { padding-bottom: 20px;}
.service { margin-bottom: 50px;}

.main-title { color: #333333; font-size: 26px; margin: 0 0 12px; padding: 0;}
.how-it-work .main-title { color: #ffff;}
.intro-section h1 { font-size: 14px; margin:9% 0 0; padding: 0;}
.intro-section h1 span.black-strip-bg { background-color: rgba(51, 51, 51, 0.8); padding: 2px 10px;}
.intro-section h1 span { margin-bottom: 5px;}
.service-box { margin-bottom: 10px;}
}
@media(max-width:400px) {
.intro-section h1 { margin:7% 0 0; }
}


/*New css added on 19-6-17 start*/

.carousel-control:focus, .carousel-control:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  opacity: 1;
}
.carousel-control.left, .carousel-control.right{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { background: #000 none repeat scroll 0 0; border-radius: 50%; font-size: 20px; height: 45px; line-height: 44px;  margin-top: -15px; width: 45px;}
.banner-content{position: absolute; top: 10%; left: 0; right: 0; margin: 0 auto; text-align: center;}
.banner-content h2 { color: #fff; font-size: 50px; font-weight: 300; margin: 15% 0 0; padding: 0 0 0 25px; text-align: center;}
.banner-content h2 span.black-strip-bg { background-color: rgba(51, 51, 51, 0.8); padding: 10px 20px;}
.banner-content h2 span { display: inline-block; margin-bottom: 12px;}
.banner-content h2 span.red-strip-bg { background-color: rgba(194, 51, 51, 0.8); font-weight: 400;  padding: 10px 20px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img { width: 100%;}


@media(max-width:1100px) {
.banner-content h2 { font-size: 40px; }
}
@media(max-width:991px) {
.banner-content h2 { font-size: 35px; margin-top: 10%; }
}
@media(max-width:767px) {
.banner-content h2 { font-size: 25px; margin-top: 10%; }
}
@media(max-width:640px) {
.banner-content h2 { font-size: 20px; margin-top: 10%; }
}
@media(max-width:540px) {
.banner-content h2 { font-size: 18px; margin-top: 5%; }
.banner-content h2 span.red-strip-bg { padding: 10px;}
.banner-content h2 span.black-strip-bg { padding: 10px 10px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 14px;  height: 30px;  line-height: 30px; width: 30px;}
}
@media(max-width:460px) {
.banner-content h2 { font-size: 14px; margin-top: 5%; }
.banner-content h2 span.red-strip-bg { padding: 5px;}
.banner-content h2 span.black-strip-bg { padding: 5px 5px;}
.banner-content h2 span { margin-bottom: 6px;}
.banner-icons { margin-top: 6px;}
}

/*New css added on 19-6-17 end*/