body{font-family: 'Asap', sans-serif;margin:0;padding:0;color:#2a2a2a;background:#fff;width:100%;height:auto;overflow-x:hidden}ul{list-style-type:none;margin:0;padding:0}a:hover{text-decoration:none}.header-area{width:100%;position: relative;display: block;width: 100%;top: 0;left: 0;}.header-top{background: rgb(8 8 8 / 28%);width:100%;display:block;margin:0;padding: 0;z-index:9999;position:relative;border-bottom: 0;}.about-img-box img{width:100%;max-width:100%}.header-top-info{text-align:left;display:block}.header-top-info span{font-size:13px;font-weight:600;color:#fff;line-height:27px}.info_ri{text-align:right;display:block}.info-list{margin:0;padding:0;list-style-type:none}.info-list li{display:inline-block;margin-left: 12px;}.info-list li a{color: #FFF;font-size: 15px;font-weight: 400;line-height:27px;margin-left: 0;font: 400 14px/38px "Open Sans", sans-serif;}.info-list li a i{margin-right:5px;color: #28aae1;}.pad-0{padding:0}@media (min-width:768px){.navbar{border-radius:0}ul.nav li.dropdown:hover>ul.dropdown-menu{display:block;padding: 15px 0px;}}.navbar{min-height:auto;margin-bottom:0;border:0 solid transparent;background: #ffffffe3;z-index:9999;box-shadow: none;position:relative;}.navbar-brand{height:auto;padding: 16px 0;}.navbar-brand h1{margin:0;padding: 0;font-size: 22px;color: #FFF;font-weight: 500;}.navbar-brand h1 img{display:block;width: 100%;max-width:100%;}.navbar-nav>li>a{line-height:20px;font-size: 16px;font-weight: 600;padding: 35px 12px;color: #000;text-transform: uppercase;letter-spacing: 0.3px;}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color: transparent;color: #28aae1;}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color: transparent;border-color:transparent;}.navbar-nav>li>.dropdown-menu{padding:0;border:0}.dropdown-menu>li>a{padding: 10px 20px;line-height:20px;font-size: 15px;font-weight: 500;background: #FFF;color: #000;letter-spacing: 0.3px;text-transform: uppercase;}.dropdown-menu{min-width:200px}.slider_dots .owl-dots{ display: none; position:absolute;bottom:20px;left:50%;transform:translate(-50%,0);top:auto}.slider_dots.owl-theme .owl-dots .owl-dot span{background: #716b6b;width:10px;height:10px;border:0;}.slider_dots.owl-theme .owl-dots .owl-dot.active span{background:#000;width:20px;border:0}.content_middle{position:absolute;left: 36%;top: 60%;transform:translate(-50%,-50%);z-index:99;background: transparent;border-radius:4px;padding: 0;text-align: left;width: 50%;}.content_middle h3{font-size: 34px;line-height: 54px;font-weight: 600;color: #FFF;text-transform:unset;margin: 0 0 20px 0;z-index: 9999;position: relative;font-family: 'Asap', sans-serif;text-align: left;text-shadow: 0px 5px 10px #00000069;}.content_middle p{font-size: 18px;font-weight: 500;color: #FFF;line-height: 30px;margin: 0 0 20px 0;text-align: left;}.btn_btn{background: #28aae1;display:inline-block;color:#fff;padding: 8px 30px;font-size: 16px;font-weight: 500;border:0;line-height: 24px;border-radius: 5px;text-transform:capitalize;cursor:pointer;margin:0 0 15px 0;font-family: 'Asap', sans-serif;letter-spacing: 0;}.btn_btn:focus,.btn_btn:hover{color: #FFF;background: #0fb94d;}.btn_btn span{font-size:13px;line-height:24px;margin-top:-4px}.navbar-toggle{border: 1px solid #28aae1;margin:28px 10px;}.navbar-toggle .icon-bar{background: #28aae1;}.footer-area{background: #0f0f0f;width:100%;display:block;clear:both;position:relative;padding: 60px 0 0px 0;}.footer-shared p{font-size:14px;font-weight:400;color:#fff;line-height:24px}.footer-shared .footer-link{margin:0 0 15px 0;padding:0;list-style-type:circle;list-style-position:inside}.footer-link li{width:100%;color:#fff;list-style-type:none}.footer-link li a{display:inline-block;color: #686868;font-size: 15px;font-weight: 400;margin: 0 0 12px 0;padding:0;position:relative;}.footer-address-links li a:hover,.footer-link li a:hover{color:#f1f1f1}.footer-shared h3{font-size: 20px;font-weight: 500;color: #d1d4d7;text-transform: unset;margin:0 0 15px 0;padding-bottom:10px;font-family: 'Asap', sans-serif;letter-spacing: 0.5px;position: relative;}.footer-address-links li{width:100%;color:#fff}.footer-address-links li a i{margin-right:8px;width:30px;height:30px;background: transparent;text-align:center;line-height: 29px;font-size: 14px;border-radius:50%;border: 1px solid #686868;color: #686868;}.footer-address-links li a{display:inline-block;color: #686868;font-size:14px;font-weight: 400;margin: 0 0 12px 0;padding:0;line-height:26px;text-transform: unset;}.footer-shared p.copy__desc{font-size:13px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background: #28aae1;color:#fff;}.commondiv{width:100%;display:block;padding: 60px 0;border:0;box-shadow:none;position: relative;overflow: hidden;}.whitebg{background:#fff}.blue_box{background:#000}.offwhite{background:#fbfbfb}.heading{display:block;width:100%;position:relative}.heading h3{font-size: 30px;font-weight: 600;color:#2a2a2a;line-height:45px;margin: 0 0 30px 0;position:relative;padding-bottom: 25px;font-family: 'Asap', sans-serif;letter-spacing: 0.5px;}.heading h3:before{content:'';background:#000;height:2px;width:50px;position:absolute;bottom:0;left:50%;transform:translate(-50%,0)}.servicebox{
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    position:relative;
    text-align: center;
    margin: 0 0 30px 0;
    display:block;
    width:100%;
    height: auto;
    box-shadow: burlywood;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    min-height: 168px;
    }a{cursor: pointer;  }.servicebox h3{padding: 0;color: #000;display:block;font-size:16px;font-weight: 700;margin: 0 0 10px 0;width: 100%;text-transform: uppercase;}.servicebox img{max-width:100%;width: 60px;height: auto;border-radius: 0;margin: auto auto 20px auto;}.about_us h3{margin:0 0 15px 0;line-height: 40px;font-size: 30px;font-weight: 700;color: #000;display:block;text-transform: capitalize;font-family: 'Asap', sans-serif;letter-spacing: 0.5px;}.about_us p{font-size: 16px;line-height:24px;color:#2a2a2a;font-weight: 500;margin:0 0 15px 0;line-height: 28px;}.img_responsive{max-width:100%;display:block;width:100%;height:auto;border-radius:4px}.bx_v{text-align:center;display:block;width:100%;margin:0 0 15px 0;padding:0 30px}.bx_v h4{font-size:18px;font-weight:600;color:#fff;letter-spacing:.3px;margin:0 0 10px 0;display:block}.bx_v p{font-size:14px;color:#fffFFFFF;line-height:22px;font-weight:500;margin:0}.bx_v i{background:#075a84;width:50px;height:50px;border-radius:50%;color:#fff;line-height:50px;font-size:24px;text-align:center;margin:0 0 15px 0}.funfact-area{background-color:#075a84;padding-top:12px;padding-bottom:12px;color:#fff;position:relative;z-index:1;overflow:hidden}.funfact-area .fun-get-text{padding-top:0;margin-top:0;position:relative}.funfact-area .fun-get-text p{font-size:18px;color:#fff;font-weight:600;margin:0}.funfact-area .fun-get-text a{margin:0}.box_why{background:#fff;box-shadow:0 0 15px #00000017;padding:20px;margin:0 0 15px 0;display:block;width:100%;text-align:center;border-radius:4px}.box_why i{width:50px;height:50px;display:block;background: #000;color:#fff;text-align:center;line-height:50px;font-size:22px;border-radius:50%;margin:auto auto 15px auto;}.box_why h3{margin:0 0 15px 0;font-size:18px;font-weight:600;text-transform:capitalize}.box_why p{font-size:14px;line-height:22px;font-weight:400;margin:0}.questionanswer{display:block;width:100%;clear:both;box-shadow: 0 0 15px #00000014;margin:0;padding:30px;border:2px solid #ccc;position:relative;height:64vh;}.questionanswer.height{height:auto;background: #e6e8eea1;margin-bottom: 30px;}.questionanswer h3{font-size:18px;font-weight:600;color:#233d63;text-transform:capitalize;margin:0 0 12px 0;display:block;clear:both;position:relative;text-align:left;border-bottom:1px solid #ececec;padding-bottom:10px}.questionanswer h4{font-size:18px;font-weight:500;color:#333;margin:0 0 15px 0}.questionanswer label.label-cus{display:-webkit-box;font-weight:500;background:#f1f1f19e;padding:4px 8px;font-size:14px;margin:0 0 5px 0}.questionanswer input[type=radio]{margin-right:6px}.questionanswer .nextbtn{background:#000;color:#fff;text-transform:capitalize;text-align:center;cursor:pointer;border:0;padding:6px 16px 7px 16px;display:inline-block;border-radius:4px;font-size:14px;font-weight:600;line-height:20px;margin-top:4px}.questionanswer .nextbtn:focus,.questionanswer .nextbtn:hover{background-color:#233d63;color:#fff;text-decoration:none}.form-control{height:auto;line-height:inherit;padding:6px 15px;font-size:14px;border-radius: 0;color:#233d63;border:1px solid #ddd;font-weight:500;resize:none;-webkit-box-shadow:0 0 10px rgba(82,85,90,.1);-moz-box-shadow:0 0 10px rgba(82,85,90,.1);box-shadow:0 0 10px rgba(82,85,90,.1);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}.mainslider_js.owl-carousel .owl-item img{width:100%;height: 100vh;object-fit:cover;object-position:center;}.breadcrumb-area:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#2a2a2aab;opacity:.9;z-index:-1}.breadcrumb-area{background-color:#f7fafd;height: 400px;display:-webkit-flex;display:-ms-flex;display:flex;-ms-flex-align:center;align-items:center;position:relative;text-align:center;z-index:2;color:#fff;background-image:url(../images/breadcrumb-bg.jpg);background-size: cover !important;background-position: center !important;}.breadcrumb-content h2{font-size: 50px;text-transform:capitalize;font-weight: 500;color:#fff;margin: 50px 0 15px 0;position:absolute;left:50%;font-family: 'Asap', sans-serif;top:50%;transform:translate(-50%,-50%);}.breadcrumb-content .breadcrumb__list{margin-top: 0;text-align:left;}.breadcrumb-content .breadcrumb__list li{display:inline-block;text-transform:capitalize;color:#f7fafd;font-size:14px;font-weight: 400;position:relative;padding-right:22px;}.breadcrumb-content .breadcrumb__list li:last-child{padding-right:0;color: #f1f1f1;}.breadcrumb-content .breadcrumb__list li a{color: #FFF;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}.breadcrumb-content .breadcrumb__list li.active__list-item:after{position:absolute;content:'.';top:-8px;right:0;padding:0 6px;font-size:20px}.serice-item{background:#fff;width:100%;display:block;position:relative}.heading.left h3:before{left:0;transform:none}.serice-item p{font-size:15px;line-height:24px;font-weight:500;color:#2a2a2a;text-align:justify}.list_inline{width:100%;float:left;clear:both;list-style-type:none;position:relative}.list_inline li p{font-size:15px;font-weight:500;position:relative;background:#fff;padding:10px 10px 10px 30px;margin:0 0 15px 0;border-radius:4px;box-shadow:0 0 15px #0000000d}.list_inline li p:before{content:"\f00c";font-family:FontAwesome;position:absolute;left:8px;top:11px;font-size:14px;color:#036ea2}.questionanswer.height h3{color: #000;border-bottom: 1px solid #cccccc;}.questionanswer.height label{color: #000;font-weight: 600;}.questionanswer.height .nextbtn{background: #6182a5;}.questionanswer.height .nextbtn:hover{background: #e8941c;}.questionanswer.boxshadow{height:auto;box-shadow:0 0 10px rgba(82,85,90,.23);border:0}.questionanswer.boxshadow h3{text-align:center}.letstalk{position:absolute;right:0;top:40%;position:fixed;z-index:99}.btn_btn.m0{margin:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:9999}.map-address-box{}.map-address-box .map-address{margin-top:24px}.map-address-box .map-address li{position:relative;padding-left: 70px;margin-bottom:20px;padding-right: 30px;padding-bottom: 10px;border-bottom: 1px solid #f1f1f1;}.map-address-box .map-address li i{font-size: 24px;position:absolute;left:0;top:0;color: #FFF;width: 50px;height: 50px;text-align:center;line-height: 50px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color: rgb(54 71 89);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.map-address-box .map-address li h5{font-size: 16px !important;text-transform:capitalize;font-weight:600;margin:0 0 8px 0;font-size:15px;font-weight:600;}.map-address-box .map-address li p{color:#2a2a2a;font-size:14px;font-weight:500;line-height: 24px;margin:0 0 10px 0;}.contact-form-action form .form-group .form-control{height: 50px;line-height:inherit;padding:8px 15px;margin-bottom: 15px;font-size:14px;color:#231f20;border: 1px solid #f1f1f1;font-weight: 400;resize:none;-webkit-box-shadow:0 0 40px rgba(82,85,90,.1);-moz-box-shadow:0 0 40px rgba(82,85,90,.1);box-shadow: 1px 7px 15px rgb(82 85 90 / 10%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}.contact-form-action form .form-group .label-text{font-size:14px;color:#231f20;font-weight:600;text-transform:capitalize}.serice-item h5{font-size:18px;font-weight:600;color:#2a2a2a;display:block;margin:0 0 15px 0}.pdftop30{padding-top:0!important}.serviceslist{margin:0 0 15px 0;display:block}.serviceslist li{list-style-position:inside;list-style-type:circle;font-size:15px;font-weight:600;color:#2a2a2a;margin-bottom:5px}.navbar.affix{top:0;position:fixed;width:100%;left:0;position:fixed;z-index:999;background: #FFF;box-shadow: 0 0 10px #0000002e;}.navbar-nav>li>a.phonenumber{padding:10px 0;margin-left:20px}.contactinfo{display:block;position:relative}.contactinfo i{position:absolute;left:0;top:10px;font-size:30px}.details_contact{font-size:18px;font-weight:600;display:block;padding-left:34px}.details_contact span{font-size:12px;display:block}.navbar-nav>li>a.blinking{animation:blinkingText .8s infinite}@keyframes blinkingText{0%{color:#000}49%{color:#000}50%{color:#000}99%{color:#000}100%{color:#000}}.box_why:hover{box-shadow:none;background:0 0}.footer-link li a:after{position:absolute;right:0;bottom:0;content:'';width:0%;height:1px;background:#fff;-webkit-transition:all .4s cubic-bezier(.42,0,.58,1);transition:all .4s cubic-bezier(.42,0,.58,1)}.footer-link li a:hover:after{left:0;right:auto;width:100%}.copy__desc{padding: 30px 0;background: #0f0f0f;border-top: 1px solid #3a3a3a;display:block;width:100%;text-align:center;color: #686868;margin:0;font-size: 15px;font-weight:400;margin-top:20px;}.scrollup i{color:#fff}.scrollup{width:40px;height:40px;position:fixed;bottom:50px;right:50px;display:none;text-indent:-9999px;background-color:#000}.info-list li.nonedeskto, .affix-top .fg, .affix .fg{ display: none; }
.info-list select:hover{ outline: none; }
.info-list select{
    display: inline-block;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 14px;
    width: 80px;
    background: #FFF;
    border: 0;
    color: #000;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.hegtbg.servicebox img{ height: 300px; }

.servicebox_inner{
    width: 100%;
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 15px;
    background: #FFF;
    box-shadow: 0px 2px 15px #00000029;
}
.servicebox_inner img{
    width: 100%;
    border-radius: 4px;
    height: 220px;
    object-position: center;
    object-fit: cover;
}
.servicebox_inner .content_inner{
    padding: 10px 6px;
    background: #FFF;
    text-align: center;
    border-radius: 0 0 4px 4px;
}
.servicebox_inner .content_inner h3{
    margin: 0 0 15px 0;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}
.servicebox_inner .content_inner span{
    margin: 0;
    padding: 4px 30px;
    font-size: 13px;
    line-height: 23px;
}
.servicebox_inner:hover .content_inner span, .servicebox_inner:focus .content_inner span{ background: #e8941c; }

.addmore{    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 15px;
    display: block;
    text-decoration: underline;}

    .navbar-nav>li>a.phonenumber {
    padding: 10px 25px;
    background: #000;
    color: #fff;
    text-align: center;
    margin: 16px 0 16px 16px;
    border-radius: 10px;
}
.contactinfo {
    display: block;
    position: relative;
    text-align: center;
}
.details_contact {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 0;
}

.bgdiv{background: url('../images/bg-patern.jpg');background-repeat: repeat;}
.servicebox p{
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 400;
    color: #000;
    margin: 0;
}




.sortlis li{ float: left; width: 49%; }

.solidcolour {
    text-align: center;
    width: 100%;
    background: url(../images/bg_img.jpg);
    display: block;
    background-size: cover;
    padding: 150px 0 100px 0;
    position: relative;
}
.solidcolour:before {
    content: '';
}.box_why:hover {
    box-shadow: none;
    background: #fff;
}
.solidcolour h3 {
    margin: 0 0 30px 0;
    font-size: 30px;
    color: #fff;
    text-transform: capitalize;
    line-height: 34px;
    font-weight: 600;
    z-index: 9;
}

.bg-vlack {
    background: url(../images/bg-6.png) #3a3a3a;
    height: auto;
    width: 100%;
    z-index: 9;
    height: 300px;
    position: absolute;
    z-index: 0;
}
.box_why {
    box-shadow: 0 0 15px #00000017;
    min-height: 256px;
    background: #f6f7f8;
    padding: 20px;
    margin: 20px 0 15px 0;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
    z-index: 99;
    border-top: 0;
    position: relative;
}
.box_why:before {
    position: absolute;
    background: linear-gradient(
135.4deg
,#000 0,#5c768d 100%);
    content: '';
    width: 90%;
    left: 50%;
    top: -12px;
    height: 12px;
    transform: translateX(-50%);
}
.box_why img {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto auto 30px 0;
}
.box_why h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.box_why p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
}

.servicebox .nothover{ display: block; }
.servicebox:hover .nothover{ display: none; }
.servicebox:hover .onhover{ display: block; }
.servicebox .onhover{ display: none; }
.servicebox:hover{    -webkit-box-shadow: 0 16px 18px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 16px 18px 0 rgb(0 0 0 / 15%);    -webkit-transform: translateY(10px);
    transform: translateY(10px);    -webkit-transition: .3s ease-out;
    transition: .3s ease-out; background: #000;  color: #FFF;}
.servicebox:hover h3{   color: #FFF;}
.box_why:hover:before {
    width: 100%;
    left: 0;
    transform: none;
    top: 0;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
 .fixedfooter{
    position: fixed;
    bottom: 0px;
    padding: 10px 0px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #000;
    text-align: center;
}
    .f_ox{}
    .f_ox i{
    display: block;
    font-size: 20px;
    margin: 0 0 6px 0;
    color: #FFF;
}
    .f_ox:hover, .f_ox:focus{ color: #FFF; }
    .f_ox{
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
}
    .f_ox:hover i{color: #FFF;}

    .solidcolour p{    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    margin: 0;
    line-height: 28px;
    margin: auto;
    width: 90%;}
    .solidcolour .line{    display: block;
    background: #FFF;
    width: 80px;
    height: 2px;
    margin: auto;
    margin-bottom: 30px;}

    .bottom-four-icon-section {
    padding: 40px 0;
    border-top: 1px solid #d6d7d9;
    font-size: 15px;
}

.media{
    display: block;
}
.media .media-left{}
.media .media-left img{}
.media .media-body{
    vertical-align: middle;
    width: 75%;
}

.bottom-four-icon-section .col:last-child{ border:none; }
.bottom-four-icon-section .col {
    border-right: 1px solid #d6d7d9;
}

.lis_cont{
    list-style-position: inside;
    position: relative;
    margin: 0 0 15px 0;
}
.lis_cont li{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    margin: 0 0 6px 0;
    position: relative;
    padding-left: 24px;
    list-style-position: inside;
}
.lis_cont li:before{content: "\f00c";font-family: FontAwesome;position: absolute;left: 0;top: 0px;color: #28aae1;}
.about_us p.callus{
    font-size: 18px;
    font-weight: 600;
    color: #5c768d;
    display: block;
}
.about_us p.callus span{}
.about_us p.callus a{
    color: #040404;
    margin-left: 10px;
}
.about_us h3 span{    font-size: 16px;
    display: block;
    color: #5c768d;
    font-weight: 600;
    margin-bottom: 10px;}

    .aboutysimage{ position: relative; }
    .aboutysimage span{position: absolute;top: 50%;right: 0;transform: translate(0%, -50%);background: #5c768d;padding: 20px;font-size: 20px;color: #FFF;font-weight: 600;width: 200px;text-align: center;border-radius: 15px;}
    .aboutysimage img{ width: 100%; max-width:100%; }

    .grey-bg {
    background-color: #f3f3f3;
}

.section-head-content p{font-size: 16px;font-weight: 500;color: #000;line-height: 26px;margin: 0 0 40px 0;}
.why-us-section .info-div {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    max-width: 255px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #f1f1f1;
}
.why-us-section .info-div .icon-div {
    margin-bottom: 10px;
}
.why-us-section .info-div .icon-div img {
    width: 80px;
    height: auto;
}
.why-us-section .info-div h4 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}
.why-us-section .info-div .detail {
    min-height: 80px;
    font-size: 14px;
    font-weight: 500;
    color: #58595b;
}

.leftcontent{
    padding: 60px;
    display: block;
    margin: 0;
}
.leftcontent h3{
    margin: 0 0 15px 0;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    font-family: 'Asap', sans-serif;
    letter-spacing: 1px;
}
.leftcontent p{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 15px 0;
    color: #484848;
    text-align: justify;
}
.leftalgin{
    text-align: center;
}
.rgtalgin{
    text-align: center;
    border-left: 1px solid #dedede;
}

.whitearea:before{content: '';position: absolute;left: 0px;top: 0px;background-color: #FFF;width: 42%;height: 100%;}

.sec-heading h3, .contact-form-action h3{
    margin: 0 0 30px 0;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.map-address-box .map-address li:last-child{ border-bottom: 0px; }

.tm-all-post-list{
    position: relative;
    padding: 0px 20px 20px 20px;
    display: block;
    box-shadow: none;
    border: 0;
    margin-bottom: 20px;
}
.tm-all-post-list li{
    display: block;
    position: relative;
    margin: 0 0 6px 0;
}
.tm-all-post-list li a{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #686a6f;
    transition: all 0.3s ease;
    width: 100%;
    padding: 6px 10px 6px 20px;
    position: relative;
    border: 0;
    margin-bottom: 0;
    letter-spacing: 0.3px;
}
.tm-all-post-list li a:before{content: "\f105";font-family: 'FontAwesome';position: absolute;width: 40px;height: 40px;display: inline-block;text-align: center;line-height: 40px;right: 0;top: 0;border-right: 0;background: transparent;color: #686a6f;}
.tm-all-post-list li a:hover{color: #000;background: #fff;transition: all 0.3s ease;border-radius: 6px;}
.tm-all-post-list li a:hover:before{color: #000;}

.services-inner{
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    background: #FFF;
}
.services-inner h3{
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    display: block;
    clear: both;
    position: relative;
}
.services-inner img.bigimg{
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 0 20px 0;
}
.services-inner img.smallimg{
    width: 100%;
    height: 250px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.services-inner p{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 15px 0;
}
.bg_slide:before{content: '';position: absolute;left: 0px;top: 0px;background: #28aae1;height: 100%;width: 100%;border-radius: 5px;z-index: 1;}
.bg_slide{background: url('../images/tire-change-3.jpg') no-repeat;background-size: cover;padding: 20px;position: relative;z-index: 9;border-radius: 5px;}
.bg_slide .content_i_n{
    position: relative;
    display: block;
    z-index: 99;
    border: 1px dotted #FFF;
    padding: 20px;
}
.bg_slide .content_i_n i.fa-user{
    color: #FFF;
    font-size: 40px;
    margin-bottom: 15px;
}
.bg_slide .content_i_n h3{
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
}
.bg_slide .content_i_n p{
    color: #FFF;
}
.bg_slide .content_i_n ul{}
.bg_slide .content_i_n ul li{
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #FFF;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #FFF;
}
.bg_slide .content_i_n ul li i{}
.bg_slide .content_i_n ul li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.services_l{}
.services_l li{}
.services_l li:before{}

.servie_box{width: 100%;display:block;padding: 30px;box-shadow: 0 0 15px #00000024;margin-bottom:30px;}


.upper_slider{
    margin-top: -140px;
    padding-bottom: 40px;
    background: #101010;
    background-image: url(../images/header-cover-image.png);
    width: 100%;
    background-repeat: repeat;
}
.bakerybox{margin-top: -120px;display: block;padding: 20px 20px 20px 20px;text-align: center;display: block;position: relative;color: #000;background: #28aae1;border-radius: 10px;margin-bottom: 15px;box-shadow: 0 0 15px #0000001f;}
.bakerybox span{
    font-family: 'Asap', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fFF;
    display: block;
    margin: 0 0 10px 0;
    letter-spacing: 0.3px;
}
.bakerybox p{
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
}
.bakerybox img{    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    width: 100px;
    margin: auto auto 10px auto;
    display: block;
    background: #FFFF;
}

.upper_slider .row{
    background: transparent;
    z-index: 99;
    position: relative;
    border-radius: 10px;
    color: #f1f1f1;
    }


    .bakerybox:hover img{    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}

    .bakerybox:hover, .bakerybox:focus{ text-decoration: none; }
    .wave-separator {
    height: 9px;
    width: 100%;
    background-color: transparent;
    background: url(../images/bg-header.png) repeat-x bottom;
    position: absolute;
    bottom: -9;
    z-index: 25;
}
.slider-area{position: relative; display: block; width: 100%;}
.dividecote{
    display: block;
    clear: both;
    position: relative;
    margin-top: 20px;
}
.dividecote img{
    width: 55px;
    margin: 0 0 15px 0;
}
.dividecote h5{    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 10px 0;
    display: block;
    clear: both;}
.dividecote p{
    margin: 0;
}

.mostpr{
    display: block;
    clear: both;
    position: relative;
    margin-bottom: 30px;
    background: #FFF;
    box-shadow: 1px 7px 16px 3px #00000012;
}

.mostpr img{
    width: 100%;
    height: 250px;
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.mostpr h3{
    font-size: 19px;
    font-weight: 600;
    color: #000;
    display: block;
    padding: 12px 0 12px 0;
    display: block;
    text-align: center;
    margin: 0;
}
.image_gallery{overflow: hidden;display: block;width: 100%;margin: 0 0 30px 0;position: relative;}
.image_gallery:hover:before {
    transform: scaleX(1);
}
.image_gallery:hover:after {
    transform: scaleY(1);
}
.image_gallery:after {
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #28aae199;
    transform: scaleY(0);
    transition: all 0.6s ease 0s;
    z-index: 1;
}
.image_gallery:before {
    background: #28aae199;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
    z-index: 1;
}
.image_gallery .fa-search{ display: none; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 5;font-size: 20px;color: #FFF;background: #2b2b2bbf;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;text-align: center;}
.image_gallery:hover .fa-search{ display: block; }
.image_servi {
    display: block;
    width: 100%;
    margin-bottom:0px;
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
    cursor: zoom-in;
}
.mostpr:hover::after {
    height: 100%;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    width: 100%;
}
.mostpr::after {
    background-color: rgba(255,255,255,.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.mostpr:hover::before {
    height: 100%;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    width: 100%;
}
.mostpr::before {
    background-color: rgba(255,255,255,.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.mostpr:hover, .mostpr:focus{ box-shadow: none; text-decoration: none; }

.testti{
    padding: 30px 30px 30px 30px;
    margin: 30px 15px;
    text-align: center;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
    }
.testti p{
    font-style: italic;
    margin: 0 auto 15px auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    }
.testti p i.quote-icon-left{
    display: inline-block;
    left: -5px;
    position: relative;
    color: #b9a770;
    font-size: 20px;
    }
.testti p i.quote-icon-right{
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
    color: #b9a770;
    font-size: 20px;
    }
.testti h5{
    font-size: 18px;
    font-weight: 400;
    margin: 30px 0 15px 0;
    color: #111;
    font-family: 'Asap', sans-serif;
    letter-spacing: 0.5px;
    }

    .newsleterform{
    display: block;
    width: 100%;
    margin-top: 10px;
    position: relative;
}
    .newsleterform input{
    width: 100%;
    height: 48px;
    border: 0;
    border-radius: 6px;
    background: #e2cd8e;
    position: relative;
    clear: both;
    outline: 0;
    padding: 0px 15px;
    color: #FFF;
}
    .newsleterform button{
    position: absolute;
    right: 0px;
    background: transparent;
    font-size: 20px;
    border: 0;
    color: #31554b;
    right: 0;
    top: -1px;
    line-height: 40px;
    padding: 0px 15px;
}
    .news_left_text{
    display: block;
    text-align: left;
}
    .newsletter_area{
    background: #b9a770;
    padding: 60px 0px;
}

.news_left_text h4{    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    display: block;
    margin: 0;
    line-height: 30px;}
    .contact_b:hover{box-shadow: 0 10px 30px rgb(27 25 42 / 20%);}
    .contact_b{    padding: 30px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 10px 30px rgb(27 25 42 / 10%);
    box-shadow: 0 10px 30px rgb(27 25 42 / 10%);}
    .contact_b i{
    width: 68px;
    height: 68px;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    line-height: 68px;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #fff;
    background: #28aae1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
    .contact_b:hover i{background: #0fb94d;}
    .contact_b h4{font-size: 20px;font-weight: 500;display: block;margin-bottom: 15px;font-family: 'Asap', sans-serif;letter-spacing: 0.5px;}
    .contact_b p{font-size: 16px;font-weight: 400;display: block;margin: 0px;color: #8e8e8e;}
    .middle_shop{
    display: block;
    clear: both;
    position: relative;
    text-align: center;
    box-shadow: 1px 7px 16px 3px #00000012;
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 10px;
}
    .middle_shop h6{
    font-size: 24px;
    font-family: 'Asap', sans-serif;
    margin: 0 0 20px 0;
    letter-spacing: 1px;
    line-height: 36px;
    color: #31554b;
}
    .middle_shop p{
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    line-height: 24px;
    display: block;
    max-width: 80%;
    margin: auto auto 15px auto;
}

.widget {
    padding: 15px 25px;
    border: 2px solid #eaedf4;
    margin-bottom: 40px;
}
.widget-title {
    padding-bottom: 25px;
    margin-bottom: 20px;
    position: relative;
    font-size: 26px;
    font-family: 'Asap', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
.product-cat-widget ul li {
    line-height: 35px;
    font-size: 16px;
}
.product-cat-widget ul li a {
    color: #616161;
    display: block;
}
.product-cat-widget ul li a:hover{
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #b9a770;
    }



    .accordion_container {
  width: 100%;
}

.accordion_head {
  background-color: #ebebeb;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  margin: 0 0 1px 0;
  padding: 12px 11px;
  font-weight: 500;
  text-transform: capitalize;
}

.accordion_body {
  background: lightgray;
}

.accordion_body p {
  padding: 14px 20px;
  margin: 0px;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.plusminus {
  float: right;
  font-size: 20px;
  line-height: 20px;
}

.widget-title::before, .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 10px;
    background-color: #31554b;
}

.widget-title::after {
    width: 25px;
    left: 18px;
}

.inline-textlink i {
    margin-right: 10px;
    font-size: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.upper_slider .row_below{ margin-top: 30px; background: transparent;color: #FFF;outline: 0px;text-align: center;outline-offset: unset;border-radius: 0;}
.upper_slider .row_below i {margin-right: 10px;display: inline-block;font-size: 15px;}
.upper_slider .row_below p {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #FFF;
}
.bakerybox i{
    font-size: 40px;
    color: #fff200;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
}
.bakerybox:hover{ box-shadow: unset; }
.img_row img.fisetimg { height: 378px; object-fit: cover; object-position: center; width: 100%; }
.img_row img {
    width: 100%;
    height: auto;
    max-width: 100%;
}   


.mainslider_js  .owl-prev{
    position: absolute;
    left: 2%;
    top: 50%;
    background: #141313a6  !important;
    color: #FFF;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 46px;
    border-radius: 50% !important;
    font-size: 16px !important;
    }

    .mainslider_js  .owl-next{
    position: absolute;
    right: 2%;
    top: 50%;
    background: #141313a6  !important;
    color: #FFF;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 46px;
    border-radius: 50% !important;
    font-size: 16px !important;
    }
    .mainslider_js  .owl-prev:hover, .mainslider_js  .owl-next:hover{ background: #000 !important; }
    #menu{background: #f4f5f8;background-size: cover;position: relative;border-radius: 5px;}
    #menu:before{content: '';position: absolute;left: 0px;width: 100%;height: 100%;top: 0px;background: transparent;border-radius: 5px;}
    #menu h3{
    font-size: 20px;
    color: #2a230d;
    display: block;
    z-index: 99;
    position: relative;
    padding: 20px 20px 5px 20px;
    margin: 0 0 6px 0;
}

.price-table-3{background: url('../images/price-table-3.png') no-repeat;padding: 30px;background-size: contain;background-position: top center;}
.aed_price{
    font-size: 24px;
    font-weight: 600;
    color: #cf1b23;
}
.ser_first{
    background: #f5f5f5;
    display: block;
}
.aed_price span{
    font-size: 16px;
    color: #000;
}
.price-table-3 small{
    font-size: 15px;
    font-weight: 500;
    color: #939393;
    margin-bottom: 20px;
    display: block;
}
.price-table-3 h4{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px 0;
}
.price-table-3 h3{
    margin: 0 0 5px 0;
    display: block;
    font-weight: 600;
    color: #000;
}
.price-table-3 a{
    background: #28aae1;
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 14px;
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.price-table-3 a:hover, .price-table-3 a:focus{
    background: #000;
}
.service_list{}
.service_list li{
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 22px;
    display: block;
    color: #939393;
}
.service_list li:before{content: "\f0a9";font-family: FontAwesome;position: absolute;left: 0px;color: #2cbd22;top: 0;font-size: 16px;}
.services_contne{}
.services_contne h3{
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px 0;
    line-height: 32px;
}
.services_contne p{
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 26px;
    margin: 0 0 15px 0;
}

.twosilder.owl-carousel .owl-item img{ width: 100%; height: 280px; object-position: center; object-fit: cover; }
.twosilder{ margin-top: 40px; display: block; }
.twosilder .owl-prev {
    position: absolute;
    left: 2%;
    top: 50%;
    background: #141313a6 !important;
    color: #FFF;
    width: 40px;
    height: 40px;
    margin: 0;
    line-height: 40px;
    text-align: center;
    border-radius: 50% !important;
    font-size: 14px !important;
}
.twosilder .owl-next {
    position: absolute;
    right: 2%;
    top: 50%;
    background: #141313a6 !important;
    color: #FFF;
    width: 40px;
    height: 40px;
    margin: 0;
    line-height: 40px;
    text-align: center;
    border-radius: 50% !important;
    font-size: 14px !important;
}

.tire-track-grey{
    background: url('../images/tire-track-grey.png') #f1f1f1;
    padding: 30px;
    margin-top: 40px;
}
.more_comf{
    display: block;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    position: relative;
    margin: 0;
}
.more_comf i{
    position: relative;
    background: #28aae1;
    width: 40px;
    color: #FFF;
    height: 40px;
    top: 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: top;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 20px;
}
.more_comf .ore_ff1{
    position: relative;
    display: block;
    padding-left: 50px;
}
.more_comf .ore_ff1 h4{
    margin: 0 0 5px 0;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.tire-track-grey h3{
    margin: 0 0 15px 0;
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.tire-track-grey p{
    font-size: 16px;
    font-weight: 400;
    color: #939393;
    margin: 0 0 15px 0;
}

.clientbox {
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 0 15px #00000017;
    padding: 10px;
}
.owl-carousel .owl-item .clientbox img, .clientbox img {
    width: 100%;
    margin: auto;
    height: 120px; object-fit: contain; object-position: center;
    display: block;
    max-width: 100%;
}
.service-eight__card {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.service-eight__card__inner {
    border: 1px solid #eef0f6;
    padding: 15px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    min-height: 220px;
}
.service-eight__card__inner::after {
    content: '';
    width: 68px;
    height: 68px;
    background-color: #eef0f6;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(50%) translateX(50%);
    transform: translateY(50%) translateX(50%);
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-shared h3:after {
    display: inline-block;
    margin-left: 9px;
    content: '';
    width: 25px;
    height: 1px;
    background: #28aae1;
}
.service-eight__title {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin: 0;
    max-width: 100%;
    text-align: center;
    font-weight: 400;
}
.service-eight {
    padding-top: 100px;
    padding-bottom: 70px;
    background-color: #eef0f6;
    background-image: url(../images/testi-8-bg-1-1.png);
    background-repeat: repeat;
    background-position: center;

}
.service-eight__card:hover {
    background-color: #28aae1;
}
.service-eight__icon {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}
.service-eight__card__inner img{ width: 70px; height: auto; }
.service-eight__card__inner img.dis_on{display: inline-block; }
.service-eight__card__inner img.dis_hover{ display: none; }
.service-eight__card__inner:hover img.dis_hover{ display: inline-block; }
.service-eight__card__inner:hover img.dis_on{display:none; }
.service-eight__card__inner:hover h3{color: #FFF; }

.logo_footer img{
    width: 100%;
    margin: 0 0 15px 0;
    display: block;
}
.logo_footer p{font-size: 14px;font-weight: 400;color: #686868;}

.footer-address-links.soil li{ display: inline-block; width: auto; }.footer-address-links li a:hover i{ background: #28aae1; border-color: #28aae1; color: #FFF; }

.main-slider-top{    position: relative;
    width: 100%;}

    .inner_header .mainheader{position: absolute;left: 0;width: 100%;top: 0;}

.bredtop.breadcrumb-content{
    background: #28aae1;
    padding: 12px 0px;
}

.question-area {
    background: #28aae1;
    padding: 20px 0px 26px;
}
.question-area h2 {
    font: 300 24px/44px "Open Sans", sans-serif;
    color: #FFF;
    margin: 0;
}
.question-area h2 a {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #FFF;
    line-height: 32px;
    margin-left: 25px;
    font-weight: 500;
}

.homepage .mainheader{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}

    .mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #000000;
  padding: 5px 5px 5px 5px;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
  display: block;
}

.navbar-collapse{ position: relative; }
.tm-all-post-list li a:hover:after{position: absolute;content: '';left: 0px;top: 7px;background: #28aae1;width: 2px;height: 20px;}

.info-list li.make{
    padding: 10px 30px;
    background: #314c83;
}
.info-list li.make a{font-weight: 600;color: #FFF;}
.info_li{ padding:10px 0px;  }



.quick-alo-ph-circle.active {
    width: 130px;
    height: 130px;
    top: -40px;
    left: -40px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.call-now-button div {
    display: flex;
}
@media screen and (max-width:2000px) { 
.call-now-button {display:flex!important; background:#0a0404;}  
.quick-call-button {display: block!important; }}
@media screen and (max-width: 1024px) and (min-width: px) { 
.call-now-button .call-text { display:none!important; }}
@media screen and (max-width:680px) { 
.call-now-button .call-text {display:none!important;}} 
.call-now-button {left: 3%;top: 65%;}
.call-now-button {background: #0a0404;}
.call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle {background-color: #0fb94d;}
.call-now-button .call-text {color: #fff;}
.quick-alo-ph-circle-fill.active {
    width: 80px;
    height: 80px;
    top: -15px;
    left: -15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle {
    background-color: #0fb94d;
}
.quick-alo-ph-img-circle.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(../images/quick-call-button.png) no-repeat center center;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.call-now-button div {
    display: flex;
}
.call-now-button {
    background: #0a0404;
}
.call-now-button {
    left: 3%;
    top: 82%;
}
.call-now-button {
    display: none;
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
}
.call-now-button div p {
    color: #fff;
    display: table;
    padding: 10px;
    border-radius: 21px;
    height: 34px;
    line-height: 14px;
    font-size: 14px;
    margin: 8px 5px 8px 50px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none!important;
    box-sizing: border-box;
}

@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{10%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}

.imgsection img{
    width: 60px;
    background: #282828;
    border-radius: 50%;
    padding: 10px;
}
.img_visson{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.vsisson{
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}
.vsisson h3{
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: 0 0 20px 0;
    display: block;
}
.vsisson p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 15px 0;
    line-height: 28px;
}

.about_six__box{
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    width: 100%;
    margin: 30px 0 0px 0;
    position: relative;
    background: #f1f1f1;
    padding: 40px 30px;
    border-radius: 5px;
}
.imgsection{
    width: auto;
}
.imgsection .visson1{
    display: inline-block;
}
.imgsection .visson2{
    display: none;
}
.__box__title{
    position: absolute;
    left: 0px;
    top: 45px;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-left: 105px;
    line-height: 26px;
}

.about_six__box:hover{ background: #28aae1;    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }

 

 .info-list li a i.fa-facebook, .info-list li a i.fa-instagram, .info-list li a i.fa-instagram, .info-list li a i.fa-linkedin, .info-list li a i.fa-twitter{color: #28aae1;}

.readmore{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: underline;
    display: inline-block;
    text-align: left;
}
.readmore:hover, .readmore:focus{ color: #28aae1; text-decoration: none; }

.dots-line {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1%;
    z-index: 7;
    opacity: 0.4;
    z-index: 0;
}

.tabs_brads{
    display: block;
    width: 100%;
    clear: both;
    position: relative;
}
.tabs_brads .nav-pills{
    padding-left: 0px;
    margin: 0px;
    display: -webkit-box;
    padding-bottom: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.tabs_brads .nav-pills>li+li{ margin-left: 0px; }
.tabs_brads .nav-pills>li{
    width: 100%;
    display: inline-block;
    margin-left: 0;
}
.tabs_brads .nav-pills>li>a{
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    display: block;
    text-transform: capitalize;
    color: #000;
    padding: 12px 30px;
    border-radius: 0;
    margin: 0;
    background: #f2f2f2;
}
.tabs_brads .nav-pills>li>a:hover, .tabs_brads .nav-pills>li>a:focus{color: #FFF; background: #28aae1;}
.tabs_brads .nav-pills>li.active a{ color: #FFF; background: #28aae1; }

.brandsWrapper {
    max-width: 900px;
    display: block;
    margin: 0px auto;
}

.alllogo{
    border: 1px solid #ccccccb8;
    padding: 5px;
    text-align: center;
    margin: 30px auto auto auto;
    border-radius: 15px;
}
.alllogo img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
}
.alllogo:hover{
    border-radius: 1px solid transparent;    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
     border-radius: 0px;
    box-shadow: 0 0 15px #0000002e;
}

.line-one1 {
    left: 0;
    top: 0;
    position: absolute;
}
.line-two1 {
    right: -50px;
    bottom: 0;
    position: absolute;
    z-index: 0;
}
.features_b {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 15px #0000001f;
    border-radius: 5px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    z-index: 8;
}
.features_b h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    margin: 0;
}
.features_b img {
    width: 80px;
    height: auto;
    display: block;
    margin: auto auto 30px auto;
}
.bg_f5 {
    background: #f5f5f5;
}
.features_b:hover {
    box-shadow: none;
}

.bg_con {
    background: url(../images/bg_content.png) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}
.gm {
    max-width: 100%;
    width: 100%;
    margin: auto auto 30px auto;
    border-radius: 5px;
    border: 5px solid #fff;
}
.gm img {
    width: 100%;
}
.postanmee {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    color: #39a3ba;
    display: block;
    margin: 100px 0 15px 0;
    line-height: 40px;
}
.name {
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    display: block;
    font-weight: 500;
}
.post {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
}
.p-text p {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}
.each_how_to_book {
    display: block;
    margin: 0px auto;
    margin-top: 40px;
    background: #FFF;
    box-shadow: 0 0 15px #0000001c;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    min-height: 195px;
    clear: both;
}
.each_how_to_book .icon_container img {
    max-height: 60px;
    max-width: 80px;
}
.each_how_to_book .text_container {
    margin-top: 26px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.each_how_to_book .text_container h4 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0px 0 15px 0;
    line-height: 26px;
}
.each_how_to_book .text_container p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.tabs_brads .nav-pills>li:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.tabs_brads .nav-pills>li:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.border_design_1:after {
    background-image: url(../images/Line_1.svg);
}
.each_how_to_book .icon_container img {
    max-height: 60px;
    max-width: 80px;
}
.border_design_2:after {
    background-image: url(../images/Line_2.svg);
}
.each_how_to_book.border_design_2:after {
    bottom: 0px;
    -webkit-transform: unset;
    transform: unset;
}
.mx-auto{ text-align: center; display: block; margin: auto; }
.owl-carousel.client_slider .owl-item img, .client_page img{
    padding: 15px;
    width: 100%;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 10px;
    margin: auto;
    height: 100px;
    object-fit: contain;
    background: #FFF;
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
    }
.client_page img{ height: 130px; }
    .certific{}
    .certific li{display: inline-block;margin: 0px 1%;width: 11.9%;border: 1px solid #ccc;border-radius: 10px;}
    .certific li img{width: 100%;object-position: center;object-fit: contain;height: 90px;padding: 6px;max-width: 100%;}
    .navbar.affix .navbar-nav>li>a{ font-size: 15px; padding: 26px 13px; }
    .navbar.affix .navbar-brand h1 img{ width: 320px; }
    .navbar.affix .navbar-brand{ padding: 10px 0; }
    .fancybox-skin {
    background: #28aae1 !important;}

    .testimonials{
    background: #FFF;
    border-radius: 10px;
    padding: 30px;
    display: block;
    clear: both;
    position: relative;
}
    .testimonials .stars{
    display: block;
    margin: 0 0 15px 0;
}
    .testimonials .stars ul{
    display: block;
    list-style-type: none;
    list-style-position: inside;
}
    .testimonials .stars ul li{
    display: inline-block;
    margin-right: 6px;
    font-size: 18px;
    color: #ffd31d;
}
    .testimonials .stars ul li i{}
    .testimonials .stars ul li span{
    color: #000;
}
    .testimonials p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 20px;
}
    .testimonials h3{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.nav.nav-pills{position: relative;margin-bottom: 20px;}
.nav.nav-pills li a{
    position: relative;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    background: #28aae1;
    text-align: center;
    padding: 8px 24px 8px;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-right: 10px;
    letter-spacing: 0.07em;
    border-radius: 7px;
  
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav.nav-pills li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.nav.nav-pills li a {
    position: relative;
    display: block;
    background: #28aae1;
    color: #FFF;
    border: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background: #0fb94d;
    color: #FFF;
}
.tab-content img{
    width: 180px;
    border-radius: 50%;
    height: 180px;
    object-position: center;
    object-fit: cover;
    margin: auto;
}
.tab-content p{
    font-size: 16px;
    line-height: 26px;
}
@media only screen and (max-width: 768px) {
    .navbar-brand h1 img{  margin-left: 15px; }
    }