/* ----------------------------------- FONT CSS ----------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,900,500);
@import url('https://fonts.googleapis.com/css?family=Playball');

/* ----------------------------------- COMMON CSS ----------------------------------- */

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   font-family: "Roboto",sans-serif;
    font-size: 14px;
    text-decoration: none;
    
}

.leftcontent
{
    float: left;
}

.rightcontent
{
    float:right;
}

.center
{
    text-align: center;
}



.ibvm
{
    display: inline-block;
    vertical-align: middle;
}

.ibvt
{
    display: inline-block;
    vertical-align: top;
}
.ibvb
{
    display: inline-block;
    vertical-align:bottom;
}

.container
{
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
	overflow:hidden;
}

.commonover
{
    overflow: hidden;
    display: block;
}

.commonpadding
{
    padding: 58px 0 100px 0;
    overflow: hidden;
    display: block;
}

.pbttl
{
    color: #2c3746;
    font-size: 56px;
    text-transform:none;
   font-family: 'Playball', cursive;
   padding:50px 0 50px 0;
    letter-spacing: 1px;
}
.pbttl span{color: #2c3746;
    font-size: 56px;
    text-transform:none;
   font-family: 'Playball', cursive;
   line-height: 55px;
    letter-spacing: 1px;border-bottom:solid 1px #2c3746;display: inline-block}
.clr
{
    clear: both;
}

.center
{
    text-align: center;
}

li
{
    display: inline-block;
}
.clrdiv
{
    clear:both;
    overflow:hidden;
    display:block;
}
@font-face {
    font-family: 'Playball';
    src: url('../fonts/Playball.eot');
    src: url('../fonts/Playball.eot') format('embedded-opentype'),
         url('../fonts/Playball.woff2') format('woff2'),
         url('../fonts/Playball.woff') format('woff'),
         url('../fonts/Playball.ttf') format('truetype'),
         url('../fonts/Playball.svg#Playball') format('svg');
}
/* ----------------------------------- FORM ELEMENT CSS ----------------------------------- */
.home-coun-text input[type="text"]
{
    border: none;
    color: #7d7d7d;
    font-size: 20px;
    font-weight: 300;
    padding: 19px 0 9px 14px;
    width: 100%;
    background:none;
}

 .home-coun-text input[type="text"]::-webkit-input-placeholder
    {
        color: #7d7d7d;
        opacity: 1;
    }

    .home-coun-text input[type="text"]:-moz-placeholder
    { /* Firefox 18- */
        color: #7d7d7d;
        opacity: 1;
    }

    .home-coun-text input[type="text"]::-moz-placeholder
    { /* Firefox 19+ */
        color: #7d7d7d;
        opacity: 1;
    }

    .home-coun-text input[type="text"]:-ms-input-placeholder
    {
        color: #7d7d7d;
        opacity: 1;
    }


/* -----------------------------------Home page CSS ----------------------------------- */
.fixedpadclass
{
    position:absolute;
    margin:-88px 0 0;
}
.headlight-logo {
    padding: 10px 0 1px;
}
.headlight-menu{display: flex;justify-content: space-between;align-items: center}
ul.headlight-menu-container
{
    padding:12px 0;
}
    ul.headlight-menu-container li
    {
    font-size:14px;vertical-align:middle;
    color:#515152;
    font-family: "Roboto",sans-serif;
    padding:0 1px;
    text-transform:uppercase;
    }
ul.headlight-menu-container li a
        {
            color:#515152;
            padding:7px 20px;
            border-radius:30px; margin:14px 0 0;display: inline-block;
        }
ul.headlight-menu-container li a:hover
            {
                background:#f76301;
                color:#fff;
                transition: all 0.5s ease 0s;
            }

.howwork-div {
    width: 24.7%;
    text-align:center;
}

.howwork-div-text {
    color: #2c3746;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0 0;
    text-transform: uppercase;
}
.whyheaddiv
{
    width:33%;
     
}

.whyheadlightwrapper {
    background: #e9e9e9 none repeat scroll 0 0;
}
.whyheaddiv {
    font-family: "Roboto",sans-serif;
    width: 33%;
    margin:0 0 40px;
}
.whyhead-title {
    color: #2c3746;
    font-size: 18px;
    padding: 12px 0;
    font-weight:500;
}
.whyhead-discri {
    color: #545353;
    margin: 0 auto;
    width: 79%;
}
.headlight-container {
    background: #4d6585 none repeat scroll 0 0;
}

.sicon {
    margin: 0 17px;
}

.pbttl.headlighttt1 {
    color: #fff;
    margin: 0 auto;
    position: relative;
    
    z-index: 999;
}
   
    .headcontainer {
    background: #fff none repeat scroll 0 0;
    height: 85px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: -1px 1px 3px #010101;
}
.helpline-wrapper {
    color: #ffffff;
    margin: 0 auto;
    position: relative;
    width:100%;
}
.helplinetext {
    font-size: 18px;
    font-weight: 300;
   
}
.helpline-wrapper::before {
    background: rgba(0, 0, 0, 0) url("../images/contact-img.png") repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width:100%;
}

.helpline-wrapper::after {
    background: rgba(0, 0, 0, 0) url("../images/contact-img.png") repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width:100%;
}

.helpline-container {
    border-right: 1px solid #5f7591;
    padding: 12px 32px 12px 0;
    text-align: right;
    width: 50%;
}

.email-container {
    padding: 12px 0 12px 23px;
    text-align: left;
    width: 50%;
}
.helplinetext a
{
    color: #fff;
    font-size:18px;
}
.banner-wrapper {
    padding: 85px 0 0;
}

.social-wrapper {
    margin: 0 0 20px;
}
.googleplay-icon {
    margin: 0px 20px 30px 0;
}
.googleplay-icon:last-child {
    margin: 0px 0 30px 0px;
}
.headlight-container.commonpadding {
    padding: 58px 0 50px;
}
.footer-bottom {
    background: #2c3746 none repeat scroll 0 0;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.footer-bottom.commonpadding {
    padding: 37px 0;
}
.bannertext-wrapper {
    margin: 184px 0 0;
}

.banner-text-title {
    color: #45e1df;
    font-size: 62px;
    font-weight: 900;
    text-decoration: underline;
    text-transform: uppercase;
    text-shadow:3px 2px 0 #212121;
}
.banner-text-discr {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    width: 66%;
}

.download-app-wrapper {
    background: #29972c none repeat scroll 0 0;
    border-radius: 28px;
    margin:0 0 20px 0;
    text-align: left;
    width:250px;
}
/*.download-app-wrapper:last-child {margin: 0}*/
.dwnbtnblk {margin: 90px 0 0 0;}

.download-app-icon {
    border-right: 1px solid #6fb972;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    text-align: center;
    width: 53px;
}
.download-app-text {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.download-app-text a {color: #fff}
/*.download-app-icon > img {
    width: 76% !important;
}*/

#closed {
    background: rgba(0, 0, 0, 0) url("../images/close.png") repeat scroll 0 0;
    cursor: pointer;
    height: 23px;
    position: absolute;
    right: 10%;
    top: 19px;
    width: 23px;
}
.responsive-menu {
    margin: 35px 5px 35px 0;
   
}

button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.mobailetext {
    width: 63%;
}
.mobaileimg
{
     width: 31%;
}

.mobaileimg {
    bottom: -2px;
    position: absolute;
    right: 94px;
    width: 28.3%;
}
.pageslider-ani
{
    position:absolute;
    left: 0;
    right: 0;
}

.pageslider-ani > img {
    position: relative;
    z-index: 99;
}

.howwork-wrapper.commonpadding {
    padding: 0 0 100px;
}

.linkactive{ background: #f76301 none repeat scroll 0 0; border-radius: 16px; color: #ffffff !important;}

.googleplay-icon a {display:inline-block;vertical-align:top}

#top-video{display: block;height:670px;object-fit: fill;margin: 0 auto 30px;}
#top-video source{display: none}
.howwork-container{display: flex;justify-content: space-between;}
.testi-sec{width: 48%;display: flex;align-items: center}
.video-sec{position: relative}
.testi-cont{width:calc(100% - 273px);margin: 0 0 0 5%;}
.testi-cont p{font-size: 17px;color: #2c3746;text-align: center;}
.video-sec video{width: 100%}
.user-img {margin: 0px auto 30px;text-align: center;}
.user-img img{border-radius: 50%;}

.testimonials-container{background:#f8eadf}
.callnow-btn{background:url(../images/call-icon.png) no-repeat 10px 11px #1fca5b ;padding: 10px 16px 10px 34px;
border-radius: 30px;color: #fff;text-transform: uppercase;margin:13px 0 0 25px}
.resume-sec{display:flex;justify-content:center;align-items: center;margin: 20px 0 0}
.cv-mail{color: #fff;font-size: 17px;margin: 18px 0 0 26px;font-weight: 300;}
.cv-mail a{color: #fff;font-size: 17px;font-weight: 300;}
.we-hire{background: url(../images/we-hire.png) no-repeat 0 0;width: 69px;height: 58px;display: inline-block}
ul.headlight-menu-container li:first-child{margin: 0 10px 0 0}
ul.headlight-menu-container li:first-child a{border-radius: 0;margin-top: 0}
ul.headlight-menu-container li:first-child a:hover{background: url(../images/we-hire.png) no-repeat 0 0}
.pbttl.howitworks{padding:29px 0 15px}
#showRight{float: left;}
.mob-call-btn{background:#1fca5b;padding: 12px;float: left;margin: -9px 12px 0 0;border-radius: 7px}


.video-sec video{position: absolute;top: 37px;
left: 20px;width: 227px}