/*

1 Reset Css #res
2 Font Face #face 
3 Inputs #input
4 Global Styles #glob
5 Wrappers #wrap
6 Custom CSS #custom
7 Media Query #media

*/

/*================================= 1 Reset Css ( #res ) =================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#006db7;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0}

img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition:all 0.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.5s ease 0s;}

ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}

.grey-band h3 a {
    color: #fadd4d;
}

.masonry_gallery {
    margin: 50px 0 30px;
}

#wp-toolbar ul:after{content:none}

.last_li , .last{margin-right:0 !important; padding-right:0 !important}
.first_li, .first{margin-left:0 !important; padding-left:0 !important}

.clearfix:after , ul:after , ol:after ,  .full_row:after, .top-header:after, .resp-tabs-container:after, .about-team-wrapper ul:after, .footer-list-wrapper:after
{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}



/*================================= 3  Inputs ( #input ) =================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {color:#999999; font-style:normal;}
:-moz-placeholder {color:#999999; font-style:normal;}
::-moz-placeholder {color:#999999; font-style:normal;}
:-ms-input-placeholder {color: #999999; font-style:normal;}

button::-moz-focus-inner {border: 0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}

input[type=submit]{padding:12px 20px; background:red; font-weight:normal; color:#fff; display:block; margin:0 auto}
input[type=submit] , input[type=button]{cursor:pointer; border:0}
input:focus{outline:none;}
body textarea{resize:none; height:218px; color: #999999; font-size: 18px; font-weight: 400; line-height: 26px; padding:15px; border-color:#ff0000; }

input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{background:#f0f0f0; border: none; border-bottom:  1px solid #ff0000; border-radius:0; color: #999999; font-size: 18px; font-weight: 400; line-height: 26px; width:100%; height:48px; padding:5px 15px; box-shadow:none; -webkit-appearance:none}

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
background:#f3f3f3}

select {    background: #f0f0f0;
    border: none;
    border-bottom: 1px solid #ff0000;
    border-radius: 0;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    width: 100%;
    height: 48px;
    padding: 5px 15px;
    box-shadow: none;
    -webkit-appearance: none;}

form label{color: #040707; font-size: 18px; display: block; font-weight: 800; margin-bottom:5px; }
form label sup{color: #ff0000;}
.flyout-wrapper span{color: #040707; font-size: 18px; display: block; font-weight: 800; margin-bottom:5px; }
.contact .wpcf7-form-control-wrap{ display:block;}
.contact .col-md-6:first-child {padding-right: 20px;}
.contact .col-md-6:last-child {padding-left: 20px;}
.contact p strong{color: #040707;}
.contact p{font-size: 14px; margin: 20px 0 0; display: block;}
span.ajax-loader{display: none !important;}


.form_row{padding-bottom:25px}
.form_row.msg_row{padding-bottom:10px}
.form_row.submitrow{padding-bottom:0}

input:required{box-shadow:none}

/*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */

*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*================================= 4 Global Styles (#glob) =================================*/

/* Gobal #GAB */
.x:before 
{position:absolute; content:''}

/* Vertical Middle */
.x:before /*Parent Before*/
{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em}

.x /* Child class */
{display: inline-block; vertical-align: middle}


/* HR Rules */
hr{}

/* Image Alignment */
.alignnone , a img.alignnone {margin: 5px 0 50px}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 60px auto}
.alignright , a img.alignright{float:right; margin: 5px 0 60px 60px}
.alignleft , a img.alignleft {float: left; margin: 5px 60px 60px 0}
a img.aligncenter {display: block;  margin-left: auto; margin-right: auto}


