/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 

@font-face {
  font-family: 'Frutiger';
  src: url('../fonts/ftl.eot');
  src: url('../fonts/ftl.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/ftl.woff') format('woff'), 
  url('../fonts/ftl.ttf') format('truetype'), 
  url('../fonts/ftl.svg#ftl') format('svg');
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Roboto-Regular.woff') format('woff'), 
  url('../fonts/Roboto-Regular.ttf') format('truetype'), 
  url('../fonts/Roboto-Regular.svg#ftl') format('svg');
}

/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 

body {width: 100%;height: 100%;font-family:Roboto-Regular;color: #fff;background-color: #fff;overflow-x:hidden;}
html {width: 100%;height: 100%;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 35px;text-transform: uppercase;font-family:Roboto-Regular;font-weight: 700;letter-spacing: 1px;}
p {margin: 0 0 25px;font-size: 18px;line-height: 1.5;}
a {color: #e56536;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover,
a:focus {text-decoration: none;color: #e66537;}
.light {font-weight: 400;}
.navbar-custom {margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,.3);text-transform: uppercase;font-family:Roboto-Regular;background-color: #000;}
.navbar-custom .navbar-brand {font-weight: 700;}
.navbar-custom .navbar-brand:focus {outline: 0;}
.navbar-custom .navbar-brand .navbar-toggle {padding: 4px 6px;font-size: 16px;color: #fff;}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {outline: 0;}
.navbar-custom a {color: #fff;}
.navbar-custom .nav li a {-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;transition: background .3s ease-in-out;}
.navbar-custom .nav li a:hover {outline: 0;color: rgba(255,255,255,.8);background-color: transparent;color:#e66437;}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {outline: 0;background-color: transparent;color:#e66437;}
.navbar-custom .nav li.active {outline: 0;}
.navbar-custom .nav li.active a {background-color: rgba(255,255,255,.9);color:#e66437;}
.navbar-custom .nav li.active a:hover {color: #e66437;}
.dropdown-menu>li>a {padding: 10px 15px;border-top: 1px solid #ccc;}
.dropdown-menu {min-width: 185px;border: 1px solid #ccc;padding:0px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {text-decoration: none;color: #262626;background-color: #f5f5f5 !important;}

@media(min-width:768px) {
    .navbar-custom {padding: 20px 0;border-bottom: 0;letter-spacing: 1px;background: 0 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;}
    .navbar-custom.top-nav-collapse {padding: 0;border-bottom: 1px solid #e66537;background: #000;}
    p {margin: 0 0 10px;font-size: 20px;line-height: 1.6;}
}

.intro {display: table;width: 100%;height: auto;padding: 100px 0;text-align: center;color: #fff;background: url(../images/intro-bg.jpg) no-repeat bottom center scroll;background-color: #000;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}

.intro .intro-body {display: table-cell;vertical-align: middle;}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

.btn-circle {
    width: 50px;
    height: 50px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 24px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	position:absolute;
	z-index: 999;
    top: -42px;
	background-color:#000;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
   /* background: rgba(255,255,255,.4);*/
	position:absolute;
	z-index: 999;
    top: -42px;
	background:#e56536;
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    background-color: #1e3460;
    border-color: #1e3460;
	color:#fff;
}
.button-rounded{border-radius: 30px !important;  padding: 10px 30px;}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../images/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}

@media(min-width:767px) {
    .content-section {
        padding-top: 100px;
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #e9eef2;
    color: #7b7b7b;
    background-color: #e9eef2;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #1e3460 !important;
    outline: 0;
    color: #fff !important;
    background-color: #1e3460 !important;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

/* Banner-content */

.main-heading{font-size:50px; text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-bottom:10px;}
.heading-w{width:90%;}
ul#brand-tag{margin:0px; padding:0px; list-style:none; text-align:left;}
ul#brand-tag li{margin:0px; padding:0px; font-weight:bold; display:block; height:45px;}
ul#brand-tag li> .whiteList{padding:9px 12px; font-size:12px; color:#181616; background:#fff; font-weight:bold; text-transform:uppercase;}
ul#brand-tag li> .hilight-check{padding:9px 12px; font-size:12px; color:#181616; background:#e66537; font-weight:bold; text-transform:uppercase;}

.signUp-container{width:100%; height:auto; margin:0px; padding:0px;}
.dotted-line{width:100%; height:13px; background-image:url(../images/dotted-icon.png); background-repeat:repeat-x;}


input[type="checkbox"], input[type="radio"] {
    display:none;
}
input[type="checkbox"] + label span, input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/sprite.png) -33px -71px no-repeat;
    cursor:pointer; 
}

input[type="checkbox"] + label:hover span {
   background-position: -76px -71px;
}

input[type="checkbox"]:checked + label span { background-position: -91px -169px; }
.ie8 input[type="checkbox"]{ display:inline-block;}
.ie8 input[type="checkbox"] + label span { display:none;}

input[type="checkbox"] + label, input[type="radio"] + label  {   margin-right:1px; font-size:14px; }
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label  {    background-image: none;      }

input[type="radio"] + label span{   background-position: -99px -71px;}
input[type="radio"] + label:hover span {background-position:  -141px -71px;}
input[type="radio"]:checked + label span { background-position: -121px -71px;}

.btn {border-radius: 3px;}
.sprite{background: url(../images/sprite.png) no-repeat;line-height: 0px;font-size: 1px;display: inline-block;vertical-align: top;}
.circle-check{background-position:-141px -159px; width:32px; height:32px; margin-right:5px;}
.circle-question{background-position:-206px -157px; width:32px; height:32px; margin-right:5px;}
.bullet{background-position:-185px -162px; width:20px; height:20px; margin-right:5px;}
.sign-txtbox{border:1px solid #fff; border-radius:3px; background:#fff;}
.sign-in-email{background-position:-5px -162px; width:32px; height:32px;}
.sign-in-phone{background-position:-45px -161px; width:32px; height:32px;}
#solutionTxt{background-color:#f9f9f9; width:100%; margin-top:40px; color:#444444; position:absolute;}
.solution-text-c{text-align:center; padding:0px 100px; line-height:24px;}
.form-group { margin-bottom: 15px;}
#gCloud{background-color:#333333; margin:0px; padding:0px;}
.skew { width:100%; height:620px; background:#e66537; margin:0px;  position:relative;}
.skew:after {content:""; position:absolute; top:0; right:0; width: 0; height: 0; border-bottom: 620px solid #333; border-left: 200px solid transparent;}
.gcloud-head{font-size:40px; color:#fff;}
.gcloud-Subhead{font-size:24px; color:#000;}
.skew-contant{padding:100px 150px 100px 40px;}
.panel-title{color:#fff; font-weight:normal; text-transform:none; font-size:20px;}
.panel-title a{color:#fff;}
.panel-title a:hover{color:#fff !important;}
.panel-title a:hover, a:focus {text-decoration: none; color: #fff;}
.gcloud-PD{background-color:#e66537; border:1px dashed #c7502c;}
.gcloud-panel{margin-bottom: 20px; background-color: #e66537; border: 0px solid transparent; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none}
.pnl-head{padding:5px 0px;}

#accordion-first .accordion-group {
    margin-bottom: 10px;
}

#accordion-first .accordion-heading, #accordion-first .accordion-toggle:hover, #accordion-first .accordion-heading .accordion-toggle.active {
    background: none repeat scroll 0% 0% transparent;
}
#accordion-first .accordion-heading {
    border-bottom: 0px none;
    font-size: 16px;
}

#accordion-first .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 5px 0px !important;
    color: #222;
    outline: medium none !important;
    text-decoration: none;
}

#accordion-first .accordion-heading .accordion-toggle.active em{background-color: #F7C221;}

#accordion-first .accordion-heading .accordion-toggle > em {
    background-color: #222;
    border-radius: 100px;
    color: #FFF;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    text-align: center;
    width: 32px;}
.panel-body {padding: 10px; color:#ffded2; background-color: #DC5B2F;}
ul.gcloud-panel-list{margin:0px 20px; padding:0px; list-style:square;}
ul.gcloud-panel-list li{margin-bottom:5px;}
.gcloud-img{margin:16% 5%;}

/* Classified */

#classified{background-color:#f5f5f5; overflow:hidden;}
.classified-content{padding:40px;}
.heading-main-gray {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 18px;
}
.heading-border {
    width: 70px;
    height: 4px;
    background: #e66437;
    display: inline-block;
    text-align: center;
}
.classified-list{color:#828282;}
.classified-list-cont{border:1px solid #e8e8e8; background:#fff; margin:0px 20px 10px 40px; padding:10px;}
.hilight{color:#e76438;}

/* Car Dekho */

#carDekho{background-color:#fff; padding:40px; padding-top:100px;}
.trust-mark-subHead{border:1px dashed #ccc; width:50%; font-size:24px; color:#828282; margin:30px auto; text-transform:none !important; padding:15px 20px; font-weight:normal;}
.text-t{text-transform:none; font-weight:normal;}

.cardekho-content{padding:40px;}
.cardekho-list-cont{border:1px dashed #e8e8e8; background:#fff; margin:0px 20px 10px 40px; padding:10px;}

/* Road Side Assistance */
#rsa{margin-top:0px; padding-top:0px; overflow:hidden;}
.rsa-section {
    width: 100%;
    padding: 100px 0 !important;
    color: #fff;
    background: url(../images/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	padding-bottom:0px !important;
}


/* Contact Us */

#contact{background-color:#fff; padding-top:100px;}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.panel-gray {
    padding: 10px;
    color: #858585;
    background-color: #f9f9f9;
}
.contact-subHead{color:#e66437 !important; text-transform:uppercase;}
.contact-person{color:#333; font-weight:bold;}
img{max-width:100%;}
.main-office{border: 2px solid #E66C37;}

/* faqs */

#faqs{background-color:#fff;}

.faqs-content{background-color: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:100%; padding-bottom:50px;}

.btn-arrow-gray{color: #F9F9F9 !important; font-size: 60px !important;  position: absolute; top: 34px; left: 30%; text-shadow: 0px -1px 0px #ccc; display:none;}
.nav-tabs {
    border-bottom: 0px solid #ddd;
	margin:0px auto;
	text-align:center;
	position:relative;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: 1px solid #e56536;
    outline: 0;
    color: #fff;
    background-color: #e56536;
	border-radius:30px;
}

.nav-tabs>li>a {
	color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
	border-radius:30px;
	padding: 8px 30px;
	font-size:16px;
	margin-right:20px;
	display:inline;
}

.nav-tabs>li>a:hover {
   border: 1px solid #e56536;
	background-color: #e56536;
	 color: #fff;
}

.tab-btn-content{margin:0px auto; width:565px;}
ul.faq-list li{float:left; width:45%; list-style:none; margin-bottom:20px;}
.faq-list-cont {
    margin: 0px 40px 0px 40px;
    padding: 0px;
}

.carousel-indi {
    bottom: -50px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #fff;
	border:1px solid #fff;
}

.carousel-indicators .active {
    margin: 0;
    width: 18px;
    height: 18px;
    background-color: #e56536;
	border:0px solid #e56536;
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
}

.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
}


/* Home Page New Style */

#homePage{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; font-family: 'Roboto' !important;}
#homePage .leftBlueBg{ width: 50%; position: relative; float: left; height: 100%; top: 0; left: 0;}
#homePage .leftBlueBg .blueBg{position: absolute; right: 0; top: 0; background: #1e335e url('../images/bg_with_road.jpeg') no-repeat bottom right; width: 100%; height: 100%; padding: 15px; text-align: center; overflow: hidden;}
#homePage .rightWhiteBg{ width: 50%; position: relative; float: left; height: 100%;}
#homePage .leftBlueBg .lgHeading{font-family:'roboto' !important; font-size: 50px; color: #fff; font-weight: 100; text-transform: none; font-weight: 100; text-align: center; margin-bottom: 0; margin-top: 40px;}
#homePage .leftBlueBg p{color: rgba(255, 255, 255, 0.87); font-weight: 300; font-size: 18px; margin-bottom: 20px;}
.txt87{color: rgba(255, 255, 255, 0.87);}
#homePage .logoSec{text-align: left; padding-left: 15px; margin-top: 10px;}

#homePage .navbar-default {background-color: #fff; border-color: #fff;}
.navbar-nav>li>a{padding: 8px 10px; margin-right: 30px; padding-top: 30px;}
.navbar-default .navbar-nav>li>a:hover {color: #e46536; border-bottom: 2px solid #e46536;}
#homePage .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #e46536; background-color: #fff; border-bottom: 2px solid #e46536;}
.homeMobile{ position: absolute; bottom: 13px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.animationImage{position: absolute; bottom: 10px; left: 0; z-index: 999; width: 100px; transition-timing-function: ease-out;}
.login-h1{font-size: 36px; color: rgba(0, 0, 0, 0.87); font-weight: 700; text-transform:none; font-family: roboto; margin-bottom: 5px;}
.login-p{color: rgba(0, 0, 0, 0.54); font-size: 16px; margin-bottom: 30px; line-height: 20px;}
.joinUs-heading{font-size: 16px; color: rgba(0, 0, 0, 0.87); font-weight: 700; margin-top:15px;}
.login-p.smtxt{font-size: 14px; margin-left: 0px;}
.joinUsIcon{margin-bottom:5px;}
.pad-L0{padding-left:0; padding-right: 0;}
.col-R-padding{padding-right:7px;}
.col-L-padding{padding-left:7px;}
.footer{font-size: 14px; color: rgba(0, 0, 0, 0.30); position: absolute; right: 10px; bottom: 10px; z-index: 1002;}
.contactInfo{padding: 20px 0px; margin: 0; font-size: 18px; color: rgba(0, 0, 0, 0.87); font-weight: 500; font-family: roboto; width: 79%;}
.contact_Ic{border-radius: 25px;background-color: #e9eef2;width: 50px;height: 50px;text-align: center;float: left;vertical-align: middle;margin-top:7px;padding-top:9px;margin-right: 20px;   margin-bottom: 30px;}
#modified_design .btn.primaryBtn{background-color: #e46536; padding-top: 15px; padding-bottom: 15px; font-size: 16px; text-transform: uppercase; font-weight: 500; color: #fff; height: 50px; border-color: #e46536}
#modified_design .btn.primaryBtn:hover, .primaryBtn:focus {
    border: 1px solid #e46536 !important;
    outline: 0;
    color: #fff !important;
    background-color: #e46536 !important;
}



#modified_design .signUp-container{min-height: 340px;}
#modified_design .btn{font-size: 14px; box-shadow: none;text-transform: capitalize; height: 40px; margin-right: 7px;}
#modified_design .btn.active,#modified_design .btn:active{box-shadow: none;}
#modified_design .btn:focus{outline: 0;}
#modified_design .button-rounded{border-radius: 23px; padding: 0 25px;}
#modified_design .sign-txtbox{box-shadow: none; border-color: #fff; font-size: 16px; color: rgba(0,0,0,0.8); font-weight: 400;border: 1px solid #c0c0c0;border-radius: 3px;}

#modified_design .sign-txtbox::-webkit-input-placeholder { color: rgba(0,0,0,0.8);}/* Chrome/Opera/Safari */
#modified_design .sign-txtbox::-moz-placeholder {color: rgba(0,0,0,0.8);} /* Firefox 19+ */
#modified_design .sign-txtbox:-ms-input-placeholder {color: rgba(0,0,0,0.8);} /* IE 10+ */

#modified_design .dc-user{background-image: url(../images/new_img/user-name.svg); background-repeat: no-repeat; background-position: 11px 11px; padding-left: 45px;}
#modified_design .dc-pass{background-image: url(../images/new_img/password.svg); background-repeat: no-repeat; background-position: 11px 11px; padding-left: 45px;}
#modified_design .dc-mobile{background-image: url(../images/new_img/mobile.svg); background-repeat: no-repeat; background-position: 11px 11px; padding-left: 45px;}
#modified_design .dc-remember{font-size: 12px;font-weight: 400; color: rgba(0, 0, 0, 0.54);}
#modified_design .dc-support{font-size:14px; color: rgba(255,255,255,0.7); font-weight: normal;/* margin-bottom: 5px !important*/}
#modified_design .invalid-user{position: absolute;top: 13px;right: 15px; color: #ff0000;}
#modified_design .form-group {position: relative;}
#modified_design .forgotP{float: right;color: #e46536; font-size: 12px; font-weight: 500;}
#modified_design .forgotP a{float: right;color: #e46536; font-size: 12px; font-weight: 500;}
#modified_design .forgotP a:hover{float: right;color: #e46536; font-size: 12px; font-weight: 500;}
#modified_design .sprite{background: url(../images/new_img/sprite-image.png) no-repeat;}
#modified_design .sign-in-email{background-position: -40px 0; height: 24px; width: 24px;vertical-align: bottom; margin-right: 10px;}
#modified_design .sign-in-phone{background-position: -63px -1px; height: 24px; width: 24px;vertical-align: bottom;margin-right: 7px; margin-left: 3px;}
#modified_design input[type="checkbox"] + label span, #modified_design input[type="radio"] + label span{background: url(../images/new_img/sprite-image.png) -4px -6px no-repeat;}
#modified_design input[type="checkbox"] + label:hover span{background-position: -4px -6px;}
#modified_design input[type="checkbox"]:checked + label span{background-position: -23px -6px;}


#modified_design input[type="checkbox"]{display:none;}
#modified_design input[type="checkbox"] + label span { display:inline-block; width:20px; height:20px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/sprite-new.png) -33px -7px no-repeat;cursor:pointer; }
#modified_design input[type="checkbox"] + label:hover span {background-position: -33px -7px;}
#modified_design input[type="checkbox"]:checked + label span { background-position: -6px -7px; }
.ie8 #modified_design input[type="checkbox"]{ display:inline-block;}
.ie8 #modified_design input[type="checkbox"] + label span { display:none;}
#modified_design input[type="checkbox"] + label  {margin-right:1px; font-size:14px; }
#modified_design input[type="checkbox"]:checked + label  { background-image: none;}



.otp-modal{text-align: center;background: #fff;padding: 15px; margin-bottom: 5px; border-radius: 3px; border: 1px solid #c0c0c0;}
.otp-text{font-size: 14px; color: rgba(0,0,0,0.54); padding-bottom: 0px;}
.otp-in{width: 18px; margin-right: 10px; border: 0; border-bottom: 1px solid rgba(0,0,0,0.12); font-size: 30px; font-weight: 500; color: #e46536;background: url(../images/new_img/incircle.png) no-repeat center 22px;}
.otp-ntrecvd{font-size: 12px; color: rgba(0,0,0,0.54); margin-bottom: 15px; padding-top: 10px;}
.otp-ntrecvd a{font-weight: 500;}
.otp-ntrecvd a.active,.otp-ntrecvd a:active,.otp-ntrecvd a:focus{color: #e46536;}
.otp-in:focus{outline: 0;}
.hideon{display: none;}
.in{display: block;}
.otp-error{position: relative; font-size: 12px; color:#fa1000; padding: 15px 0px 0px 0px; text-align: center; width: 100%;} 
#modified_design .emilphne{margin-bottom: 30px;}

.bg-none{background: none;}




html, body{
    width:100%;
    height:100%;
    background-color:#fff;
    }
.carousel-inner,.carousel,.item,.container,.fill {
  height:100%;
  width:100%;
  background-position:center center;
  background-size:cover;
}
.slide-wrapper{margin: 40px 20px 50px 80px; height: auto; width: 500px;}
.slide-wrapper .sm{width: 360px; margin: 0}
.slide-wrapper .container{padding:0px;}

/*------------------------------ vertical bootstrap slider----------------------------*/

.carousel-inner> .item.next ,  .carousel-inner > .item.active.right{ transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0;}
.carousel-inner > .item.prev ,.carousel-inner > .item.active.left{ transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0;}
.carousel-inner > .item.next.left , .carousel-inner > .item.prev.right , .carousel-inner > .item.active{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;}

/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indicators{
position:fixed;
top:15%;
right: 10px;
bottom:0;
margin:auto;
height:60px;
right:10px; left:auto;
width:auto;
}
.carousel-indicators li{display:block; margin-bottom:5px; border:3px solid #fff;background: #d8d8d8;}
.carousel-indicators li.active{margin-bottom:5px; background: url('../images/indicators_active.svg') no-repeat left top;}

.videoSec{    
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 48px;
    width: 172px;
/*    margin-left: 223px;*/
}

@media(max-width:768px) {
    #homePage{position: relative; height: auto;}
    #homePage .leftBlueBg{width: 100%;}
    #homePage .leftBlueBg .blueBg{position: relative; padding: 15px 30px;}
    .homeMobile{display: none;}
    #homePage .leftBlueBg .lgHeading{font-size: 30px; padding-top: 10px; margin-bottom: 5px;}
    .playStore{margin-bottom: 30px;}
    .playStore{padding-left: 0;}
    #homePage .navbar-default{background-color: #3b3a8500;border-color: #fff0;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #fff;}
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #423c8f;}
    .navbar-nav>li>a {padding: 8px 10px; margin-right: 0px; padding-top: 10px; width: auto;}
    #homePage .rightWhiteBg{width: 100%;}
    #homePage .navbar-nav{width: 100%;}
    #homePage .nav>li{width: 30%; float: left; text-align: center;}
    .slide-wrapper{margin: 0px; width: 100%;}
    #myCarousel{padding: 20px; padding-top: 0;}
    .slide-wrapper .sm{width: 100%;}
    .carousel-indicators{display: none;}
    .col-R-padding{padding: 0px 15px;}
    .col-L-padding{padding: 0px 15px;}
    .contactInfo{width: 100%;}
    .footer{left: 20px;}
    #modified_design .emilphne {margin-bottom: 15px;}
    .login-p{margin-bottom: 15px;}
}

@media(max-height:700px) {
    #homePage .leftBlueBg .lgHeading{font-family:'roboto' !important;font-size: 36px;color: #fff;font-weight: 100;text-transform: none;font-weight: 100;text-align: center;margin-bottom: 0;margin-top: 10px;}
    
    #homePage .leftBlueBg p{margin-bottom: 5px; font-size: 16px;}
    .playStore img{width: 130px;}
    #homePage .logoSec{margin-top: -5px;}
    .login-p{margin-bottom: 10px;}
    /*.slide-wrapper{margin: 20px 20px 50px 80px}*/
    #modified_design .commentBox{height: 46px;}
    .joinUs-heading{margin-top: 0;}
    .footer{font-size:12px; bottom:5px;}
}









.loading-img{position:relative;}
  #snakbarAlert {
        visibility: hidden; 
        width: 500px; margin-left: -125px;
        background-color: #2A3F54;
        color: #fff;
        text-align: center; 
        border-radius: 2px;
        padding: 16px;
        position: fixed; 
        left: 40%; 
        bottom: 30px;
        font-size: 17px;
        z-index: 9999;
        text-transform: capitalize;
        
     
    }
    
    #snakbarAlert.show { 
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 1.5s !important; 
        animation: fadein 0.5s, fadeout 0.5s 1.5s !important; 
        z-index: 9999;
        text-transform: capitalize;
 
    }
    @media(max-width:480px) {
        #snakbarAlert {
        visibility: hidden; 
        width: 100%;
        margin-left: 0px;
        background-color: #2A3F54;
        color: #fff;
        text-align: center; 
        border-radius: 2px;
        padding: 16px;
        position: fixed; 
        left: 0%; 
        bottom: 30px;
        font-size: 15px;
        z-index: 9999;
        text-transform: capitalize;
        
     
    }
    
    .cust-cont{margin-bottom:50px !important;}
    .contactInfo{font-size: 17px;}
    }
    
    
    /*-- css sumit --*/
.img-mobile-bg1{display: none}
@media(min-width:1367px){
.img-mobile-bg{display: none}
.img-mobile-bg1{display: block; margin: auto}
.videoSec {
   bottom: 68px;
   width: 232px;
   }
}