/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

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

@font-face {
    font-family: 'Georgia';
    src: url('fonts/Georgia/Georgia.eot');
    src: url('fonts/Georgia/Georgia.eot?#iefix') format('embedded-opentype'),
        url('fonts/Georgia/Georgia.woff2') format('woff2'),
        url('fonts/Georgia/Georgia.woff') format('woff'),
        url('fonts/Georgia/Georgia.ttf') format('truetype'),
        url('fonts/Georgia/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate';
    src: url('fonts/Copperplate/OPTICopperplate.eot');
    src: url('fonts/Copperplate/OPTICopperplate.eot?#iefix') format('embedded-opentype'),
        url('fonts/Copperplate/OPTICopperplate.woff2') format('woff2'),
        url('fonts/Copperplate/OPTICopperplate.woff') format('woff'),
        url('fonts/Copperplate/OPTICopperplate.ttf') format('truetype'),
        url('fonts/Copperplate/OPTICopperplate.svg#OPTICopperplate') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
body { position: relative; background:  #0C1019; max-width: 100%;min-width: 960px;margin: 0 auto;text-align: center;font-family: Arial, Helvetica, sans-serif}
a {color:inherit;text-decoration: none}
a:hover {text-decoration: none;color:inherit;}
h1,h2,h3,h4,h5{ padding:0; margin:0; }
p { margin: 0; line-height: 140%; }
.row {max-width: 1200px;margin: 0 auto}
.br { display: block; }
.col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.col-lg { width: 35.41%; }
.col-sm { width: 25%; }

/*display-inline*/
.inbM { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.inbT { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*flex*/

.flexs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.flexc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flexe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }


/*button*/
.btn { max-width: 200px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background: #1E2A42; font-weight: 400; font-size: 16px; text-align: center; letter-spacing: 0.5px; color: #FFFFFF; padding: 15px 0; box-sizing: border-box; font-family: 'Georgia', sans-serif; border: none; }
.btn a { color: #FFFFFF!important; }
.btn:hover {color: #FFF !important; -webkit-box-shadow: 0px 10px 20px -10px #000; box-shadow: 0px 10px 20px -10px #000;  }
.btn::after {content: ""; background: #859FDF; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; position: absolute;  height: 100%; width: 100%;z-index: -1;left: 0; top: 0; }
.btn:hover::after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}

/*color*/

.white { color: #FFFFFF; }
.blue { color: #859FDF; }

/*floats*/
.fl {float:left;}
.fr {float:right;}

/*socials*/
.socials a { font-family: 'socialico'; font-size: 30px; color: #FFFFFF; display: inline-block; font-weight: normal; }
.socials a:last-of-type { margin-bottom: 0; }

/*typography*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/*contact form messages*/
form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
form [type="submit"] {margin:20px auto}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;}
.ctc-form input[type="text"],.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto 8px}
.ctc-form textarea {height: 120px;padding-top:10px;}
/*.ctc-form input[type="text"] {font-family:'Montserrat', sans-serif; font-size: 16px;color:#333333;height:63px;display: inline-block;width: 32%;border: none!important;border-radius: none!important;padding: 15px 20px;box-sizing: border-box;margin: 0 6px 16px;; background: #EEEEEE; font-weight: 500; }
.ctc-form textarea {font-family:'Montserrat', sans-serif; font-size: 16px;color:#333333;height:134px;display: inline-block;width: 98.5%;border: none!important;border-radius: none!important;padding: 15px 20px;box-sizing: border-box;margin: 0 auto 10px; background: #EEEEEE; font-weight: 500; }*/
.ctc-form button {display: block;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto 10px;}
.ctc-form .ctc-hide {display: none;}
::-webkit-input-placeholder { /* Edge */ color: #111111; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #111111; }
::-moz-placeholder { color: #111111; }
::-ms-input-placeholder { color: #111111; }
::placeholder { color: #111111; }
/*gallery*/
#content .gallery-container {text-align: center;}
#content .gallery {list-style-type: none;margin: 0;padding: 0;}
#content .gallery li {display: inline-block;}
#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;-webkit-transition: border 0.5s ease-in-out 0s;-o-transition: border 0.5s ease-in-out 0s;transition: border 0.5s ease-in-out 0s;}
#content .thumbnail:hover {-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
#content .page_navigation {display: inline-block;}
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}
#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;}

h1 {font-size: 100px;font-weight: 100;color:#000;}

/*HEADER*/

#header { position: relative; border-top: 10px solid #2F4165; }
#header .row { max-width: 100%; width: 100%; margin: 0 auto; border-top: 10px solid #1E2A42; border-bottom: 10px solid #0C1019; }
#header nav a#pull {display: none}
#header nav ul {margin: 0;padding: 0}
#header nav ul li {display: inline-block;vertical-align: middle; padding: 0; }
#header nav ul li:first-of-type { padding-left: 0; }
#header nav ul li:nth-of-type(2) { padding-right: 18%; }
#header nav ul li:nth-of-type(3) { padding-left: 18%; }
#header nav ul li:last-of-type { padding-right: 0; }
#header nav ul li a { font-weight: 400; font-size: 20px; color: #FFFFFF; padding: 40px 15px; display: inline-block; line-height: 110%; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#header nav ul li.active-menu a, #header nav ul li a:hover { background: rgba(112,112,112,0.3); }
.header-container { background: -o-linear-gradient(top, #020305, #192134); background: -webkit-gradient(linear, left top, left bottom, from(#020305), to(#192134)); background: linear-gradient(to bottom, #020305, #192134); padding: 0; border-top: 10px solid #71706E; border-bottom: 5px solid #71706E; }
.header-wrap { position: relative; max-width: 960px; width: 100%; margin: 0 auto; }
.header-logo { max-width: 35.93%; width: 100%; margin: 0 auto; position: absolute; top: 5%; left: 0; right: 0; z-index: 999; }
.header-logo img { width: 100%; height: 100%; display: block; }
.header-nav { padding: 0 15px; }

/*BANNER*/

#banner { position: relative; }
.banner-image img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;  }
.banner-content.top { max-width: 960px; width: 100%; margin: 0 auto;  position: absolute; top: 0; right: 0; left: 0; }
.banner-content.bot {max-width: 960px; width: 100%; margin: 0 auto;  position: absolute; bottom: 5%; right: 0; left: 0;  }
.banner-info, .banner-text { font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; }
.banner-info .tel { font-family: 'Copperplate', sans-serif; font-weight: 500; font-size: 15px; font-style: normal; }
.banner-info .mail { font-size: 12px; }
.banner-text { font-style: normal; }
.banner-text h2 { font-weight: 400; font-size: 63px; }
.banner-text .blue { font-size: 30px; }
.banner-text p { font-size: 20px; }

/*CONTENT*/

#content { position: relative; }
.content-text h2 { font-weight: 400; font-size: 30px; }
.content-text h3 { font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 24px; }
.content-text p, .content-text ul li { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; }
.content-img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

/*PCOTS*/

#pcots { position: relative; }
#pcots .row { max-width: 960px; width: 100%; margin: 0 auto; }
.pcots-content .content-text h2 { position: relative; background: url(../images/content/title-bg.png)no-repeat center top; background-size: cover; max-width: 100%; width: 100%; height: 100%; padding: 15px 0; }
.pcots-wrap { padding: 15px 0; }
.pcots-box { width: 23.95%; }
.pcots-box .content-text h3 { position: relative; background:  url(../images/content/content-bg.png)no-repeat center center; background-size: 100% 100%; max-width: 100%; width: 100%; height: 100%; padding: 10px 0; }
.pcots-box .content-img img { border: 1px solid #2C3136; border-bottom: 0; }

/*ABOUT*/

#about { position: relative; padding: 40px 0; }
#about .row { max-width: 960px; width: 100%; margin: 0 auto; }

/*SERVICES and TESTIMONIALS*/

#serv-test { position: relative; padding: 30px 0; }
#serv-test .row { max-width: 960px; width: 100%; margin: 0 auto; }
.serv-test-wrap .content-text h3 { position: relative; background: url(../images/content/content-bg-alt.png)no-repeat center center; background-size: cover; font-family: Arial, Helvetica, sans-serif; font-weight: 400; padding: 10px 13px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

/*services*/

.services-content { width: 31.25%; border: 1px solid #2C3136; border-radius: 5px; }
.services-box { padding: 0 15px 30px; }
.services-box .content-text ul { list-style-image: url(../images/content/arrow.png); }
.services-box .info .content-text .text { font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; }
.services-box .info .tel { font-family: 'Copperplate', sans-serif!important; font-weight: 500!important; font-size: 15px!important; font-style: normal!important; }
.services-box .info .mail { font-style: italic; }

/*testimonials*/

.testimonials-con { padding: 0 15px 30px; }
.testimonials-content { width: 67.62%; border: 1px solid #2C3136; border-radius: 5px; }
.testimonials-box .content-text p { font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 14px; font-style: italic;  }
.testimonials-box .content-text .sm { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; font-style: normal; }
.testimonials-box { margin: 13px 0 3px; }

/*FOOTER*/

#footer { position: relative; padding: 0; border-bottom: 10px solid #2F4165; }
#footer .row {  background: url(../images/content/footer-bg.png)no-repeat center top; background-size: cover; max-width: 960px; width: 100%; height: 100%; padding: 20px 0;   }
.footer-info {  font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 14px; font-style: italic; }
.footer-info .tel { font-family: 'Copperplate', sans-serif; font-weight: 500; font-size: 15px; font-style: normal; margin: 5px 0; }
.footer-info .mail { margin: 5px 0 10px; }
.footer-info .content-img { max-width: 265px; width: 100%; margin: 5px auto 10px; }

/*COPYRIGHT*/

.copyright { margin-top: 15px; }
.copyright p, .copyright a  { font-size: 14px; font-family: 'Poppins'; }
.copyright img { width: 30px; display: inline-block; vertical-align: middle;  }


/*inner pages*/

.inner .header-logo { max-width: 19.93%; }

.inner #content {min-height: 600px;padding: 30px 0;}
.inner #content h1 { font-family: 'Georgia', sans-serif; font-weight: 400; font-size: 24px; color: #FFFFFF; margin-bottom: 30px;  }
.inner #content .row { max-width: 960px; width: 100%; margin: 0 auto; }

.inner .content-text ul li { line-height: 200%; }

.inner .fleet-box.alt { border-top: 1px solid #D7D8D9; padding-top: 30px; margin-top: 30px; }

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto;}
.inPrivacyBox p {text-align: justify!important;}



/** Responsive
-------------------------------------------------------*/


@media screen and (max-width: 980px){
    
    .row, .banner-content { padding-left: 15px!important; padding-right: 15px!important; }
    #header .row { padding: 0; }

}

@media screen and (max-width: 800px){

  body {min-width: 320px!important}
    p, .testimonials-box .content-text .sm { font-size: 14px!important; margin: 15px 0!important;  }
    .col-lg, .col-sm { width: 100%; }

    /*TEXT ALIGN*/

    .tl, .tr { text-align: center; }

    /*FLEX*/

    .flex, .flexs, .flexc, .flexe { -ms-flex-wrap: wrap; flex-wrap: wrap; }

    #header {padding: 0!important;}
    #header, #header * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #header .row {width: 100%; padding: 0!important;}
    #header nav {display:block; height: auto; width: 100%;}
    #header nav ul { width: 100%; display: none; height: auto;border-bottom:5px solid #000; padding: 0;}
    #header nav ul li { width: 100%;position: relative; margin: 0; }
    #header nav ul li a { display: block; float:none; padding: 10px 0; font-size: 16px; }
    #header nav a {text-align: left; width: 100%;}
    #header nav a strong {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px;}
    #header nav a#pull {display: block; color: #fff; background-color: #1E2A42; height: 40px;padding: 10px 0; width: 100%; position: relative;}
    #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    #pull img { width: 60px; padding-left: 10px; }
    #header nav ul li.active-menu { padding: 0; width: 100%; }
    #header nav ul li.active-menu a, #header nav ul li a:hover { width: 100%; background: #9C5D47; padding: 10px 15px; }
    #header nav ul li { background: #111111; padding: 0; }
    #header nav ul li:nth-of-type(2), #header nav ul li:nth-of-type(3) { padding: 0; }
    #header nav ul li a { padding: 10px 15px; max-width: 100%; }
    #header .row, .header-container { border-top: none; border-bottom: none; }
    .header-nav { padding: 0; }
    .header-logo { display: none; }

    /*BANNER*/

    .banner-text h2, .banner-text .blue { font-size: 30px; }
    .banner-content.top { display: none; }
    .banner-content.bot { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: unset; }

    /*CONTENT*/

    #about { padding: 30px 0; }
    .content-text h2 { font-size: 20px; }
    .content-text h3 { font-size: 18px; }

    /*PCOTS*/

    .pcots-wrap { padding: 15px 0 0; }
    .pcots-box { width: 47%; margin: 0 auto 20px; }

    /*ABOUT*/

    .about-content .content-text h3 { margin-bottom: 15px; }

    /*SERVICES and TESTIMONIALS*/

    #serv-test { padding: 0 0 30px; }
    .services-content, .testimonials-content { width: 100%; }
    .services-content { margin-bottom: 15px; }
    .services-box .content-text ul { text-align: left; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    .services-box .info .tel, .services-box .info .mail { display: none; }

    .testimonials-box .content-text p { font-size: 16px!important; }


    .cta{background: #1E2A42  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999; -webkit-box-shadow: 2px 2px 10px #000000; box-shadow: 2px 2px 10px #000000; }
    
}

@media screen and (max-width: 600px){

    /*BANNER*/

    .banner-image img { height: 270px!important; }


}

@media screen and (max-width: 440px){

     /*BANNER*/

    .banner-image img { height: 200px!important; }

    /*CONTENT*/

    .content-text h2 { font-size: 16px; }

    /*PCOTS*/

    .pcots-box { width: 100%; }

    /*SERVICES*/

    .services-box .content-text ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }


}