h1 , .h1,  h2 , h3 , h4 , h5 , h6{ color: #000; font-weight: 800; }
.h1 { display: block;}

body h1,
body:not(.blog, .archive, .single) h2, .newsline{
    font-size: 32px;
    color: #006699;
    font-weight: 800;
    letter-spacing: -.72px;
    line-height: 39px;
    padding-top: 15px;
}

footer h2 {
    color: #fff !important;
}

h2{}
body:not(.blog, .archive, .single) h3,
.s2 {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1.32px;
    line-height: 48px;
}
body:not(.blog, .archive, .single) h4 {
    font-size: 25px;
    color: #000;
    font-weight: 800;
    letter-spacing: -1px;
}
body:not(.blog, .archive, .single) h5 {
    font-size: 33PX;
    color: #000;
    line-height: 42PX;
    letter-spacing: -1.8PX;
}
h6{}

.gpt-btn-left {
    margin-left: 150px;
    margin-top: 40px;
}


.s1{color: #000000; font-size: 36px; letter-spacing: -1.44px; font-weight: 800;}

p , .content_row ul li, .content_row ol li{color: #555; font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom:20px; letter-spacing: -.72px;}

p:last-child{margin-bottom:0}
p.intro{color: #999; font-size: 24px; font-weight: 400; line-height: 34px; margin-bottom:20px}

p a{color:#fadd4d; font-weight:bold}
p strong{font-weight:800; color: #9b9b9b;}
p em{font-style:italic}

p a:hover{text-decoration:underline; }

.normal_band p a:hover{color: #c31e40;}

.content_row ul , .content_row ol{padding-bottom:10px}
.content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; color:#999999}

.content_row ul li{padding-left:20px}
.content_row ul li:before {color: #999999; content: "•"; font-weight: bold; left: 0; position: absolute; font-size:12px;}

.content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0}

.content_row ol{counter-reset: section}
.content_row ol li{padding-left:40px}

.content_row ol > li:before {color:#999999; content:counter(section, decimal) "."; counter-increment:section; padding-right:5px; font-size:18px; position:absolute; left:0}

.content_row ol ul li{padding-left:20px}
.content_row ol ol li{list-style:lower-alpha outside; padding-left:30px; margin-left:20px}

.content_row ol ol li:before{content:none}
.content_row ol ol li{padding-left:10px}

.content_row blockquote {position:relative; border-radius: 15px; padding: 15px; background-color: #f3f3f3; margin: 15px 0;}
.content_row blockquote:after{ content: ''; background-image: url(../images/speech-bubble.png); position: absolute; background-size: contain; height: 50px; width: 72px; background-repeat: no-repeat; right: 0;}
.content_row blockquote + p {text-align: right; padding-right: 80px;}

a:focus, a:hover{outline:none; text-decoration:none; }

.visible_tab{display:none}


/* ================================= 5 Wrappers #wrap ================================= */  

body{background:#fff !important; font-family: 'Open Sans', sans-serif; line-height: 1; color:#fff; font-weight: 400;}

body, .mm-page, .main_page{position: relative; z-index: -1;}
.container{max-width:1265px; width:100%}
.full_row{width:100%; float:none; margin:0 auto}
.small_container{max-width:910px; margin:0 auto; float:none; padding: 0 15px;}
.site_full{max-width:1920px; margin:0 auto; position:relative}

.menu-item-has-children > a:after, .menu-item-has-children:hover > a:after, .sub-menu, .menu-item-has-children:hover .sub-menu, .top-header, 
.sticky .top-header, .main_header, .sticky.main_header, .industries-img-box:before, .industries-img-box:hover:before, .industries-img-box:after, .industries-img-box:hover:after,
.news-box h5, .news-box p, .news-box span, .news-box span i , .news-box:hover h5, .news-box:hover p, .news-box:hover span, .news-box:hover span i ,
.img-area:after, .news-box:hover .img-area:after, .news-box .img-area .atlas_btn.liner-btn, .news-box:hover .img-area .atlas_btn.liner-btn, .owl-carousel-before-after .owl-dot span, .owl-carousel-before-after .owl-dot:hover span, .mm-listview > li:nth-child(3) a:after, .top-header > span, .sticky .top-header > span,
.contact .wpcf7-form-control.wpcf7-submit,.contact .wpcf7-form-control.wpcf7-submit:hover, .video_band .youtube:after, .video_band .youtube:hover:after
{transition: all .5s ease;}

.atlas_btn, .atlas_btn.liner-btn, .wpcf7-form-control.wpcf7-submit{letter-spacing: -.72px; text-transform: uppercase; border-radius: 50px; background: #fadd4d; color: #000033; padding: 23px 26px 21px; font-weight: 800; display: inline-block; cursor: pointer;}
.atlas_btn:hover,  .wpcf7-form-control.wpcf7-submit:hover{background: #c31e40; color: #000033; box-shadow: 0px 0px 30px rgba(0,0,0,.20);}
.atlas_btn.liner-btn{background: transparent; border: 2px solid #fadd4d; padding: 21px 26px 19px;}
.atlas_btn.liner-btn:hover{background: #c31e40 !important; border-color: #c31e40; color: #000033;}


.sticky.main_header{background: #fff;}
.sticky .main-header:after{content: url(../images/header-back.png); position: absolute; right: 0px; z-index: -1; height: 102%;  top: -2px;  overflow: hidden; }

.main_header{position: fixed;  top: 0; width: 100%; z-index: 9;}
.main_page{margin-top: 155px;}

.top-header{border-bottom: 1px solid #3366cc;}
.top-header, .main-header{padding: 0 15px; max-width: 1950px; margin:  0 auto;}
.top-small-wrapper{background: #333333}
.top-header ul li{color: #cccccc; font-weight: 800; font-size: 14px; display: inline-block;}
.top-header ul li a{color: #ffffff; font-weight: 800; font-size: 14px; display: inline-block; line-height: 30px; padding: 0 10px;}
.top-header ul li a:hover, .main-header li a:hover{background: #fadd4d; color: #000033;}
/*.top-header .right-menu ul li:first-child{margin-right: 0px}*/
.left-menu ul li{padding-left: 20px; position: relative;}
.left-menu ul li:before{content: '.'; position: absolute; font-size: 22px; color: #cccccc; left: 0px; top: -3px;}
.left-menu ul li:first-child{padding-left: 0;}
.left-menu ul li:first-child:before{content: none;}
.left-menu ul li a{margin-left:5px;}
.menu-item-has-children, .menu-item-has-children > a {cursor: default;}

.top-header{background: #333333;}
.top-header .left-menu{float: left;}
.top-header .right-menu{float: right; text-transform: uppercase;}

/*sticky header*/
.sticky{position: fixed; top: 0; z-index: 9;}
.sticky .top-header{margin-top: -30px;}
.nav_down .top-header{margin-top: 0px;}
.sticky .nav_cover > ul > li > a {padding: 30px 20px;}
.sticky  .nav_cover .atlas_btn a{padding: 19px 26px; }
.sticky  .nav_cover .atlas_btn{margin-left: 15px;}
.sticky .logo_col img{padding-top: 9px; max-width: 275px;}

.nav_cover ul{text-align: right;}
.nav_cover ul li{display: inline-block; text-align: left; vertical-align: middle;}
.nav_cover > ul > li > a, .nav_down .nav_cover > ul > li > a,  .nav_cover > ul > li > ul > li > a {color: #fff; font-size: 16px; display: inline-block; font-weight: 800; padding: 40px 30px; vertical-align: middle; line-height: 22px;}
.nav_cover > ul > li > a:hover, .nav_down .nav_cover > ul > li > a:hover{color: #000033;}
.nav_cover .atlas_btn a, .nav_down .nav_cover .atlas_btn a{border-radius: 50px; background: #fadd4d; color: #000033; padding: 19px 26px; }
.nav_cover .atlas_btn, .nav_down .nav_cover .atlas_btn, .sticky .nav_down .nav_cover .atlas_btn {padding:0; margin-left: 30px;}

.nav_cover ul li a span{display: block; transition: none;}
.nav_cover .atlas_btn a:hover{background: #c31e40; color: #000033;}

.main-header{position: relative; z-index: 1; max-width: 1950px; padding: 0 15px;}
body:not(.home) .main-header{ background: #fff;}
body:not(.home) .main-header:after{content: url(../images/header-back.png); position: absolute; right: 0px; z-index: -1; height: 102%;  top: -2px;  overflow: hidden; }
.logo_col img,  .nav_down .logo_col img{padding-top: 0; max-width: 75%; width: 100%;}
.nav_down .logo_col a { height: 125px; line-height: 125px;}
.sub-menu{position: absolute; background: #fadd4d; opacity: 0; visibility: hidden; max-width: 340px; margin-top: -1px;}
.nav_cover .sub-menu  li{display: block;}
.nav_cover .sub-menu  li a{padding: 10px 30px; color: #000033; display: block; background: transparent;}
.nav_cover .sub-menu  li a:hover {background: #c31e40; color: #fff;}
.menu-item-has-children:hover a{background: #fadd4d;  color: #000033;}

.menu-item-has-children > a:after{content: '...'; position: absolute; color: #fadd4d; font-size: 25px; line-height: 6px;}

.menu-item-has-children:hover .sub-menu{opacity: 1; visibility: visible;}
.menu-item-has-children:hover > a:after{color: #fff;}
.mobile-menu-wrapper{display: none;}
.sticky .top-header > span{top:-15px;}
.nav_down .top-header > span{top: 8px;}
.top-header > span{position: absolute;right: 370px;top: 8px;font-size: 14px;font-weight: 800;color: #fff; opacity: .6;}

.home .main_header:not(.sticky) {background: rgba(255, 255, 255, 0.90);}
.home .main_header:not(.sticky) .menu-item-has-children a, .home .main_header:not(.sticky) .nav_cover > ul > li > a {color:black;}

.home-main-banner{position: relative; margin-top: -175px !important; padding-top: 200px !important; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.home-main-banner .content-wrapper span, .home-main-banner .content-wrapper h1 {
	color: #ffffff;
}
.home-main-banner .content-wrapper h1 {
	color: #ffffff;
	font-size: 55px;
    font-weight: 800;
    line-height: 62px;
    margin-top: 70px;
}
.image_wrapper{max-width: 1920px; margin:  0 auto; position: relative;}
.content-wrapper{max-width: 550px; position: relative; z-index: 1;}
.content-wrapper span{font-size: 55px; font-weight: 800; color: #000000; line-height: 62px; margin-top: 70px;}
.content-wrapper span em{display: block;}
.content-wrapper h1{margin: 30px 0; display: inline-block;}
.client-brand{ margin-top: 80px; }
.client-brand h5{font-weight: 800; font-size: 22px; color: #000000; letter-spacing:-.88px; line-height: 28px; margin-bottom: 15px;}

.client-brand ul li{display: inline-block; margin-right: 5px;}
.client-brand ul li i{color: #fadd4d; font-size: 25px;}
.owl-carousel-client-brand{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.owl-carousel-client-brand img{ vertical-align: middle;}
.owl-carousel-client-brand .item{display: inline-block; margin:0px 25px 50px;}
.grey-curve, .white-curve, .dark-gey-curve, .light-grey-curve, .dark-grey-curve{position: relative; z-index: -1;}

.page-title {
	background: #414141;
	padding: 20px 0;
	text-align: center;
}
body .page-title h1, .newsline {
	font-size: 36px;
	line-height: 48px;
	color: white;
}

.section-gap{padding: 80px 0;}
.no-top-padding{padding-top:0 !important;}
.no-bottom-padding{padding-bottom:0 !important;}
.grey-curve:after, .white-curve:after, .dark-gey-curve:after, .light-grey-curve:after, .dark-grey-curve:after{content: '';position: absolute;background-image: url(../images/grey-curve.png);display: inline-block;bottom: 0;left: 0;width: 100%;height: 170px;background-size: cover;background-repeat: no-repeat;background-position: center; z-index: -1;}
.white-curve:after{background-image: url(../images/white-curve.png);}
.dark-gey-curve:after, .dark-grey-curve:after{background-image: url(../images/dark-gey-curve.png); bottom: -1px;}
.light-grey-curve:after{background-image: url(../images/light-grey-curve.png); z-index: -1;}
.mobile-element-img{display: none;}
.rounded-img { width: 1000px; height: 1000px; position: absolute; top:-550px; right: 100px; background: #006699 url(../images/home-banner-back.png); background-repeat: no-repeat;  background-position: bottom; border-radius: 50%;}
.rounded-img:after{ content: ''; width: 900px; height: 900px; position: absolute; top: 0; right: -100px; background: #c31e40; border-radius: 50%; overflow: hidden;  z-index: -1;}

.grey-band{background: #f3f3f3;}
.white-band{background: #fff;}
.light-grey-band{background: #fcfcfc;}

.white-brand{position: relative; overflow: hidden;}
.white-brand:before{content: ''; position: absolute; bottom: -130px; background:url(../images/white-brand.png); background-size: contain; display: inline-block;height: 100%; background-repeat: no-repeat; background-position: bottom right; position: absolute; width: 100%;}

.about-team-wrapper .col-md-6:first-child .industries-img-box, .about-team-wrapper .col-md-4:first-child .industries-img-box{margin-left: 0;}
.about-team-wrapper .col-md-6:last-child .industries-img-box, .about-team-wrapper .col-md-4:last-child .industries-img-box{margin-right: 0;}
.about-team-wrapper > .container > span, .about-team-wrapper > .container > h2 {text-align: center; font-size: 45px;  letter-spacing: -1.8px;line-height: 52px;max-width: 890px;margin: 0 auto;color: #000;font-weight: 900;display: table;}
.about-team-wrapper h2{text-align: center; margin: 0 0 30px;}
.about-team-wrapper ul{display: flex; margin:  50px 0;}
.about-team-wrapper ul li{flex: 1; text-align: center;}
.about-team-wrapper ul li i{text-align: center; font-size: 40px; color: #006699;}
.about-team-wrapper ul li span, .about-team-wrapper ul li h3{display: block; font-size: 22px; padding: 0 10px; color: #000; font-weight: 800; letter-spacing:-.88px; margin-top: 5px; line-height: 32px;}

.industries-img-box{border-radius: 20px; display: block; position: relative; max-width: 585px; /*min-height: 290px;*/ overflow: hidden; margin: 0 auto 50px;}
.about-team-wrapper .col-md-4 .industries-img-box{max-width: 375px;}
.industries-img-box img{border-radius: 20px; max-width: 100%; width: 100%;/* height: 295px; object-fit: cover;*/}
.industries-img-box h3, .industries-img-box h2{color: #fff !important; font-size: 25px; letter-spacing:-1px; line-height: 32px; position: absolute; top: 30px; left: 30px; z-index: 1; padding-top: 0px !important; text-align: left;}
.industries-img-box:after{content: ''; width: 100%; height: 100%; background: #000; opacity: 0.3; position: absolute; left: 0; top: 0; border-radius: 20px;}
.right-circle-link{ position: absolute; bottom: 15px; right: 0px; z-index: 2; color: #fff; font-weight: 800; width: 180px;}
.right-circle-link span{font-size: 15px; text-transform: uppercase;}
.right-circle-link i { font-size: 25px; color: #fff; right: 18px; position: absolute; line-height: 18px;}
.industries-img-box:before{content: ''; width: 140px; height: 140px; background: #fadd4d; border-radius: 50%; position: absolute; bottom: -75px; right: -75px; z-index: 1;}
.industries-img-box:hover:before{bottom: -65px; right: -65px;}
.industries-img-box:hover:after{opacity: .6;}

.difference-wrapper .col-md-4 p{margin-bottom: 25px;}
.difference-wrapper .col-md-8{z-index: 1;}
.difference-wrapper span, .difference-wrapper h2, .quality-wrapper span, .quality-wrapper h2{font-size: 45px !important; color: #000 !important; font-weight: 800 !important; line-height: 52px !important; letter-spacing:-1.8px !important; }
.quality-wrapper span, .quality-wrapper h2{max-width: 830px;  display: inline-block;}
.difference-wrapper h2{margin:  0 0 30px;}
.difference-wrapper ul{margin-left: 100px;}
.difference-wrapper ul li{position: relative; font-size: 22px; letter-spacing:-0.88px; color: #333; font-weight: 800; display: inline-block; line-height: 32px; display: inline-block; max-width: 170px; margin-right: 85px; vertical-align: top; padding: 20px 0 70px; }
.difference-wrapper ul li:nth-child(3n){margin-right: 0;}
.difference-wrapper ul li:before{content: ''; height: 5px; width: 40px; background: #c31e40 ; position: absolute; top: 0; left: 0; border-radius: 15px;}
.difference-wrapper ul li:after{content: ''; width:70px; background: #1668a2; height: 5px; position: absolute; top: 0; left: 38px; border-radius: 15px;}
.difference-wrapper .atlas_btn{text-transform: none;}

.quality-wrapper{text-align: center;}
/*.quality-wrapper span{margin: 0 30px;}*/
.quality-wrapper h2{margin: 0 0 30px;}

.quality-wrapper .resp-vtabs ul.resp-tabs-list{float: none; width: 100%; display: flex;}
.quality-wrapper  .resp-vtabs .resp-tabs-list li{flex: 1; padding: 25px 0px 24px 0px !important; margin-bottom: 20px; background: #fff; border-radius: 10px; border: none; border-bottom: 10px solid #ccc; margin: 0 18px 30px!important; width:220px; }
.quality-wrapper .resp-vtabs .resp-tabs-list li:last-child{margin-right: 0 !important;}
.quality-wrapper .resp-vtabs .resp-tabs-list li:first-child{margin-left: 0 !important;}
.quality-wrapper  .resp-vtabs .resp-tabs-list li:hover{border-color: #cc3333;}

.quality-wrapper  .resp-vtabs .resp-tabs-list li.resp-tab-active{border-color: #006699; position: relative;}
.quality-wrapper  .resp-vtabs .resp-tabs-list li.resp-tab-active:after{content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); border-top:11px solid #006699; border-left: 11px solid transparent; border-right: 11px solid transparent}
.quality-wrapper .resp-vtabs .resp-tabs-list li h5, .quality-wrapper .resp-vtabs .resp-tabs-list li h3{font-size: 22px; letter-spacing: -.88px; color: #000; line-height: 30px;}
.quality-wrapper .resp-vtabs .resp-tabs-list li h5 span, .quality-wrapper .resp-vtabs .resp-tabs-list li h3 span{font-size: 22px; font-weight: 400; display: block; line-height: 30px; letter-spacing: -.88px;}

.quality-wrapper .resp-vtabs .resp-tabs-container{width: 100%; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,.15); border: none; margin-bottom: 30px;}
.service-desc{width: 100%; padding: 60px 50px !important; text-align: left; border: none !important;}
.service-desc .col-md-7 > span{font-size: 33px; font-weight: 800; line-height:39px; margin-bottom: 15px; margin-top: -15px;}
.service-desc ul li{width: 50%; float: left; padding-right: 20px;}
.resp-vtabs .resp-tab-content img{max-width: 100%; width: 100%;}
.service-desc .atlas_btn{margin-top: 20px; margin-right: 20px; color: #000;}

.free-quote-wrapper{background: #af1835; position: relative; padding: 80px 0;}
.free-quote-wrapper span{margin-right: 70px; text-align: right; display: block!important;}

.free-quote-wrapper:after{content: ''; background: url(../images/quote-back.png); position: absolute; bottom: 0; height: 100%; width: 100%; background-repeat: no-repeat;background-position: center bottom;}

.free-quote-wrapper span, .latest-news-wrapper .container > span, .latest-news-wrapper .container > h2{letter-spacing: -1.3px; font-size: 45px; font-weight: 800; color: #fff; line-height: 52px; margin-top: 10px; display: inline-block;}
.free-quote-wrapper .atlas_btn.liner-btn{border-color: #fff;  color: #fff;  position: relative;z-index: 2; margin-left: 70px;}

.latest-news-wrapper{padding-top: 60px}
.latest-news-wrapper .container > span, .latest-news-wrapper .container > h2{color: #000; text-align: center; display: block; margin: 0;}
.latest-news-wrapper h2{margin: 0 0 30px; text-align: center;}

.news-box{max-width: 370px; width: 100%; margin: 0 auto 50px; display: block; position: relative; z-index: 1;}
.latest-news-wrapper .col-md-4:first-child .news-box{margin-left: 0;}
.latest-news-wrapper .col-md-4:last-child .news-box{margin-right: 0;}
.news-box img{max-width: 100%; width: 100%;}
.news-box h5{font-size: 25px; line-height: 32px; color: #000; letter-spacing: -1px;}
.img-area{position: relative; margin-bottom: 20px;}
.img-area .atlas_btn.liner-btn{ position: absolute; top: 51%; left: 50%; transform: translate(-50% , -50%); border-color: #fff; color: #fff; opacity: 0;}
.news-box strong{font-size: 18px; color: #000; font-weight: 800; margin: 20px 0 5px; display: inline-block;}

.news-box span, .news-box span i{ font-size: 18px; color: #fadd4d; font-weight: 800; }
.news-box span i{margin-left: 10px;}
.img-area:after{content: ''; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 0; top: 0;}
.news-box:hover .img-area:after{ opacity: .5; }
.news-box:hover .img-area .atlas_btn.liner-btn{opacity: 1; z-index: 1;}
.news-box:hover h5, .news-box:hover p, .news-box:hover span, .news-box:hover span i {color: #cc3333;}
.owl-carousel-footer-brand{display: flex; align-items: center;}
.owl-carousel-footer-brand .item{flex: 1; text-align: center; position: relative;  z-index: 1;}

footer{position: relative; z-index: -1;}
.middle-footer{background: #414141; padding: 60px 0 40px;}
.middle-footer h2, .bottom-footer h2 {color: #fff; font-size: 18px; letter-spacing: -0.72px; line-height: 26px;}
.middle-footer .col-md-7, .middle-footer .col-md-5{z-index: 1;}
.middle-footer ul{margin:  12px 0; display: flex; }
.middle-footer ul li{margin-right: 15px;}
.middle-footer ul li:last-child{color: #999999; position: relative; padding-left: 20px; font-size: 15px;}
.middle-footer ul li:last-child:before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #999999; position: absolute; left: 0px; top: 10px;}
.owl-carousel-footer-brand img{max-width: 100%; padding: 0 5px;}
.middle-footer ul li i{margin-left: 10px; transition: none;}
.middle-footer ul a, .list-holder a, .bottom-footer p{ font-size: 15px; color: #fadd4d; line-height: 25px; font-weight: 400;}
.middle-footer ul a:hover, .list-holder a:hover, .bottom-footer a:hover p{color: #fff;}
.middle-footer p, .bottom-footer strong, .copy-right-section p {font-size: 15px; letter-spacing: -0.6px; line-height: 20px; color: #999999; font-weight: 400;}
.middle-footer .list-holder{width: 50%; float: left; padding-right: 40px; line-height: 25px;}
.middle-footer .list-holder:nth-child(3){clear: left;}
.middle-footer .list-holder:nth-child(3) h2{margin-bottom: 15px;}
.middle-footer .list-holder p{margin-top: 22px;}
.list-holder ul{display: inline-block; margin-bottom: 0;}
.list-holder ul li{width: 100%; display: block;}
.list-holder ul li:last-child{padding-left: 0;}

.middle-footer .list-holder h2, .middle-footer .col-md-7 span, .bottom-footer span{
	display: block;
	margin-top: 25px;
	font-size: 32px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: -.72px;
    line-height: 39px;
    padding-top: 15px;
}
.middle-footer .list-holder  ul li:last-child:before{content: none;}
.middle-footer .col-md-5{padding-left: 50px;}
.middle-footer .col-md-5 span{font-size: 45px; color: #fff; line-height: 55px; letter-spacing: -1.8px; font-weight: 800; display: block;}
.middle-footer .col-md-5 a{display: inline-block; margin-top: 30px; padding: 23px 40px 21px;}
.middle-footer .container{position: relative;}
.middle-footer .container:after{content: ''; z-index: 0; position: absolute; bottom: -40px; right:45px; width: 100%; display: block; background-position: bottom right; background-image: url(../images/footer-back.png); background-repeat: no-repeat; height: 100%;}
.bottom-footer{background: #333333; padding: 30px 0;}
/*.middle-footer h2{margin-top: 30px;}*/
.middle-footer p{margin-bottom: 0;}
.bottom-footer ul{display: flex;}
.bottom-footer ul li{flex: 1; padding-right: 50px;}
.bottom-footer ul li a{display: block;margin-top: 15px;}
.copy-right-section{background: #000; background: #000; padding: 20px 0;}
.copy-right-section .container{display: flex;align-items: center;}
.copy-right-section p{width: 65%; float:  left; margin-bottom: 0;}
.copy-right-section strong{color: #fff; font-weight: 800; font-size: 15px;}
.signature-desc{ float: right; width: 35%; text-align: right; margin-top: 5px;}
.signature-desc span strong{color: #fff;}

.signature-desc a { color: white; text-decoration: underline; }
.normal-signature{opacity: 1; position: absolute;}
.hover-signature{opacity: 0;}
.signature-desc a:hover .hover-signature{opacity: 1;}
.signature-desc a:hover .normal-signature{opacity: 0;}
.atlas_logo {position: absolute;z-index: 1;bottom: 0;right: -100px;}

/*  inner page  */

.normal_band span:not(.h1) {color: #000; font-size: 32px; font-weight: 800; line-height: 48px; letter-spacing: -1.4px; display: block; margin-bottom: 15px;}
.normal_band h1, .normal_band h2{margin:2px 0 20px;}
.normal_band p strong{color: #222; letter-spacing:-0.72px;}

.box.waterdrop, .box.truck{background: #fff  url(../images/water.png); box-shadow: 0 0 30px rgba(0,0,0,.15); background-repeat: no-repeat; background-position: 103% 0%; border-radius: 20px; padding: 25px 30px 30px 30px; position: relative; text-align: center;}
.box.waterdrop p strong, .box.truck p strong{color: #000;}
.box.waterdrop:before, .box.truck:before{content: url(../images/box-back-pattern.png); position: absolute; left: 0; top: -2px;} 
/*.box.waterdrop:after{content: ''; position: absolute; display: inline-block; height: 100%; width: 100%; top: 0; right: 0; }*/
.box.waterdrop img{margin-bottom: 20px; max-width: 100%;}
.box.truck{background: #fff url(../images/truck.png); background-repeat: no-repeat;  background-position: 103% 0%; background-size: auto 103%; margin: 30px 0; padding: 30px 30px 30px 95px; text-align: left;}
.box.truck span{display: block; margin-bottom: 10px; padding-right: 150px;}
.box.truck .atlas_btn.liner-btn{display: inline-block; position: relative; padding: 21px 33px 19px 45px}
.box.truck .atlas_btn.liner-btn:before{content: '\f30b'; position: absolute; top: 21.5px; left: 30px; color: #000; transform:rotate(90deg); font-family: 'Font Awesome\ 5 Free';  }

.normal_band h3{margin: 0px 0 15px;}
.normal_band h4{margin: 30px 0 15px;}



.image_band{position: relative; text-align: center; overflow: hidden; z-index: 1;}
.image_band.section-gap{padding-bottom: 0;}
.image_band:after{content: '';background-image: url(../images/blue-curve.png); content: ''; z-index: -1; /*background-size: 100%;*/ background-position: bottom; position: absolute; width: 100%; bottom: 0; left: 0; display: inline-block; height: 450px; background-repeat: no-repeat;}
.teal_curve.image_band:after {background-image: url(../images/teal-curve.png);}
.red_curve.image_band:after {background-image: url(../images/red-curve.png);}
.image_band .col-md-6:first-child{position: absolute; left: 0; width: 50%; height: 100%; top: 0; z-index: -1; background-position: center; background-size: cover;}
.image_band .col-md-6:last-child{float: right; margin-right: -60px;}
.image_band .col-md-6 p{font-weight: 900; color: #9b9b9b; margin-bottom: 100px;}
.image_band .col-md-6 p strong{color: #000;}
.image_band .row:nth-child(2){display: flex; align-items: flex-end;}
.image_band .col-md-4 img{margin-bottom: 0; box-shadow: 0 0 25px rgba(0,0,0,.15);}
.image_band .col-md-8{text-align: left;}
.image_band .col-md-8{margin-bottom: 80px;}
.image_band .col-md-8 > p strong{color: #fff; font-size: 18px; }
.image_band .col-md-8 p {color: #fff; font-size: 33px; letter-spacing: -1.3px; font-weight: 800; display: inline-block; padding-right: 25px;  vertical-align:top; margin-bottom: 10px;}
.image_band .col-md-8 .atlas_btn{display: inline; padding: 19px  28px;}

/*.normal_band span{letter-spacing: -1.8px; font-size: 45px; color: #000;}*/
.box{overflow: hidden;}
.box.truck.faded{background: #fff url(../images/fadded-back.png); background-position: right top; background-repeat: no-repeat;}
.box.truck.faded:before{content: url(../images/box-back-pattern-faded.png); position: absolute; left: 0;}
.box.teal:before { content: url(../images/box-back-pattern-faded.png); position: absolute; left: 0; }
.box.truck.faded span{margin-bottom: 15px; position: relative; z-index: 1; line-height: 40px;}
.box.truck.faded p{margin-bottom: 35px; color: #9b9b9b;}
.box.truck.faded img{margin:3px 30px 0 0px;}
.box.truck.faded .atlas_btn {padding: 23px 40px 21px;}

.video_band {background: #414141; text-align: center; position: relative;}
.video_band .youtube{position: relative;}
.video_band .youtube:after{content: '\f167'; font-family: "Font Awesome 5 Brands" , "Font Awesome 5 FREE"; font-size: 80px; color: #fadd4d; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.video_band .youtube:hover:after{color: #c31e40;}
 #colorbox{margin-top: -155px !important;}
.video_band  .col-md-12{z-index:2;}
.video_band span{color: #fff; font-size: 45px; line-height: 52px; font-weight: 800; letter-spacing: -1.8px;}
.video_band h2{margin:5px 0 20px; color: #fff!important; font-size: 45px!important; line-height: 52px!important; font-weight: 800!important; letter-spacing: -1.8px!important;}

.video_band  p{margin-bottom: 0; color: #b9b9b9; }
.video_band a{display:block; position: relative; z-index: 1; margin-bottom: 20px;}
.video_band:before{ content: url(../images/action-back.png); position: absolute; top: 120px; right: 50px; z-index: 0; }
.video_band img{max-width: 100%;}
.video_band strong + a{color: #fff; display: inline; color: #fadd4d;}
.normal_band .img{position: relative;z-index: 2; }
.normal_band .img.before{margin-top: 20px;}
.normal_band .img p{position: absolute; left: 20px; bottom: 20px; font-size: 25px; letter-spacing: -1px;} 
.normal_band .img p strong{color: #fff;}
.normal_band .img img{box-shadow: 0 0 30px rgba(0,0,0,.15); border-radius: 20px; margin-bottom: 0;}
/*.normal-band .img.after{position: relative;}*/
.normal_band .img.after {position: absolute; right: 60px; top: 60px; }
.normal_band .img.after p{left: auto; right: 20px;}

.normal_band .icon_list{margin-top: 60px;}
.normal_band .icon_list li{font-size: 22px; color: #000; font-weight: 800; line-height: 45px; padding-left: 60px;}
.normal_band .icon_list li:before{content: '\f058'; font-family: 'Font Awesome\ 5 Free';  font-size: 40px; color: #1668a2;}

.normal_band .heading{position: relative; padding-left: 60px; margin-bottom: 15px; margin-top: 65px;}
.normal_band h3 span{position: absolute; left: 0; top:50%; transform: translateY(-50%); color: #1668a2; font-size: 120px; font-weight: 800; opacity: .1;}
.normal_band a strong{color:#fadd4d; margin-top: -10px;}

.carousel_band{background: #3f3f3f; text-align: center; padding-top: 40px;}
.carousel_band span{color: #fff; font-size: 45px; font-weight: 800; letter-spacing: -1.8px;}
.carousel_band h2{color: #fff; color: #b9b9b9; margin: 5px 0 30px;}
.owl-carousel-before-after img{padding-top: 50PX;}
.owl-carousel-before-after .owl-item{position: relative;}
.owl-carousel-before-after .owl-item:before{content: '\f13a'; font-family: 'Font Awesome\ 5 Free'; color: #2280c2; position: absolute; left: 0; top: 20px; font-weight: 800; font-size: 18px; }
.owl-carousel-before-after .owl-item:after{content: ''; position: absolute; top:30px; height: 2px; background: #2280c2; right: 0; width: calc(100% - 100px);}
.owl-carousel-before-after .owl-nav .owl-prev, .owl-carousel-before-after .owl-nav .owl-next{width: 105px; height: 105px; background: transparent; box-shadow: 0 0 30px rgba(0,0,0,.40); border-radius: 50%; position: absolute; top: 50%; transform: translatey(-50%); left: -150px; color: transparent; text-align: center;}
.owl-carousel-before-after .owl-nav .owl-next{left: auto; right: -150px;}
.textlabel span{color: #fff; font-size: 18px; font-weight: 800; position: absolute; top: 20px; left: 30px;}
.owl-carousel-before-after .owl-nav .owl-prev:before, .owl-carousel-before-after .owl-nav .owl-next:before{content: '\f104'; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 800; color: #fadd4d;  font-size: 25px;}
.owl-carousel-before-after .owl-nav .owl-next:before{content: '\f105';}
.owl-carousel-before-after .owl-dots{display: table; width: auto; margin: 30px auto 0;}
.owl-carousel-before-after .owl-dot{display: table-cell;}
.owl-carousel-before-after .owl-dot span{background: #fdfdfd; width: 10px; height: 10px; margin: 0 4px; }
.owl-carousel-before-after .owl-dot.active span{background: #fadd4d !important;}
.owl-carousel-before-after .owl-dot:hover span{background: #fadd4d !important;}

.job + h3 {margin-top: 60px !important;}
.job{position: relative; padding:  0 30px;}
.job:before, .job:after{content: ''; width: 3px; height: 100px; background: #c31e40; position: absolute; top: 0; left: 0;}
.job:after{height: 100%; z-index: -1; background: #1668a2;}
.job a{color: #c31e40;}
.fullimage img{max-width: 100%; width: 100%; margin-bottom: 30px;}

/*.contact_band{padding-top: 200px;}*/
.contact-wrapper{background: #fff; box-shadow: 0 0 40px rgba(0 , 0,  0 , 0.10); position: relative; /*padding: 40px 0 0;*/}
.contact-wrapper > .row, .contact-info >.row{padding: 0 40px;}
.contact-wrapper:before, .contact-wrapper:after{content:''; z-index: 1; width: 100px; height: 3px; background: #c31e40; position: absolute; left: 0; top: 0;}
.contact-wrapper:after{background: #1668a2; width: 100%; z-index: 0;}

.contact_heading.excla, .contact_heading.watch{position: relative; font-size: 35px; line-height: 48px; color: #040707; letter-spacing:-1.4px; display: block; padding-left: 60px; margin-bottom: 20px;}
.contact_heading.excla:before, .contact_heading.watch:before{content: '\f05a'; font-size: 35px; color: #1668a2; font-family: 'Font Awesome\ 5 Free'; font-weight: 800; position: absolute; left: 0;}
.contact_heading.watch:before{content: '\f017';}
.contact-wrapper .col-md-8 p, .contact-wrapper .col-md-4 p{margin-bottom: 0;}
.contact-wrapper .col-md-8 p strong, .contact-wrapper .col-md-4 p strong{color: #040707; }
.contact-wrapper .col-md-8 a, .contact-wrapper .col-md-4 a {font-size: 35px; color: #040707; margin-bottom: 30px; display: inline-block;}
.contact-info{border-top:1px solid #ccc; position: relative;}
.contact-info:after{content:''; width: 1px; height: 100%; background: #f0f0f0; position: absolute;; top: 0; left: 50%; transform: translateX(-50%);}
.contact-wrapper .contact_heading{color: #040707; margin: 40px 0 20px; display: block; font-size: 35px; line-height: 34px; letter-spacing: -1.4px;}

.contact-info .col-md-6:first-child{padding-right: 40px;}
.contact-info .col-md-6:last-child{padding-left: 40px;}
.contact-info .col-md-6 img{max-width: 100%; width: 100%;}
.contact .wpcf7-form-control.wpcf7-submit{display: block;width: 100%;padding: 10px 0 8px; margin-bottom: 40px; letter-spacing: -0.72px; margin-top: 15px; color: #040707; text-transform: none; font-size: 18px;}
.contact .mail{position: relative; display: block;}
.contact .mail:before{pointer-events: none; content: '\f0e0'; color: #040707; font-size: 18px; font-family: 'Font Awesome\ 5 Free'; font-weight: 800; position: absolute; left:calc(50% + 42px); top: 10px; transform: translateX(-50%);}
.contact-info .col-md-6 p{margin-bottom: 0;}
.contact-info .col-md-6 p strong{color: text-transform: uppercase; color: #040707; margin-right: 5px;}
.contact-info .col-md-6 a{color: #c31e40; margin-bottom: 20px; display: inline-block;}
.contact-info .col-md-6:last-child img{border: 1px solid #ff0000;}

.normal_band .col-md-7{text-align: center;}
.normal_band .col-md-7 .atlas_btn{padding: 23px 53px 21px;}
.normal_band .col-md-7 h3 em, .normal_band .col-md-7 span em{color: #c31e40; margin-top: 50px; display: inline-block; line-height: normal; font-style: normal;}
.normal_band img{max-width: 100%;}
.job h4{margin: 25px 0 5px; }
.job a:hover, .contact-info .col-md-6 a:hover{color: #fadd4d;}
.normal_band .col-md-5 .size-full{margin-bottom: 0;}


.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border:2px solid #d82525 !important;}
.wpcf7-validation-errors, .wpcf7-acceptance-missing, .wpcf7-mail-sent-ok{text-align: center; width: 100%; border-color: #d82525 !important; padding: 10px !important; font-size: 15px; color: #797478; margin: 25px 0 !important; line-height: 20px;}
.wpcf7-mail-sent-ok{border-color: #398f14 !important;}

.freequote p strong{color: #fff; font-size: 20px; line-height: 28px;}
.freequote form label{}
.freequote form input{}

.modal-content{background: transparent; box-shadow: none;}
.modal-body p{color: #fff;}


.modal{z-index: 9; background: #000000d4;}
.modal-header{border-bottom: none;}
.modal-backdrop{display: none;}
.modal-body p strong{color: #fff; font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 30px; display: block;}
.modal-body{max-width: 510px; margin: 0 auto;}
.modal-header .close {margin-top: -2px;width: 70px;height: 70px;color: #fff;opacity: 1;border: 2px solid #fff;border-radius: 50%;font-size: 30px;position: absolute;right: -100px;top: 40px;}
.modal form label{color: #fff; font-size: 20px; display: inline-block; min-width: 65px;}
.wpcf7-form-control-wrap{display: inline-block; }
.modal input[type="text"]{max-width: 300px;}
.modal input[type="email"]{max-width: 390px;}
.modal .wpcf7-form-control-wrap.your-service  input[type="text"]{max-width: 200px;}
.modal input[type="text"], .modal input[type="email"], .modal input[type="number"], .modal textarea{margin-left: 20px; height: 40px; border-radius: 5px; border-color: transparent; margin-bottom: 20px;}
span.wpcf7-form-control-wrap.your-message{display: block;}
.modal textarea{height: 115px; max-width: 100%; margin-left: 0;}
.modal-body span  strong{font-weight: 800; font-size: 15px; display: inline-block;}
.modal-body span{font-size: 15px;p font-weight: 400; color: #fff;}
.modal .wpcf7-form-control.wpcf7-submit {width: 200px;padding: 14px 0 14px;margin: 0 auto;display: table;font-size: 15px;}
/*.section-gap.normal_band{padding: 200px 0 0 0;}*/

.lightbox {
	position: relative;
	display: block;
	border-radius: 20px;
}
.lightbox i {
	color: white;
    position: absolute;
    font-size: 70px;
    right: calc(50% - 30px);
    top: calc(50% - 35px);
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.lightbox:hover i {
	transform: scale(1.2);
}
.lightbox:after {
	content: '';
	height: 100%;
	width: 100%;
	background-color: rgb(0 0 0 / 45%);
	position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    transition: all 0.5s ease 0s;
}
.lightbox:hover:after {
	background-color: rgb(0 0 0 / 15%);
}

.lightbox img{
	border-radius: 20px;
}

.pswp__top-bar {
	top:110px;
}

/*
.light-grey-round-curve, .grey-round-curve, .white-round-curve, .dark-grey-round-curve {position: relative; padding: 201px 0 0;}
.light-grey-round-curve:after, .grey-round-curve:after, .white-round-curve:after, .dark-grey-round-curve:after{content: ''; z-index: 1; position: absolute;background-image: url(../images/light-grey-round-curve.png); display: inline-block;bottom: -145px;left: 0;width: 100%;height: 150px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.grey-round-curve:after{background-image: url(../images/grey-round-curve.png);}
.white-round-curve:after{background-image: url(../images/white-round-curve.png);}
.dark-grey-round-curve:after{background-image: url(../images/dark-grey-round-curve.png);}
.page-template-default .pre-footer{padding-top: 200px;}
.normal_band  .container , .normal_band .small_container{position: relative; z-index: 2;}

.image_band{margin-bottom: -100px;}*/

/********************** back to top**************************/
.cd-top{ position: fixed; bottom: 50px; right: 50px; font-size: 30px; font-weight: 600; border: none; outline: none; color: white; cursor: pointer; height: 50px; width:50px; line-height: 50px; border-radius: 4px; background-color: rgb(250, 221, 77); text-align: center; opacity: 0; overflow: hidden; transition: opacity 1s ease 0s, visibility 1s ease 0s; visibility: hidden; white-space: nowrap; z-index: 9;}
.cd-top i {color: #ffffff; transition:all 1s ease 0s; font-weight: 700}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; -moz-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; transition: opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s}
.cd-top.cd-is-visible  {visibility: visible; opacity: 1; }
.cd-top:hover { background-color:#c31e40;}

.modal-body .wpcf7-not-valid{border: 2px solid #d82525 !important}
.modal-body .wpcf7-response-output{color: #fff;}
.page-title h1, .page-title .newsline {padding-bottom: 20px; display: block;}
.single-post .fullimage { padding-bottom: 30px;}
.single-post .fullimage img{ margin-bottom: 10px;}
.sticky .main-header:before, .nav_up .main-header:before, body:not(.home) .main-header:before{content: '';width: 1000px;right: -999px;height: 100%;background: #2280c2;position: absolute;z-index: 0;}

@media all and (min-width: 2400px){
.nav_down .top-header > span, .top-header > span {
    right: 600px;
}
}
@media all and (min-width: 1921px){
.grey-curve:after, .white-curve:after, .dark-gey-curve:after, .light-grey-curve:after, .dark-grey-curve:after, .image_band:after{background-size: 100% 100%;}
.nav_down .top-header > span, .top-header > span{opacity: 0; visibility: visible;}
}
/*@media all and (max-width:2399px) {
.nav_down .top-header > span, .top-header > span{right: 445px;}
}
@media all and (max-width:2060px) {
	.nav_down .top-header > span, .top-header > span { right: 420px;}
}
@media all and (max-width:2000px) {
	.top-header > span{right: 370px;}

}*/
@media all and (max-width:1920px) {
	.sticky .main-header:before, .nav_up .main-header:before{display: none;}
}
@media all and (max-width: 1560px) {

body:not(.home) .main-header:after, .home .sticky .main-header:after{right: -155px; width: 85%;}
.rounded-img{width: 900px; height: 900px;}
.rounded-img:after{width: 850px; height: 850px;}
}

@media all and (max-width: 1280px) {
    .top-header > span, .nav_down .top-header > span{right: 370px;}
    .top-header, .main-header{padding: 0 15px;}
    .left-menu ul li:before{left: -5PX;}
    .left-menu ul li{padding-left: 10PX;}
    .top-header ul li a{padding: 0 10px;}
    .nav_cover > ul > li > a, .nav_down .nav_cover > ul > li > a{padding: 40px 25px;}
    .nav_cover .atlas_btn, .nav_down .nav_cover .atlas_btn{margin-left: 20px;}
    body:not(.home) .main-header:after, .home .sticky .main-header:after{right: -9vw;}
    .owl-carousel-client-brand img{max-width: 134px;}
    .difference-wrapper ul{margin-left: 0px;}
    .free-quote-wrapper p {margin-left: 70px;}

    
}
@media all and (max-width: 1199px) {
    .top-header > span , .nav_down .top-header > span{right: 293px;}
    .sticky .nav_cover > ul > li > a, .nav_up .nav_cover > ul > li > a{padding: 25px 10px;}
    .top-header ul li{font-size: 12px;}
    .top-header ul li a {font-size: 12px; padding: 0 5px;}
    .left-menu ul li:before{left: -3px;}
    .nav_cover > ul > li > a, .nav_down .nav_cover > ul > li  > a{padding: 40px 12px; font-size: 15px;}
    .nav_cover .atlas_btn, .nav_down .nav_cover .atlas_btn{margin-left: 12px;}
    body:not(.home) .main-header:after, .home .sticky .main-header:after{width: 80%;}
    .rounded-img {width: 750px;height: 750px;top: -420px;right: 0px;background-size: contain;}
    .rounded-img:after{content: none;}
    .content-wrapper span, .about-team-wrapper > .container > span, .about-team-wrapper > .container > h2, .difference-wrapper span, .difference-wrapper h2, .quality-wrapper span, .quality-wrapper h2, .home-main-banner .content-wrapper h1 {font-size: 40px; line-height: 45px; letter-spacing: -1px;}
    .industries-img-box h3, .industries-img-box h2{font-size: 20px; line-height: 25px;}
    .difference-wrapper ul li{margin-right: 50px;}
    .quality-wrapper .resp-vtabs .resp-tabs-list li h5, .quality-wrapper .resp-vtabs .resp-tabs-list li h5 span, .quality-wrapper .resp-vtabs .resp-tabs-list li h3, .quality-wrapper .resp-vtabs .resp-tabs-list li h3 span{font-size: 18px; line-height: 22px;}
    .middle-footer .col-md-5 span{font-size: 35px; line-height: 40px;}

    .carousel_band .owl-theme .owl-controls .owl-nav {display: none;}
    .contact-info .col-md-6:first-child, .contact-info .col-md-6:last-child{padding: 0 15px;}
    .middle-footer ul a{font-size: 14px;}
    .middle-footer .container:after{background-size: 78%;}
}

@media all and (max-width: 1024px) {
body, .mm-page, .main_page{position: relative; z-index: 1;}
.section-gap{padding: 50px 0 80px; }
.main_page { margin-top: 60px;}
.top_nav{display: none;}
.mobile-menu-wrapper {transition: transform 0.4s ease; display: block; position: fixed; top: 0; width: 100%; background: #ededed; padding: 10px 15px; z-index: 1;}
.mobile-menu-wrapper img{max-width: 125px;}
.logo-wrapper, .custom-logo-link{float: left; position: relative; bottom: -10px; display: inline-block;}
.logo-wrapper:after, .custom-logo-link:after{z-index: -1; left: -20px; content: ''; width: 80px; height: 70px; border-radius: 50%; position: absolute; background: #ededed; bottom: -5px;}
.custom-logo-link{padding-bottom: 5px;  margin-top: -5px;}

.logo-wrapper img{max-width: 125px;}
.toggle-menu {right: 0; top: 0px; position: fixed;}
.toggle-menu a{display: block; line-height: 60px;  width: 90px;}
.toggle-menu a span:after {content: ''; width: 32px; height: 3px; background: #c31e40; position: absolute; right: 15px; top:28px;}
.toggle-menu .top-bar:after {top:20px;}
.toggle-menu .bottom-bar:after {top:36px;}
.toggle-menu a strong{position: relative; top:-1px; right: 0px; color: #c31e40; font-size: 12px; text-transform: uppercase;}
.mm-opened .toggle-menu a .top-bar:after{transform: rotate(45deg); top: 28px; width: 25px;}
.mm-opened .toggle-menu a .bottom-bar:after{transform: rotate(-45deg); top: 28px; width: 25px;}
.mm-opened .toggle-menu a .middle-bar:after{content: none;}
.mm-opened .toggle-menu a strong{display: none;}
.mm-navbar .mm-title{opacity: 0;}
.mm-panel.mm-hasnavbar .mm-navbar{border: none;}
.mm-menu {background: #fadd4d;}
.sub-menu.mm-listview{margin-top: 35px !important;}

.nav_listing.mm-listview > li:first-child{width: 50%; margin-bottom: 15px; float: left;  padding:0 0 0 20px; border: none !important; position: relative; z-index: 3;}
.nav_listing.mm-listview > li:first-child span, .mm-listview > li:nth-child(2) span {color: #8c7c2b; font-weight: 800;  font-size: 14px; display: block;}
.nav_listing.mm-listview > li:nth-child(2){width: 50%; margin-bottom: 15px; float: left; padding:0 0 0 20px; border: none !important; position: relative; z-index: 3;}
.nav_listing.mm-listview > li:nth-child(3){clear: both;}
/*
.nav_listing.mm-listview > li:nth-child(3){padding: 0 20px; width: 100%;border-bottom: 1px solid #ffffff73; border-radius: 0;}
.nav_listing.mm-listview > li:nth-child(3):hover, .nav_listing.mm-listview > li:nth-child(3):focus{background: transparent !important; border: none; box-shadow: none;}
.nav_listing.mm-listview > li:nth-child(3) a:focus, .nav_listing.mm-listview > li:nth-child(3) a:hover{background: transparent;}
.mm-listview > li:nth-child(3) a{padding: 0 20px; border: 2px solid #ffffff; border-radius: 50px;padding: 17px 26px 15px;margin: 0px auto 18px;display: table;   width: 100%;text-align: center;}
*/
.mm-menu > .mm-panel.mm-hasnavbar{padding-top: 0;}
.mm-listview > li:first-child a, .mm-listview > li:nth-child(2) a{padding: 5px 0px;}
.mm-listview > li > a{color: #000033; font-weight: 800; font-size: 14px; padding: 8px 10px 8px 20px;}
.menu-item-has-children .mm-next + a {padding: 20px;}
.mm-listview > li > a, .mm-listview > li > span{text-transform: capitalize;}
.mm-listview > li{border-color: #ffffff73;}

.mm-listview .mm-next, .mm-listview.mm-prev{background:#c31e40; border-radius: 4px; height: 38px; width: 34px; right: 15px; top: 50%; transform: translatey(-50%);}
.mm-listview .mm-next:before, .mm-prev:before{content: '\f30b'; color: #fadd4d; font-family: 'Font Awesome\ 5 Free'; top: 0px; font-size: 18px; padding: 0; margin-top: 3px;}
.mm-listview .mm-next:after{content: 'MORE'; position: absolute; color: #fadd4d; bottom: 9px; font-size: 8px; left: 50%; transform: translateX(-50%);}
.mm-prev:before{ margin-top: 10px; transform: rotate(-180deg);}
.mm-listview > li > a:hover, .mm-listview > li > span:hover, 
.mm-listview > li > span, .mm-prev:hover{background: #c31e40; color: #fff;}
.mm-navbar .mm-btn:first-child{ background:#c31e40; border-radius: 5px; top: 11px; left: 20px!important; width: 34px; height: 38px;}

.rounded-img {width: 480px;height: 480px;top: -225px;right: 15px;}
.client-brand{margin-top: 40px;}
.owl-carousel-client-brand .item{margin: 0px 20px 30px;}
.about-team-wrapper > .container > span, .about-team-wrapper > .container > h2, .difference-wrapper span, .difference-wrapper h2, .quality-wrapper span, .quality-wrapper h2{font-size: 30px; line-height: 38px;}
.about-team-wrapper ul li span, .about-team-wrapper ul li h3{font-size: 18px; line-height: 20px; margin-top: 10px;}
.difference-wrapper ul li{margin-right: 20px;}
.difference-wrapper ul li{font-size: 18px;line-height: 22px;}
.service-desc{padding: 30px !important;}
.service-desc .col-md-7 > span{font-size: 25px; line-height: 32px; margin: 0 0 20px;}

.free-quote-wrapper span, .latest-news-wrapper .container > span, .latest-news-wrapper .container > h2{font-size: 25px; line-height: 30px;}
.news-box h5{font-size: 18px; line-height: 25px;}
.news-box strong{font-size: 15px;}
.middle-footer ul{display: block;}
/*.middle-footer ul li {width: 50%; float: left; margin: 0;}*/
.middle-footer ul li:last-child:before{top: 11px;}
.middle-footer .list-holder{width: 100%;}
.middle-footer .list-holder ul li{width: 100%;}
.footer-list-wrapper{padding-bottom: 200px;}
.middle-footer .col-md-5 span{line-height: 30px; font-size: 25px;}
.middle-footer .col-md-5 span br{display: none;}
.atlas_logo{right: -23px;  bottom: -15px;}
.quality-wrapper h2{margin:  10px 0;}
.free-quote-wrapper p {margin-left: 20px;}

.normal_band span:not(.h1){font-size: 30px; line-height: normal;}
.image_band .col-md-6:last-child{margin-right: 0;}
.video_band span, .video_band h2, .carousel_band span{font-size: 24px!important; line-height: normal!important;}
.video_band.white-curve:after{bottom: -1px;}
.video_band:before{content: none;}
.textlabel span{font-size: 20px; line-height: 22px;}
.contact_heading.excla:before, .contact_heading.watch:before, .contact-wrapper .contact_heading{font-size: 25px;}
.contact_heading.excla, .contact_heading.watch{padding-left: 35px; margin-bottom: 5px;}
.contact-wrapper .col-md-8 a, .contact-wrapper .col-md-4 a{font-size: 22px;}
.contact-wrapper .contact_heading{margin: 20px 0;}
.contact-info .col-md-6 .col-md-6 {width: 100%;}
.contact-wrapper > .row, .contact-info >.row{padding: 0 15px;}
.contact-info .col-md-6 img { width: auto; margin: 10px 0 30px;}


.middle-footer .col-md-7, .middle-footer .col-md-5{width: 100%;}
.middle-footer .container:after{background-size: 100%; right: 0; left: 0;}
.copy-right-section p{padding-right: 40px;}

.middle-footer{padding: 30px 0 270px; text-align: center; position: relative; z-index: 1;}
.middle-footer ul li{width: 100%; margin-bottom: 5px;}
.middle-footer .col-md-7 > h2 + ul li:last-child{color: transparent; padding-left: 0;}
.middle-footer .col-md-7 > h2 + ul li:last-child a{position: absolute; left: 50%; transform: translateX(-50%);}
.middle-footer ul li:last-child:before{content: none;}
.footer-list-wrapper{padding-bottom: 0px;}
.middle-footer .container:after{background-size: contain; bottom: -270px; z-index: -1;}
.middle-footer .col-md-5{padding-left: 15px;}
.middle-footer .col-md-7{position: static;}
.atlas_logo{bottom: -240px; right: 50%; transform: translatex(50%);}

.atlas_logo img{max-width: 150px;}
.middle-footer .list-holder{padding-right: 0;}
.middle-footer p {max-width: 600px; margin: 0 auto;}
.middle-footer .col-md-5 span{margin-top: 20px;}
.middle-footer .list-holder h2 br{display: none;}
.cd-top {bottom: 30px; right: 30px; font-size: 20px; height: 35px; width: 35px; line-height: 35px;}
.news-box{margin-bottom: 15px;}
.copy-right-section p{padding-right: 0;}


.modal-body p strong{max-width: 300px;}
.modal-header .close{top: 70px;}
.modal-header .close{right: 60px;}
.modal-body {margin: 30px auto 0;}
.pre-footer{padding: 35px 0 55px;}
.contact-info .col-md-6:last-child{margin-top: 15px;}
.box.truck.faded img{padding: 0 0 10px 0;}

/*.dark-gey-curve:after, .dark-grey-curve:after, .grey-curve, .white-curve{background-image: none; }*/
.sub-menu{opacity: 1; visibility: visible; max-width: 100%; width: 100%;}
#colorbox {margin-top: -15px !important;}
.carousel_band.white-curve:after{bottom: -1px;}
.sub-menu li{width: 100%!important; position: relative; padding: 5px 0px!important;}
.sub-menu  > li:nth-child(3){padding: 0!important;}
.sub-menu  > li:nth-child(3) a{ border: none; padding:0; text-align: left; margin:  0;  border-radius: 0;}
.sub-menu  > li > a{padding: 8px 20px !important;}
}



@media all and (max-width: 1000px) {
    .client-brand {text-align: center; }
    .client-brand h5 br{display: none;}
    .rate-wrapper{margin-bottom: 30px;}
    .industries-img-box h3, .industries-img-box h2 {font-size: 15px; line-height: 28px; left: 15px; top: 15px;}
    .right-circle-link{width: 140px;}
    .right-circle-link span{font-size: 12px;}
    .industries-img-box:before{width: 100px; height: 100px; bottom: -50px; right: -50px;}
    .right-circle-link i{font-size: 20px; right: 10px;}
    .industries-img-box:hover:before { bottom: -45px; right: -45px;}
    .difference-wrapper span, .difference-wrapper h2{display:block;text-align: center;}
    .difference-wrapper span br, .difference-wrapper h2 br{display: none; }
    .difference-wrapper{text-align: center;}
    .difference-wrapper ul{margin-top: 40px; text-align: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .difference-wrapper ul li{  margin: 0 20px!important; padding-bottom: 50px;}
/*     .owl-carousel-footer-brand .item img{max-width: 90px;} */

    .image_band .col-md-8 .atlas_btn {display: inline-block;text-align: center;margin-top: 10px;}
    .image_band .col-md-6 p{margin-bottom: 40px;}
    .normal_band .img.after {position: relative;right: 0;top: 0;left: 0;}
    .normal_band .img img{margin: -10px 0 30px 0;}
    .normal_band .img p{bottom: 45px; left: 15px!important; font-size: 18px;}
    .normal_band .icon_list{margin-top: 30px;}
    .normal_band .icon_list li{font-size: 18px; padding-left: 30px; line-height: 28px;}
    .normal_band .icon_list li:before{font-size: 20px;}
}
@media all and (max-width: 768px) {

.home-main-banner {margin-top:-26px;}
.toggle-menu {top: 5px;}
.quality-wrapper .resp-vtabs ul.resp-tabs-list{display: flex; flex-wrap: wrap;}
.quality-wrapper .resp-vtabs .resp-tabs-list li, .quality-wrapper .resp-vtabs .resp-tabs-list li:first-child, .quality-wrapper .resp-vtabs .resp-tabs-list li:last-child {min-width: 30%; margin: 10px !important;}
.quality-wrapper .resp-vtabs .resp-tabs-container{text-align: left; margin-top: 30px;}
.quality-wrapper .resp-vtabs .resp-tabs-container a h5{ font-size: 16px; color: #000; letter-spacing: 0; line-height: 35px;}
.quality-wrapper .resp-vtabs .resp-tabs-container a span{ font-size: 16px; margin: 0; color: #000; }
h2.resp-accordion:first-child, h2.resp-accordion{border-top: none !important; border: none!important;}
h2.resp-accordion{border-top-left-radius: 20px; border-top-right-radius: 20px;}
h2.resp-accordion.resp-tab-active {background: #069 !important;}
h2.resp-accordion.resp-tab-active  a h5, h2.resp-accordion.resp-tab-active  a span{color: #fff !important;}
.resp-arrow{border-top: 6px solid #000; position: relative; top: 12px;}
h2.resp-tab-active span.resp-arrow{border-bottom: 6px solid #fff;}
.service-desc .col-md-7 > span { font-size: 20px; line-height: 25px; margin: 10px 0 20px 0; display: block;}
}
@media all and (min-width: 768px) {
	.no-image-band {margin-top:-60px;}
}
/* ================================= 6 Custom CSS #custome ================================= */ 


/* ================================= Common For All mobile definitions #mx ================================= */

@media all and (max-width: 767px) {
html * {max-height:1000000px}   

.personal-hr {
    display: none;
}

.x
{display:none}

h1{line-height:normal}
h2{}
h3{font-size:20px}
h4{font-size:18px}
p, .content_row ul li, .content_row ol li{font-size:18px; line-height:24px}
p.intro{font-size:20px; line-height:30px}

/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none; display: block;}
.section-gap {padding: 10px 0;}
.main_page {margin-top: 40px;}
.atlas_btn, .atlas_btn.liner-btn{width: 100%; text-align: center;}
.white-brand:before{content: none;}
.grey-curve:after, .white-curve:after, .dark-gey-curve:after, .dark-grey-curve:after, .light-grey-curve:after{content: none;}
.toggle-menu a{width: 75px; line-height: 40px;}
.toggle-menu a strong{font-size: 9px;}
.toggle-menu a span:after{width: 25px; top: 19px;}
.mobile-menu-wrapper{padding: 1px 15px;}
.toggle-menu .top-bar:after{top: 13px;}
.toggle-menu .bottom-bar:after{top: 25px;}
.logo-wrapper{bottom: -4px;}
.mm-opened .toggle-menu a .bottom-bar:after, .mm-opened .toggle-menu a .top-bar:after{top: 19px;}
.logo-wrapper:after{bottom: -12px;}
.rounded-img { width: 100%; height: 320px; position: static; margin: 0 auto; max-width: 320px; margin-top: -150px; margin-bottom: 30px;}
.mobile-element-img { display: block; max-width: 100%; width: 100%; top: -30px; position: relative;}
.content-wrapper{max-width: 100%; text-align: center;}
.content-wrapper span, .about-team-wrapper > .container > span, .about-team-wrapper > .container > h2, .difference-wrapper span, .difference-wrapper h2, .quality-wrapper span, .quality-wrapper h2, .home-main-banner .content-wrapper h1{font-size: 25px; line-height: 30px;}
.content-wrapper h1, .about-team-wrapper h2, .difference-wrapper h2, .quality-wrapper h2{margin: 0 0 15px;}
.client-brand {margin-top: 30px; text-align: center;}
.client-brand h5{line-height: 20px; font-size: 15px; margin-bottom: 10px;}

.owl-carousel-client-brand{margin-top: 40px;}
.owl-carousel-client-brand .owl-dots{display: table;margin: 0 auto; width: auto;padding: 0;}
.owl-carousel-client-brand .owl-dot{display: table-cell;}
.owl-carousel-client-brand .owl-item{height: 100px!important;}
.owl-carousel-client-brand .owl-dot span{background: #999999; margin: 3px!important;}
.owl-carousel-client-brand .owl-dot.active span{background: #006699 !important;}
.about-team-wrapper ul{display: block; margin: 20px 0 30px;}
.about-team-wrapper ul li{float: left; width: 50%; margin: 20px 0;}
.about-team-wrapper ul li:nth-child(odd){clear: left;}
.about-team-wrapper span{padding: 0;}
.industries-img-box{margin: 0 auto 30px !important; max-width: 400px; height: 200px;}
.industries-img-box img{height: 200px; object-fit: cover;}
.col-md-4:last-child .industries-img-box{margin-bottom: 0 !important;}
.news-box {margin: 0 auto 30px!important;}

.bottom-footer ul{display: block;}
.bottom-footer ul li{padding-right: 0;}
.copy-right-section .container{display: block;}
.signature-desc,.copy-right-section p{width: 100%;}
.signature-desc{text-align: center; margin: 30px 0 10px;}
.free-quote-wrapper:after{content: none;}
.free-quote-wrapper span{margin-right: 0;}
.free-quote-wrapper .atlas_btn.liner-btn{margin-left: 0; margin-top: 30px;}
.free-quote-wrapper span{display: block; text-align: center;}


.owl-carousel-footer-brand {display: block;}
.owl-carousel-footer-brand .item {text-align: center; display: table; margin:  0 auto 20px;}
.owl-carousel-footer-brand .item img { width: auto; max-width: 100%;}
.owl-carousel-footer-brand.owl-carousel .owl-item{display: inline-block; float: none; vertical-align: middle;}
.free-quote-wrapper p{margin-left: 0;}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav{position: relative; margin-top:30px; width: 148px;/*float: right;*/margin: 0 auto;}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav:before{content: 'Swipe'; position: absolute; color: #999999; font-size: 15px; font-weight: 800; left: 48%; transform: translatex(-50%); top: 5px; }
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{position: relative; color: transparent;}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav .owl-prev{margin-right: 20px;}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav .owl-next{margin-left: 20px;}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav .owl-prev:before, .owl-theme .owl-controls .owl-nav .owl-next:before{content: '\f30a'; position: absolute; left: 12px; font-size: 15px; font-weight: 800; color: #999999; font-family:  'Font Awesome\ 5 Free';}
.owl-carousel-footer-brand.owl-theme .owl-controls .owl-nav .owl-next:before{content: '\f30b';}


.box.waterdrop, .box.truck{background: #fff;}
.box.truck{padding: 30px 15px; text-align: center;}
.box.truck span{padding-right: 0; margin-bottom: 20px;}
.box.truck .atlas_btn.liner-btn:before{left:calc(50% - 69px);}
.image_band .col-md-6:first-child {width: 100%; height: 300px; position: relative;}
.image_band.section-gap{padding-top: 0;}
.image_band .row:nth-child(2){display: block;}
.image_band .col-md-8 p {font-size: 25px; line-height: normal;}
.image_band .col-md-8 p, .image_band .col-md-8 p strong{width: 100%; text-align: center;  color: #000;}
.image_band .col-md-8{margin-bottom: 30px;}
.image_band .col-md-4 img {margin-bottom: -20px;}
.normal_band .heading{padding-left: 40px; margin: 30px 0 10px;}
.normal_band h3 span{font-size: 60px;}
.textlabel span{font-size: 12px; left: 25px; letter-spacing: 0;}
.owl-carousel-before-after .owl-item:after{content: none;}

body:not(.blog, .archive, .single) h3, h3,
.s2 {
    font-size: 24px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.owl-carousel-before-after .owl-dots{margin: 10px auto 0;}
.content_row ul, .content_row ol{padding-bottom: 0;}
.normal_band h4{margin: 25px 0 8px;}
.contact-info:after{content: none;}
.contact-wrapper .col-md-8 a, .contact-wrapper .col-md-4 a{margin-bottom: 10px;}
.contact-wrapper .contact_heading{margin-bottom: 5px;}
.contact-wrapper .contact_heading br {display:none;}
.normal_band h3{margin-top: 0;}


.small-mobile {
    font-size: 18px !important;
}

.fullimage  img{margin-top: 0;}
.custom-logo-link { padding-bottom: 0px;  margin-top: 0;}
.box.waterdrop br, .box.truck br{display: none;}

footer{text-align: center;}
.middle-footer ul{margin-top: 5px;}
.middle-footer .list-holder:nth-child(3) h2{margin-bottom: 5px;}
.middle-footer .list-holder h2{margin-top: 15px; }

.modal input[type="email"]{max-width: 300px;}
.modal-header .close{height: 40px; width: 40px; font-size: 20px; right: 15px;z-index:999;}
.modal-body span{display: block; line-height: 0; margin-top: 5px;}
.modal input[type="text"], .modal input[type="email"], .modal input[type="number"], .modal textarea{margin-left: 0; margin-bottom: 0;}
.modal-body p strong{margin-bottom: 20px; font-size: 16px; line-height: normal;}
.contact .wpcf7-form-control-wrap{margin-bottom: 10px;}
.normal_band .col-md-7 .atlas_btn{margin-top: 15px;}
.normal_band .heading + p + a strong{margin-bottom: 10px; display: block;}
.video_band .youtube:after{font-size: 35px;}
.normal_band .img.before, .normal_band .img.after{text-align: center;}
.normal_band .img p{width: 100%; text-align: center; left: auto!important; right: auto !important;}
 
body .page-title h1, .newsline {
	font-size: 24px;
	line-height: 28px;
}

.normal_band span:not(.h1) {
	font-size: 24px;
	line-height: 28px;
}

body:not(.blog, .archive, .single) h2 {
	font-size: 24px;
	line-height: 28px;
}

.middle-footer .col-md-7 span, .bottom-footer span {
	font-size: 24px;
	line-height: 28px;
}
 
} 

/********************************* ipad portrait #ip ********************************/
@media only screen and (min-width : 768px) and (max-width: 1000px) {

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}

h1{}
h2{}
h3, body:not(.blog, .archive, .single) h3, .s2 {font-size:26px; line-height: 32px;}
h4{font-size:21px}
p, .content_row ul li, .content_row ol li{font-size:18px}
p.intro{font-size:20px}

.hidden-tab 
{display:none}

/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none}
.alignright.size-full{display: block;}
.visible_tab{display:block !important}
.client-brand .col-md-3, .client-brand .col-md-9, .difference-wrapper .col-md-4, .difference-wrapper .col-md-8{width: 100%;}
.box.truck.faded img{float: left;}
.normal_band .col-md-5 .size-full{margin-top: 0;}

body .page-title h1, .newsline {
	font-size: 28px;
	line-height: 32px;
}

.normal_band span:not(.h1) {
	font-size: 26px;
	line-height: 32px;
}

body:not(.blog, .archive, .single) h2 {
	font-size: 26px;
	line-height: 32px;
}

.middle-footer .col-md-7 span, .bottom-footer span {
	font-size: 26px;
	line-height: 32px;
}

}

/********************************* ipad landscape #il ********************************/
@media only screen and (min-width : 1001px) and (max-width: 1024px) {

}

@media only screen and (min-width : 1025px) and (max-width: 1100px) {

}



/* ================================= Small Computer #Sc ================================= */
@media only screen and (min-width : 1300px) {
    
.first_col , .first_li{padding-left:0 !important; margin-left:0 !important}
.last_col , .last_li{padding-right:0 !important; margin-right:0 !important}

}

    
/* ================================= Large Computer #lc ================================= */
@media screen and (min-width: 1450px) {}

/* IE10 Only CSs */
@media screen and (min-width:0\0) {}

/* ie10, ie11+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
/* ================================= 7 Media Query #media ================================= */  
/********************************* Mobile Potrait #MP ********************************/
@media screen and (max-width: 320px) and (orientation: portrait) {}

/********************************* Mobile Potrait ********************************/
@media all and  (max-width: 480px){
    .about-team-wrapper ul li{width: 100%;}
    .difference-wrapper ul{display: block;}
    .difference-wrapper ul li{max-width: 100%; width: 100%; margin:  0 !important}
    .middle-footer .container:after , .middle-footer:after{content: ''; position: absolute;  background-image: url(../images/bottom-mob-back.png); background-size:100%; background-position: top; left: 0px; height: 160px;}
    .atlas_logo {right: 50%; transform: translatex(50%); bottom: -130px;}
    .middle-footer{padding: 30px 0 180px;}
    .middle-footer .container:after{bottom: -175px;}
    .atlas_logo img{max-width: 200px;}
    .middle-footer .col-md-5 a{margin-bottom: 30px;}
    .service-desc{padding: 15px !important;}
    .modal-body p {margin-top: 60px;}
    .cd-top{width: 30px; height: 30px; line-height: 30px; right: 15px; bottom: 15px;}

    .wpcf7-form-control.wpcf7-submit {
        margin-top: 20px;
    }
    
    .mobile-adjust {
        margin-top: -15px;
    }
    
    
}


/* Here is the modal ..... mmodal.... modal .... */
.fpm_modal,
.fpm_modal2 {
    display: block;
    /*hidden by default */
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    top: 0;
    z-index: -999;
}

.fpm_modal_container {
    margin: 50px auto;
    /* padding: 0 20px; */
    padding: 0;
    max-width: 480px;
    /* Could be more or less, depending on screen size */
}

.fpm_modal p,
.fpm_modal2 p {
    color: #fff !important;
}

.lightbox_overlay {
    position: fixed;
    /* Stay in place */
    z-index: 5000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */
    opacity: 0;

}

.fpm_modal_visible {
    opacity: 1;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    z-index: 99999;
}

.fpm_modal_hidden {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.fpm_modal_submit_wrapper,
.fpm_modal,
.fpm_modal2 {
    text-align: center;
}

.fpm_modal .fpm_modal_close_holder,
.fpm_modal2 .fpm_modal_close_holder {
    position: relative;
}

.fpm_modal .fpm_modal_close_button,
.fpm_modal2 .fpm_modal_close_button {
    position: absolute;
    right: 30px;
    top: 30px;
    background: rgba(255, 255, 255, 0);
    cursor: pointer;
    border: solid 3px #fff;
    line-height: 42px !important;
    padding: .4em;
    opacity: 1;
    width: 70px;
    font-size: 35px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
    display: table;
    float: none;
    text-align: center;
    line-height: 43px;
}

.fpm_modal a.fpm_modal_close_button,
.fpm_modal2 a.fpm_modal_close_button {
    color: #fff !important;
}

.fpm_modal .fpm_modal_heading_text,
.fpm_modal2 .fpm_modal_heading_text {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 1.25em;
    text-align: left;
}

.fpm_modal_body form {
    text-align: left;
}

.fpm_form_row {
    /* display: block; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fpm_form_label_wrap {
    display: inline-block;
    width: 9em;
}
.fpm_form_service .fpm_form_label_wrap {
    width: 20em;
}

.fpm_form_input_wrap {
    display: inline-block;
    width: 100%;
}

form p.fpm_modal_body_text {
    margin-bottom: 0px;
}








.fpm_modal label,
.fpm_modal2 label {
    float: left;
    font-weight: 700;
    font-size: 1.25em;
    display: inline-block;
    color: #fff !important;
}

.fpm_modal_required_dot {
    color: #e77368;
    font-size: 20px;
    position: relative;
    top: -6px;
    display: inline-block;
}

.fpm_modal input,
.fpm_modal2 input {
    /* width: 100%; */
    max-width: 100%;
    float: left;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 1.25em;
    padding: 0 10px
}

.fpm_modal input.error,
.fpm_modal2 input.error {
    border: solid 2px red;
}

#fpm_modal_name {
    width: 95%;
}

#fpm_modal_email {
    width: 85%;
}


.fpm_modal textarea,
.fpm_modal2 textarea {
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    resize: none;
    height: 8em;
    padding: 10px;
}

/* .fpm_modal label[for=fpm_modal_message],
.fpm_modal2 label[for=fpm_modal_message] {
  padding-top: 5px;
  padding-bottom: 15px;
} */

.fpm_modal .fpm_modal_body_text,
.fpm_modal2 .fpm_modal_body_text {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9375em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.fpm_modal .fpm_modal_submit_button,
.fpm_modal2 .fpm_modal_submit_button {
    display: inline-block;
    background: #fadd4d;
    /* PRIMARY BUTTON COLOR HERE */
    border: #fff;
    border-radius: 50px;
    line-height: 10px;
    width: 100%;
    max-width: 200px;
    height: 50px;
    padding: 1.25em 1.5em 1.0625em;
    -webkit-appearance: none;
    font-weight: 700;
    color: #000033;
    text-transform: uppercase;
    float: none;
}

.fpm_modal .wpcf7-response-output {
	color: white;
}

.fpm_modal .fpm_modal_submit_button:hover,
.fpm_modal2 .fpm_modal_submit_button:hover {
    background: #c31e40;
    color: #000033;
    /* HOVER BUTTON COLOR HERE (LIGHTER SHADE) */
    cursor: pointer;
}

.fpm_modal #fpm_modal_output_message,
.fpm_modal2 #fpm_modal_output_message {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 5px;
}

#fpm_modal_output_message {
    color: #8bce4a;
}

#fpm_modal_output_message.error {
    color: #e77368;
}

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

    .fpm_modal,
    .fpm_modal2 {
        width: 95%;
    }

    .fpm_modal .fpm_modal_heading_text,
    .fpm_modal2 .fpm_modal_heading_text {
        font-size: 1.2em;
        text-align: center;
    }


    .fpm_modal .fpm_modal_close_button,
    .fpm_modal2 .fpm_modal_close_button {
        font-size: 23px;
        padding: .4em;
        top: 10px;
        right: 10px;
        border: solid 2px white;
        width: 60px;
        height: 60px;
    }

    .fpm_modal_container {
        margin: 70px auto 0;
    }

    .fpm_modal input,
    .fpm_modal2 input {
        height: 35px;
    }

    .fpm_modal textarea,
    .fpm_modal2 textarea {
        height: 5em;
    }

}

/* BNE Flyout Styles */
#flyout-content-id-1560 {
	overflow: scroll;
}

.bne-flyout-wrapper form label {
	margin-top: 15px;
}
.bne-flyout-wrapper input[type="text"], .bne-flyout-wrapper input[type="password"], .bne-flyout-wrapper input[type="date"], .bne-flyout-wrapper input[type="datetime"], .bne-flyout-wrapper input[type="email"], .bne-flyout-wrapper input[type="number"], .bne-flyout-wrapper input[type="search"], .bne-flyout-wrapper input[type="tel"], .bne-flyout-wrapper input[type="time"], .bne-flyout-wrapper input[type="url"], .bne-flyout-wrapper textarea, .bne-flyout-wrapper select {
	color: #999999 !important;
	background-color: #f0f0f0 !important;
}


@media (max-width:1024px) { 
	.flyout-content {
		margin-top: 51px;
	}
	.atlas_btn.mobile-menu {
		float: right;
	    margin-right: 90px;
	    width: auto;
	    font-size: 12px;
	    padding: 14px;

	}
}
@media (max-width: 768px) { 
	.atlas_btn.mobile-menu {
		margin-top: 5px;
		margin-right: 70px;
	}
}