@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');





* { padding:0px; margin:0px; }

html { font-size:100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

ol, ul { list-style: none; }

:focus { outline: 0; }

a{  color: #c82021;  }

a, a:link { text-decoration: none; outline:none; color: #c82021; }

p { font-size: 15px; color: #282828; line-height: 22px; font-family: 'Poppins', sans-serif; margin-bottom: 20px; }

.clear { clear:both; }

a:focus{ outline: none; }

input:focus{ outline: none; }

button:focus{ outline: none; }

body{ margin:0; padding:0; font-size:13px; color:#606060; line-height: 20px; font-weight: 400; background:#ffffff; font-family: 'Poppins', sans-serif; }

.var-row{ align-items: center; }

img{ max-width: 100%; }

h2{ font-family: 'Poppins', sans-serif; }

iframe{ width: 100%; }

.plr-0{ padding: 0px; }

.pr-0{ padding-right: 0px; }

.mlr-0{ margin: 0px; }



.header-top{ padding: 10px 0px; background-color: #252525; font-family: 'Poppins', sans-serif; font-size: 12px; color: #fff;  }

.header-top i{ color: #017dd1; }



.header-bottom{ background-color: #fff; padding: 10px 0px; }

.header-right{ display: flex; justify-content: flex-end; align-items: center; }

.call-btn{}

.call-btn a{ display: inline-block; background-color: #000; padding: 10px 10px 10px 50px; color: #fff; border-radius: 5px; text-transform: uppercase; background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: left 10px center; }

.call-btn a span{ display: block; } 

.call-btn a span.call-no{ font-size: 17px; font-weight: 700; }

.call-btn a span.call-txt{ font-size: 11px; font-weight: 500; }



.menu-section{}

.menu-section ul{}

.menu-section ul li{ margin-right: 30px; }

.menu-section ul li a{ display: inline-block; font-size: 14px; color: #000; font-weight: 600; text-transform: uppercase; }

.menu-section ul li a:hover{ color: #017dd1; }

.logo-section{}

.logo-section img{ height: 60px; }



.home-slider{ position: relative; }

.home-slider .owl-carousel .owl-item img{ height: 550px; object-fit: cover; }

.banner-caption{ position: absolute; width: 100%; bottom: 25%; z-index: 9; }

.caption-inner{}

.caption-inner h3{ font-size: 30px; color: #fff; font-weight: 600; padding-bottom: 15px; }

.caption-inner h2{ font-size: 50px; color: #fff; font-weight: 700; text-transform: uppercase;  padding-bottom: 30px;}

.banner-btn{ margin-bottom: 0px; }

.banner-btn a{ display: inline-block; font-size: 15px; color: #fff; background-color: #017dd1; padding: 15px 22px; text-transform: uppercase; font-weight: 700; border-radius: 5px; }

.banner-frm{ padding: 40px 40px 30px 40px; border-radius: 10px 10px 0px 0px; background-color:rgb(1, 125, 209, .8); }

.banner-frm h2{ padding-bottom: 20px; font-size: 30px; color: #fff; font-weight: 700; text-transform: uppercase; }



.frm-wrap{}

.frm-wrap .wpcf7-form-control { height: 40px; border: none; width: 100%; color: #fff; background-color: #001422; font-size: 13px; font-weight: 600; }

.frm-wrap textarea.wpcf7-form-control{ height: 130px; resize: none; color: #fff; background-color: #001422; font-size: 13px; font-weight: 600;}

.frm-wrap input[type="submit"]{ display: inline-block; width: auto; background-color: #fff; color: #000; background-image: url(../images/f-btn-arrow.png); background-repeat: no-repeat; background-position: right 15px center; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 10px 45px 10px 30px;}



.title-sec{}

.title-sec h3{  }

.title-sec h3 span{ position: relative; display: inline-block; padding-bottom: 15px; text-transform: uppercase; font-size: 15px; color: #000; letter-spacing: 2px; font-weight: 600; }

.title-sec h3 span:after{ content: ''; height: 1px; width: 75px; background-color: #017dd1; position: absolute; right: -100px; top: 8px; }

.title-sec h2{ color: #017dd1; font-size: 35px; font-weight: 600; padding-bottom: 15px; }



.about-section{ background-color: #fff; padding: 80px 0px; }

.about-pic{ position: relative; padding: 0px 30px 30px 0px; width: 85%;  }

.about-pic img{ border-radius: 10px; width: 100%; }

.about-pic:before{ content: ''; height: 200px; width: 200px; background-color: #017dd1; border-radius: 10px; position: absolute; right: 0; bottom: 0; z-index: -1; }.

.more-btn{}

.more-btn a{ display: inline-block; background-color: #017dd1; border: #017dd1 solid 2px; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 12px 30px; border-radius: 5px; }

.more-btn a:hover{ color: #017dd1; background-color: #fff; }





.services-section{ background-image: url(../images/service-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0px 0px 0px; }

.ser-title{ text-align: center; color: #017dd1}

.ser-title h3{ font-size: 15px; letter-spacing: 2px; font-weight: 500; padding-bottom: 15px; }

.ser-title h2{ font-size: 35px; font-weight: 700; }



.service-box{  padding: 25px; text-align: center; border-radius: 5px; color: #fff; position: relative; top: 50px; 

  -webkit-box-shadow: 0px 2px 5px 0px rgba(221,221,221,1);

-moz-box-shadow: 0px 2px 5px 0px rgba(221,221,221,1);

box-shadow: 0px 2px 5px 0px rgba(221,221,221,1);

}

.service-box:before{ content: ''; background-color:rgb(1, 125, 209, .8); position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; border-radius: 5px;}

.s-box-inn{ position: relative; z-index: 2; }

.service-box .service-icon{ width: 110px; height: 85px; background-color: #fff; border-radius: 5px; margin: 0 auto; display: flex; align-items: center;justify-content: center; }

.service-title{ padding: 25px 0px; font-size: 20px; color: #fff; font-weight: 600; }

.service-des{ font-size: 15px; color: #fff;  }







.services-cont-section{ background-color: #fff; padding: 100px 0px 50px 0px; }

.services-cont-section .about-pic{ width: 100%; padding: 30px 30px 0px 50px; }

.services-cont-section .about-pic:before{ top: 0; bottom: inherit; }



.gallery-section{ background-color: #00192a; padding: 50px 0px; }

.gallery-section .title-sec h3 span{  color: #017dd1; }

.gallery-section .more-btn{ text-align: right; }



.gallery-wrap{}

.gallery-wrap .img-list{ position: relative; }

.gallery-wrap .img-list img{ width: 100%; height: 500px; border-radius: 5px;}

.gallery-wrap .img-list.last-line{}

.gallery-wrap .img-list.last-line img{ height: 235px; }

.gallery-wrap .img-list.last-line:last-child{ margin-top: 30px; }

.img-list-inn{ position: absolute; width: 100%; height: 100%; background-color:rgb(1, 125, 209, .8); border-radius: 5px;  z-index: 9; top: 0; opacity: 0; 

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

.img-list-inn a{display: flex; height: 100%; align-items: center; justify-content: center; }

.img-list-inn span{ display: inline-block; background-color: #fff; padding: 15px; border-radius: 5px; }

.gallery-wrap .img-list-inn span img{ width: 50px; height: 50px !important; }

.ekko-lightbox.modal .modal-body{ padding: 0px; }

.gallery-wrap .img-list:hover .img-list-inn{ opacity: 1; }





.testimonial-section{ padding: 50px 0px; background-image: url(../images/testimonial-bg.jpg); background-repeat: no-repeat; background-size: cover; }

.testimonial-box{ background-color: #fff; padding: 40px 20px; border-radius: 5px; position: relative; }

.testimonial-box:before{ content: ''; height: 26px; width: 26px; background-image: url(../images/drop.png); background-repeat: no-repeat; position: absolute; bottom: -25px; right: 50px;  }

.testimonial-box-inn{ display: flex; align-items: center; justify-content: space-between;}

.testimonial-img{  max-width: 100px; width: 75px; min-width: 75px; }

 .owl-carousel .owl-item .testimonial-img img{ height: 60px; width: auto; display: inline-block; width: 60px; border-radius: 100%; padding: 5px; border: #017dd1 solid 1px; }

.testimonial-des{ font-size: 14px; color: #737373; line-height: 20px; padding-bottom: 10px; }

.testimonial-title{ font-size: 16px; font-weight: 700;  color: #282828; font-family: 'Montserrat', sans-serif; }

.testimonial-designation{ font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; color: #b3b3b3; }

.testimonial-section .owl-carousel .owl-stage-outer{ padding-bottom: 30px; }

.testimonial-section .owl-dots{ margin-top: 0px; text-align: left; }

.testimonial-section .owl-dots .owl-dot span{ background-color: #000; }

.testimonial-section .owl-dots .owl-dot.active span{ background-color: #fff; height: 8px; width: 35px; }

.testimonial-cont{ display: flex; justify-content: flex-end; }

.testimonial-cont-inn{ width: 100%; max-width: 450px; padding-right: 30px; }  

.testimonial-cont h2{ color: #fff; }

.testimonial-cont h3 span{ color: #fff; }

.testimonial-cont h3 span:after{ content: ''; background-color: #fff; }

.testimonial-cont p{ color: #fff; font-size: 17px; line-height: 25px;  }

.testimonial-cont .more-btn{ margin-top: 20px; }

.testimonial-cont .more-btn a{ background-color: #fff; color: #000; }

.testimonial-cont .more-btn a:hover{ background-color: #000; color: #fff; }





.map-section{ padding: 0px 0px; height: 450px; background-repeat: no-repeat; background-size: cover; position: relative;}



.map-info{ position: absolute; width: 100%; left: 0; top: 80px; z-index: 9; }



.location-box{ background-color: #fff; padding: 25px 40px; border-radius: 5px;  max-width: 350px; width: 100%; }

.location-top{ text-transform: uppercase; color: #fff; background-color: #017dd1; padding: 20px; font-size: 15px; font-weight: 600; margin-bottom: 25px; }

.location-box h2{ padding-bottom: 10px; font-size: 15px; color: #000; font-weight: 600; position: relative;  font-family: 'Montserrat', sans-serif; }

.location-box h2:before{ content: ''; width: 35px; height: 2px; background-color: #017dd1; position: absolute; bottom: 0; left: 0; }

.location-box ul{}

.location-box ul li{ position: relative;  padding-left: 30px; margin-top: 15px; font-size: 12px; font-weight: 500; color: #000;}

.location-box ul li span{ color: #017dd1; position: absolute; font-size: 20px; top: 2px; left:0;}

.location-box ul li a{ color: #000; }







.footer-top{ padding: 0px 0px 0px 0px; background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; }

.footer-subscribe{ padding: 30px 0px; border-bottom: #272828 solid 1px; }

.subscribe-wrap{ display: flex; align-items: center; justify-content: flex-end; }

.subscribe-txt{ font-size: 18px; color: #fff; font-weight: 600; font-family: 'Montserrat', sans-serif; padding-right: 30px; max-width: 280px;  }

.subscribe-frm .emaillist form{ display: flex; align-items: center; justify-content: flex-end; }

.subscribe-frm .emaillist form input[type="email"]{ height: 45px; border: #272828 solid 1px; background-color: transparent; font-size: 12px; color: #fff; width: 300px; max-width: 300px; }

.subscribe-frm .emaillist form input[type="submit"]{ margin-left: 15px; height: 45px; color: #fff; text-transform: uppercase; background-color: #017dd1; font-size: 12px; font-size: #fff;  background-image: url(../images/submit-arrow.png); background-repeat: no-repeat; background-position: right 10px center; padding: 0px 30px 0px 15px;  }

.subscribe-frm .es-field-wrap{ margin-bottom: 0px; }

.footer-info{ padding: 60px 0px; }

.footer-box{}

.footer-box h2{ padding-bottom: 20px; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; }

.footer-box p{ font-size: 12px; color: #fff; line-height: 18px; }

.f-txt{ padding-right: 50px; }

.footer-box ul{}

.footer-box ul li{ color: #fff; font-size: 13px; margin-top: 5px; }

.footer-box ul li a{ color: #fff; font-size: 13px; }

.footer-box ul li a:hover{ color: #017dd1; }

.footer-box ul li a{ color: #fff; font-size: 13px; color: #fff; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; padding-left: 20px; background-position: top 5px left; }



.footer-box.contact ul li{ position: relative;  padding-left: 30px; margin-top: 10px; font-size: 12px; font-weight: 500; color: #fff;}

.footer-box.contact ul li span{ color: #fff ; position: absolute; font-size: 20px; top: 2px; left:0;}

.footer-box.contact ul li a{ color: #fff; }

.footer-social{ padding-top: 20px; padding-left: 23px; }

.footer-social h2{ padding-bottom: 10px; }

.footer-box.contact .footer-social ul{}

.footer-box.contact .footer-social ul li{ display: inline-block; padding-left: 0px; margin-right: 15px;}

.footer-box.contact .footer-social ul li a{ display: inline-block; color: #fff; height: 30px; width: 30px; border-radius: 100%; border: #fff solid 1px; text-align: center; line-height: 30px; font-size: 16px; }

.footer-box.contact .footer-social ul li a:hover{ background-color: #fff; color: #017dd1; }

.footer-box.contact ul li a{ background-image: none; padding-left: 0px; }







.f-copyright{ background-color: #017dd1; padding: 15px 0px; text-align: center; color: #fff; font-size: 13px; }

.f-copyright a{ color: #fff;  }







/* ------------- inner banner ---------------------- */



ul.breadcrumbs{}

ul.breadcrumbs li{ display: inline-block; padding: 0px 5px; }



.innerBanner{ position: relative; }

.innerBanner img{ width: 100%; max-width: 100%; max-height: 400px; object-fit: cover; }

.title_breadcrumb-inner{ width: 100%; background-color: #017dd1;  }



.title_breadcrumb-inner span{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; width: 100%; text-align: center; color: #000; }

.title_breadcrumb-inner span h1{ font-size: 25px; padding-bottom: 0px; margin-bottom: 0px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #fff;}

.breadcrumb_bottom{}

.breadcrumb_bottom ul{  margin-bottom: 0px;}

.breadcrumb_bottom ul li{ color: #000; font-weight: 700; text-transform: uppercase; font-size: 13px;}

.breadcrumb_bottom ul li strong{ color: #fff; font-weight: 500;}

.breadcrumb_bottom ul li a{ color: #fff; font-weight: 500; }

.breadcrumb_bottom ul li a:hover{ color: #fff; font-weight: 500; }



.inner-cont{ padding: 50px 0px 50px 0px; }

.inner-cont p{ font-weight: 500; }

.inner-cont h2{ font-size: 22px; padding-bottom: 20px; }





/* ===================================

    Header & Navigation

====================================== */





.header-appear{

    /*height: 70px;*/

    position: fixed;

    top: 0;

    padding: 0px;

    z-index: 999;

    width: 100%;

    background-color: #fff;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}



.header-appear .header-top{ display: none; }

.header-appear .header-bottom{ padding: 5px 0px; background: #fff; }

.header-appear .call-btn a{ padding: 5px 10px 5px 50px; }

.header-appear .call-btn a span.call-no{ font-size: 14px; }

.header-appear .logo-section img{ height: 50px; }



header {

    width: 100%;

    z-index: 99;

}







/*header top bar*/



.top-header-area{

    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

	

}





.top-header-area ~ .navbar-top-default{

    background-color: #000;

    top: 45px;

    height: 65px;

}



.header-appear .top-header-area{

    display: none;

}



.header-appear .top-header-area ~ .navbar-top-default{

    top: 0;

}



/* nav top default */



.navbar-top-default{

    position: absolute;

    top: 0;

    z-index: 99;

    overflow: hidden;

    /*height: 90px;*/

    width: 100%;

	background-color: var(--color-black);

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease;

}







.header-appear .navbar-top-default {

    /*height: 70px;*/

    position: fixed;

    z-index: 999;

    background-color: var(--color-black);

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}







/* animation */



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}

@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}







.about-inner .about-pic{ width: 100%; }

.service-inner .service-box{ top: 0; margin-bottom: 30px; }

.service-inner .about-pic{ width: 100%; }

.gallery-wrap.gallery-inn .img-list{ margin-bottom: 30px; }

.gallery-wrap.gallery-inn .img-list img{ height: 250px; object-fit: cover; }





.contact-top{ background-color: #00192a; padding: 50px 0px; }

.contact-top .banner-frm{  background-color:#017dd1cc; border-radius: 10px; }

.captcha-image{ background-color:#000; }





.b-hours{ background-color: #fff; padding: 30px; border-radius: 10px; }

.b-hours h2{ padding-bottom: 20px; font-size: 30px; color: #017dd1cc; font-weight: 700; text-transform: uppercase; }

.b-hours table{ border-collapse: collapse;  width: 100%;}

.b-hours table th{ padding: 10px; border: #ddd solid 1px; font-weight: 600; font-size: 17px; }

.b-hours table td{ padding: 10px; border: #ddd solid 1px; font-weight: 400; font-size: 15px; }

.wpcf7-response-output{ background-color: #fff; }


.sticky-box{ position: fixed; top: 40%; z-index: 99; }
.sticky-box.right{ right: -60px; transform: rotate(-90deg); }
.sticky-box.left{ left: -60px; transform: rotate(-90deg); }
.sticky-box a{ display: block; background-color: #017dd1; border-radius: 5px; padding: 8px 0px; color: #fff; width: 150px; text-align: center; font-size: 15px; font-weight: 500; }
.sticky-box a:hover{ background-color: #000; }
.sticky-modal .modal-body{ background-color: #017dd1cc; }
.sticky-modal .modal-header{ background-color: #00192a; padding: 10px; }
.sticky-modal .modal-header h5{ color: #fff; font-size: 20px; }
.sticky-modal .modal-header .close{ color: #fff; opacity: 1; font-weight: 400; }


.thank-wrap{ background-color: #00192a; text-align: center; padding: 50px 0px; }
.thank-wrap .ser-bottom-cont{ text-align: center; color: #fff; font-size: 30px; font-weight: 700; }