@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    background: #fefefe;
    color: #000000;
    text-align: center;
    font-family: 'Gotham_Rounded_Book';
    font-weight:normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none; color: #333; text-decoration: none;}
a:hover {
    outline: none;
    color: #000;
    text-decoration: none;
}
img {border: none;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}
.light-menu{display:none;}
.for-mob-cta{display:none;}
.for-desk{}
.for-mob{ display:none;}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.header{
    float:left;
    width:100%;
    height:100px;
    background:#f9f6f4;
    position:fixed;
    z-index:99;
    border-bottom:1px solid #e6e6d6;
}
.header-gap{float:left;width:100%;height:100px;}
.logo-main{
    float:left;
    margin:1px 0 0 0;
}
ul.top-menu{
    float:right;
    margin-top:40px;
}
ul.top-menu li{
    float:left;
    margin-left:20px;
}
ul.top-menu li a{
    float:left;
    color:#657684;
    font-size:15px;
    text-transform:uppercase;
    font-family: 'Gotham_Rounded_Med';
}
ul.top-menu li img{float:left; margin-top:-10px;}
ul.top-menu li a.active{color: #f36e2a;}
/*------------------------
CSS FOR BANNER 
-------------------------*/
.banner{
    float:left;
    width:100%;
    background:url(../images/banner-bg.jpg) no-repeat center top;
    height:643px;
}
.banner-content{
    float:left;
    width:53%;
    margin:80px 0 0 60px;
}
.bnr-txt1, .bnr-txt2{
    float:left;
    width:100%;
    color:#29333e;
    font-size:48px;
    line-height:52px;
    font-family: 'Univers';
    text-transform:uppercase;
    font-weight:normal;
}
.bnr-txt2{
    color:#657684;
    font-size:48px;
    line-height:52px;
    font-family: 'Univers_CE_55';
    background:url(../images/bnr-star.png) no-repeat center bottom;
    padding-bottom:20px;
    padding-top:10px;
    position:relative;
    margin-top:10px;
}
.bnr-txt2:before{
    position:absolute;
    left:0;
    top:5px;
    content:'';
    height:1px;
    background:#c4d0dd;
    width:510px;
    left:50%;
    margin-left:-255px;
}
.bnrtxt3{
    float:left;
    width:100%;
    color:#000000;
    font-size:20px;
    margin-top:10px;
}
ul.brn-list{
    float:left;
    width:100%;
    margin-top:15px;
    padding:0 20px;
}
ul.brn-list li{
    float:left;
    width:33.33%;
}
ul.brn-list li p{
    float:left;
    width:100%;
    color:#29333e;
    font-size:22px;
    line-height:24px;
    margin-top:5px;
}
ul.brn-list li p span{
    font-family: 'Univers';
    text-transform:uppercase;
    color:#29333e;
    font-size:22px;
    letter-spacing:1px;
}
.banner-prod-img{
    position:absolute;
    right:65px;
    top:300px;
}
.bnr-btn{
    display:inline-block;
    margin-top:40px;
}
/*------------------------
CSS FOR BANNER STRIP
-------------------------*/
.bnr-strip{
    float:left;
    width:100%;
    background:#f9f6f4;
    border-bottom:1px solid #e7e7dd;
    padding:20px 0;
}
.bnr-strip ul{
    float:left;
    width:100%;
}
.bnr-strip ul li{
    float:left;
    width:32%;
    position:relative;
}
.bnr-strip ul li p{
    float:left;
    width:100%;
    color:#535353;
    font-size:18px;
    line-height:24px;
    text-align:left;
    padding-top:10px;
}
.bnr-strip ul li p span{
    color:#000000;
    font-size:24px;
    font-family: 'Univers';
    text-transform:uppercase;
}
.bnr-strip ul li img{
    position:absolute;
    left:0;
    top:0;
}
.bnr-strip ul li:nth-child(1){ padding-left:130px;}
.bnr-strip ul li:nth-child(1) img{width:120px;}
.bnr-strip ul li:nth-child(2){padding-left:100px; width:31%;}
.bnr-strip ul li:nth-child(3){padding-left:120px; width:36%;}
/*------------------------
CSS FOR COMMON SECTION 
-------------------------*/
.section-all{
    float:left;
    width:100%;
    padding:100px 0;
}
.section-heading{
    float:left;
    width:100%;
    text-align:center;
}
.section-heading h3{
    float:left;
    width:100%;
    color:#f36e2a;
    font-size:48px;
    line-height:48px;
    font-family: 'Univers';
    text-transform:uppercase;
}
.section-heading h3 sup{font-size:25px;}
.section-heading p{
    float:left;
    width:100%;
    color:#000000;
    font-size:24px;
    font-weight:normal;
    margin-top:5px;
}
.section-heading img{
    display:inline-block;
    margin-top:25px;
}
.section_para{
    float:left;
    width:100%;
    color:#505050;
    font-size:20px;
    line-height:35px;
    letter-spacing:1px;
}
.text-high{
    color:#f36e2a;
    text-transform:uppercase;
    font-family: 'Gotham_Rounded_Med';
}
/*-------------------------
CSS FOR CTA SECTION
-------------------------*/
.cta-section{
    float:left;
    width:100%;
    height:410px;
}	
.cta-one{
    background:url(../images/cta-bg1.jpg) no-repeat right top #e7f0f2;
    background-size:cover;
}
.cta-two{
    background:url(../images/cta-bg2.jpg) no-repeat -100px top #e7f0f2;
    background-size:cover;
}
.cta-three{
    background:url(../images/cta-bg3.jpg) no-repeat right -40px #e7f0f2;
    background-size:cover;
}
.cta-four{
    background:url(../images/cta-bg4.jpg) no-repeat left top #e7f0f2;
    background-size:cover;
}
.cta-five{
    background:url(../images/cta-bg5.jpg) no-repeat right top #e7f0f2;
    background-size:cover;
}
.cta-six{
    background:url(../images/cta-bg6.jpg) no-repeat left top #e7f0f2;
    background-size:cover;
}
.cta-left{
    float:left;
    width:65%;
    padding:0 10px;
}
.cta-rgt{
    float:right;
    width:65%;
    padding:0 10px;
}
.cta-seal{display:inline-block; vertical-align:middle; margin-top:30px;}
.cta-heading{
    float:left;
    width:100%;
    color:#363645;
    font-size:38px;
    font-family: 'Univers';
    letter-spacing: -1px;
}
.cta-heading span{
    color:#f36e2a;
}
.cta-heading span sup{font-size:15px;}
.cta-para{
    float:left;
    width:100%;
    color:#000000;
    font-size:19px;
    line-height:30px;
    font-family: 'Univers';
    margin-top:5px;
    padding:0 10px;
}
a.cta-btn{display:inline-block; margin-top:20px;}


/*-------------------------------
CSS FOR SECTION ONE
-------------------------------*/
.s1-para{
    margin-top:50px;
    padding:0 100px;
}
.s1-mid-img{
    display:inline-block;
    margin-top:40px;
}
ul.s1-list{
    float:left;
    width:100%;
    padding:0 70px;
    margin-top:30px;
}
ul.s1-list li{
    float:left;
    width:20%;
}
ul.s1-list li p{
    float:left;
    width:100%;
    color:#9c9086;
    font-size:20px;
    line-height:26px;
    margin-top:10px;
}
ul.s1-list li p span{
    color:#657684;
    font-family: 'Univers';
    text-transform:uppercase;
}

/*-------------------------------
CSS FOR SECTION TWO
-------------------------------*/
.testomoial-box{
    float:left;
    width:31.7%;
    margin-top:60px;
}
.testomoial-box.mid{margin-left:2.45%; margin-right:2.45%;}
.toggle-testimonial{
    float:left;
    width:100%;
}
.toggle-testimonial .testomoial-box{
    display:inline-block;
    float:none;
    margin-left:15px;
    margin-right:15px;
}
.t-profile{
    max-width:100%;
    margin-top:-160px;
}
.t-content-box{
    float:left;
    width:100%;
    background:#f9f9f9;
    border:1px solid #dbdbdb;
    padding:25px 0;
    height:490px;
    position:relative;
    margin-top:160px;
}
.t-content-box p{
    float:left;
    width:100%;
}
.t-title{
    color:#f36e2a;
    font-size:24px;
    line-height:28px;
    font-weight: bold;
}
.t-desc{
    color:#505050;
    font-size:20px;
    line-height:30px;
    margin-top:20px;
    padding:0 20px;
}
.star-icon{
    margin-top:25px;
    color:#657684;
    font-size:20px;
    line-height:24px;
    position:absolute;
    bottom:25px;
    left:0;
}
.t-btm-txt{
    float:left;
    width:100%;
    color:#989898;
    font-size:14px;
    font-weight:300;
    padding:0 140px;
    margin-top:20px;
}
.viewmore{
    display:inline-block;
    margin-top:40px;
}

/*-------------------------------
CSS FOR SECTION THREE
-------------------------------*/
.section-three{
    background:#fbfbfb;
}
.s3-para{
    margin-top:50px;
    padding:0 100px;
}
.s3-content{
    float:left;
    width:100%;
    padding:0 100px;
    margin-top:70px;
}
.s3-img-left{
    float:left;
    width:52%;
}
.s3-rgt{
    float:right;
    width:43%;
    text-align:left;
}
.s3-rgt h4{
    float:left;
    width:100%;
    color:#f36e2a;
    font-size:24px;
    font-family: 'Univers';
    text-transform:uppercase;
    margin-top:30px;
}
.devider-s3{
    float:left;
    width:100%;
    height:2px;
    border-bottom:3px dotted #2f98c8;
    margin-top:40px;
}
.s3-rgt p{
    float:left;
    width:100%;
    color:#9c9086;
    font-size:20px;
}
.s3-content ul{
    float:left;
    width:100%;
    margin-top:70px;
}
.s3-content ul li{
    float:left;
    width:25%;
    text-align:center;
    position:relative;
}
.s3-content ul li p{
    float:left;
    width:100%;
    color:#9c9086;
    font-size:20px;
    line-height:24px;
    margin-top:10px;
}
.s3-content ul li p span{
    color:#657684;
    text-transform:uppercase;
    font-family: 'Univers';
}
.s3-content ul li:after{
    position:absolute;
    right:0;
    content:'';
    width:7px;
    height:113px;
    background:url(../images/s3-icon-devider.png) no-repeat center center;
}
.s3-content ul li:last-child:after{ display:none;}
/*-------------------------------
CSS FOR SECTION FOUR
-------------------------------*/
.s4-para{
    margin-top:50px;
    padding:0 80px;
}
.s4-txt2{
    float:left;
    width:100%;
    color:#000;
    font-size:24px;
    font-family: 'Univers';
    margin-top:30px;
}
.s4-box-element{
    float:left;
    width:32%;
    margin-top:40px;
    position:relative;
    padding-left:130px;
    min-height:115px;
    text-align:left;
}
.s4-box-element img{
    position:absolute;
    left:0;
    text-align:left;
}
.s4-box-element p{
    float:left;
    width:100%;
    color:#657684;
    font-size:20px;
    text-transform:uppercase;
    font-family: 'Univers';
}
.s4-box-element p span{ color:#f36e2a; font-size:24px;}
.s4-box-element ul{
    float:left;
    width:100%;
}
.s4-box-element ul li{
    float:left;
    width:100%;
    color:#505050;
    font-size:20px;
    line-height:24px;
    padding-left:24px;
    background:url(../images/s4-tik.png) no-repeat left 4px;
    margin:5px 0 0 0;
}
.s4-box-element.mid-box{
    margin-left:2%;
    margin-right:2%;
}
.s4-btm-box{
    float:left;
    width:100%;
    margin-top:70px;
    padding:0 100px;
}
.s4-btm-box img{display:inline-block;}
.s4-subheading{
    float:left;
    width:100%;
    color:#fb8b51;
    font-size:30px;
    text-transform:uppercase;
    font-family: 'Univers';
    margin:15px 0;
}
/*-------------------------------
CSS FOR SECTION FIVE
-------------------------------*/
.s5-para-top{
    margin-top:50px;
    padding:0 100px;
}
.s5-content{
    float:left;
    width:100%;
    margin-top:50px;
    padding:0 40px;
}
.s5-left{
    float:left;
    width:46%;
}
.s5-rgt{
    float:left;
    width:54%;
}
.s5-left p{
    float:left;
    width:100%;
    color:#505050;
    font-size:17px;
    line-height:24px;
    font-family: 'Gotham_Rounded_Med';
    margin-top:20px;
}
.s5-left img{display:inline-block; max-width:100%;}
.s5-rgt p{
    float:left;
    width:100%;
    text-align:left;
    float: left;
    width: 100%;
    color: #505050;
    font-size: 20px;
    line-height: 35px;
    padding-left:40px;
}
.s5-rgt p span{ color:#fb8b51;}
.s5-rgt p img{float:right; margin:20px 0 0 40px;}


/*-------------------------------
CSS FOR SECTION SIX || FAQ
-------------------------------*/
.faq-container{
    float:left;
    width:100%;
    padding:0 80px;
    margin-top:50px;
}
.accordion{
    float:left;
    width:100%;
    border:1px solid #ebebeb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color:#657684;
    font-size:20px;
    font-family: 'Univers';
    text-align:left;
    padding:18px 18px 18px 60px;
    margin-top:10px;
    cursor:pointer;
    background:url(../images/acrd-close.png) no-repeat 25px center #f5f5f5;
}
.accordion.accordion-open{background:url(../images/acrdn-open.png) no-repeat 25px center #f5f5f5;}
.acdn-content{
    float:left;
    width:100%;
    border:1px solid #ebebeb;
    padding:25px;
    border-top:none;
    margin-top:-2px;
    text-align:left;
}
.acrdn-img{
    float:left;
    width:100%;
    margin-top:30px;
}
/*-------------------------------
CSS FOR FOOTER
-------------------------------*/	
.footer{
    float:left;
    width:100%;
    padding:50px 0;
}
.footer img{display:inline-block; max-width:80%;}
.footer p{
    float:left;
    width:100%;
    color:#505050;
    font-size:14px;
    line-height:30px;
}
.footer p a{display:inline-block; color:#505050; margin:0 10px;}


/*-------------------------------
CSS FOR MEDIA QUERY
-------------------------------*/	
@media only screen and (max-width:1180px){
    .container{width:1004px;}
    .logo-main{width:180px; margin:10px 0 0 0;}
    ul.top-menu li{margin-left:20px;}
    ul.top-menu li img{width:150px; margin-top:-7px;}
    ul.top-menu li a{font-size:13px;}

    .banner-content{width:60%; margin:80px 0 0 0;}
    .banner-prod-img{right:0; top:280px; width:430px;}

    .s1-para, .s3-para, .s4-para{padding:0 50px;}
    .s5-para-top{padding:0 30px;}
    ul.s1-list{padding:0 30px;}

    .s3-content{padding:0 50px;}

    .t-content-box{height:470px;}
    .s4-btm-box{padding:0 50px;}
    .faq-container{padding:0 50px;}

    .s5-rgt p{padding-left:20px;}

    .cta-section{height:380px;}
    .cta-heading{font-size:30px;}
    .cta-para{font-size:18px; line-height:24px;}
    .cta-para{padding:0;}
    .cta-one, .cta-five{background-attachment:scroll; background-position:right top;}
    .cta-two{background-attachment:scroll; background-position:-100px top;}
    .cta-three{background-attachment:scroll; background-position:right -50px;}
    .cta-four, .cta-six{background-attachment:scroll; background-position:left top;}
}


@media only screen and (max-width:1010px){
    .container{width:750px;}

    .header, .header-gap{height:80px;}
    .logo-main{width:150px; margin:4px 0 0 0;}
    ul.top-menu{display:none;}
    .light-menu{display:block;}
    .mob-mnu{position:fixed; top:20px; right:10px; z-index:999;}


    .banner{background:url(../images/banner-bg-tab.jpg) no-repeat right top;}
    .banner-content{margin:60px 0 0 0; width:66%;}
    .bnr-txt1{font-size:40px; line-height:44px;}
    .bnr-txt2{font-size:40px; line-height:44px; margin-top:5px;}
    .bnr-txt2:before{width: 490px; margin-left: -245px;}
    .banner-prod-img{top: 395px; width: 320px;}
    .bnr-btn{margin-top:60px;}

    .bnr-strip ul li:nth-child(1), .bnr-strip ul li:nth-child(2), .bnr-strip ul li:nth-child(3){padding-left:0; width:33.33%; padding:0 10px; text-align:center;}
    .bnr-strip ul li img{position:static; display:inline-block;}
    .bnr-strip ul li p{text-align:center; font-size:16px; line-height:20px;}
    .bnr-strip ul li p span{font-size:22px;} 

    .section-all{padding:60px 0;}
    .s1-para, .s3-para, .s4-para, .s5-para-top{padding:0; margin-top:30px;}
    .section_para{font-size:18px; line-height:30px;}

    .s1-mid-img{width:100%;}
    ul.s1-list{padding:0;}
    ul.s1-list li p{font-size:18px; line-height:22px; letter-spacing:-0.5px;}

    .t-content-box{height:430px;}
    .testomoial-box{margin-top:30px;}
    .t-title{font-size:22px; line-height:26px;}
    .t-desc{font-size:18px; line-height:26px; padding:0 5px;}
    .t-btm-txt{padding:0 30px;}

    .s3-content{padding:0;}
    .s3-rgt h4{margin-top:0;}
    .devider-s3{margin:20px 0;}

    .s4-box-element{padding-left:0; text-align:center;}
    .s4-box-element img{position:static;}
    .s4-btm-box{padding:0;}
    .s4-box-element ul{padding-left:15px;}
    .s4-box-element ul li{text-align:left;}

    .s5-content{padding:0;}
    .s5-rgt p{font-size:17px; line-height:26px;}
    .s5-rgt p img {margin: -10px 0 0 10px; width:180px;}

    .faq-container{padding:0 20px;}

    .cta-left, .cta-rgt{width:70%;}
    .cta-heading{font-size:26px;}
    .cta-seal{margin-top:25px;}
    .cta-three{background-position:right top;}
}


@media only screen and (max-width:767px){
    .container{width:100%; max-width:640px; padding:0 10px;}

    .for-desk{display:none!important;}
    .for-mob{display:block;}

    .phone-n-mob{position:absolute; right:50px; width:150px; top:15px;}

    a.cta-btn.hide-mob{display:none;}
    .hide-mob{display:none;}
    .logo-main{width:115px;}
    .header, .header-gap{height:60px;}

    .banner{background:#fff; height:auto; padding-bottom:20px;}
    .banner-content{margin:20px 0 0 0; width:100%;}
    .bnr-txt1{font-size:28px; line-height:34px;}
    .bnr-txt2{font-size:28px; line-height:34px; margin-top:5px; overflow:hidden;}
    .bnr-txt2:before{width: 490px; margin-left: -245px;}
    .bnrtxt3{line-height:24px;}
    .banner-img-mob{float:left; width:100%;}
    .bnr-btn{margin-top:20px;}
    ul.brn-list{padding:0; margin-top:10px;}
    ul.brn-list li p, ul.brn-list li p span{font-size:16px; line-height:18px;}
    ul.brn-list li img{width:50px;}

    .bnr-strip{padding:0 0 20px 0;}
    .bnr-strip ul li{width:100%!important; margin-top:20px;}

    .section-all{padding:40px 0;}
    .s1-para, .s3-para, .s4-para, .s5-para-top{margin-top:20px;}
    .section-heading img{ max-width:100%; margin-top:20px;}
    .section-heading h3{font-size:32px; line-height:33px;}
    .section-heading h3 sup{font-size:16px;}
    .section-heading p{line-height:30px;}

    .cta-section{height:auto; padding-bottom:30px;}
    .cta-one, .cta-two, .cta-three, .cta-four, .cta-five, .cta-six{ background:#e8f0f3;}
    .cta-left, .cta-rgt{width:100%;}
    .cta-mob-img{float:left; width:100%;}
    .cta-no-padding{padding:0;}

    ul.s1-list{margin-top:0;}
    ul.s1-list li{width:48%; float:none; display:inline-block; vertical-align:top; margin-top:25px;}
    ul.s1-list li p{margin-top:0;}
    ul.s1-list li img{width:60px;}

    .testomoial-box{width:100%; height:auto;}
    .t-content-box{height:auto;}
    .t-content-box p{position:static;}
    .t-btm-txt{padding:0;}
    .testomoial-box.mid, .toggle-testimonial .testomoial-box{margin-left:0; margin-right:0;}

    .s3-content{margin-top:30px;}
    .s3-img-left{width:100%;}
    .s3-rgt{width:100%; margin-top:20px; text-align:center;}
    .s3-content ul{margin-top:20px;}
    .s3-content ul li{width:50%; margin-top:30px;}
    .s3-content ul li img{width:60px;}
    .s3-content ul li:nth-child(2):after{display:none;}
    .s3-content ul li p{margin-top:0;}

    .s4-box-element{width:100%;}
    .s4-btm-box img{ max-width:100%;}
    .s4-box-element img{width:100px;}
    .s4-box-element ul{padding-left:30px;}

    .s5-left{width:100%;}
    .s5-rgt{width:100%; margin-top:30px;}
    .s5-rgt p{padding-left:0;}

    .faq-container{padding:0; margin-top:30px;}
    .acdn-content{padding:15px;}

    .footer{padding:25px 0;}
    .footer p a {margin:0 3px;}
    .footer img{width:100px;}

    .for-mob-cta{display:inline-block;}
    #call-btn {
        float: left;
        width: 100%;
        padding: 10px 0 4px 0;
        position: fixed;
        bottom: 0%;
        left: auto;
        z-index: 10;
        transition: bottom 1s;
        display: table;
        background:#f9f6f4;
        border-top: 1px solid #e6e6d6;
    }

}