*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

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

a[href^="tel:"] { color: inherit; text-decoration: none;}

::selection{ background:#888888; color:#fff}

::-moz-selection{ background:#888888; color:#fff}

a, a:focus{ color:#333333; text-decoration: none; outline:none}

a:hover{  text-decoration: none; outline:none; color:#052E63;}

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

img{ max-width:100%; border:0;}

body,html {height: 100%;  }

body {font-family: 'Roboto', sans-serif; color: #3b3939; font-size: 15px; font-weight: 400;  overflow-x: hidden;}

h1,h2,h3,h4,h5,h6{font-weight: normal; margin-bottom: 20px;}

h1,h2,h3{ /*font-family: 'Anton', sans-serif; font-weight: 700;*/}

h1{font-size: 35px; }

h2{font-size: 40px;}

h3{font-size: 36px;}
@media (min-width: 1400px){

.container {

    width: 1300px;

}

}


body { background-image: url(../images/bg.png);    background-position-x: center;
    background-position-y: center;
    background-position: center center;
    background-repeat: repeat; }

/* ==== THE CONTAINER ===== */

.fullwidth{width: 100%; float: left;}
.main_container {max-width: 1025px; margin: 0 auto; background: #fff;     padding: 0px 25px; }
.main_container:after {display: block; content: ''; clear: both; }
.social_icon {}
.social_icon a {height: 30px; width: 30px; background: #f5ae30; color: #fff; display: inline-block; line-height: 30px; text-align: center; transition: 0.5s;}
.social_icon a:hover {border-radius: 20px;}
.social_icon ul {margin: 0 -5px;}
.social_icon li {display: inline-block;    padding: 0 5px;}

.top_header{width: 100%; padding:0px 0px; background:#fff;  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.04); z-index: 99;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition:all 0.5s ease-in-out; }
.images_slide {height: 485px;}
.images_slide img {object-fit: cover; height: 100%;}
.owl-theme .owl-dots .owl-dot span {border: 2px solid #fbce1c;}
.owl-theme .owl-dots .owl-dot.active span {background: #fbce1c;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: -26px; position: relative;}
.about_sec {background: #f1f1f1; padding: 20px;}
.head {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.about_sec .images{position: relative; z-index: 9;    margin-top: 20px;}
.about_sec .images img {position: relative; z-index: 9;}
.about_sec .images:before{ background: #f5ae30; content: ""; width: 100%; height: 100%; position: absolute; left: -20px; top: -20px; transition: all 0.3s;}
.head:after {content: ''; display: block;width: 55px;
       margin: 0 auto; height: 2px; background: #f5ae30;}
.company_info a {color: #fff; text-decoration: underline;}
.company_info p {opacity: 0.8;}
.f_link a {color: #fff; font-size: 16px; opacity: 0.8;    padding: 0 0 5px 0;
    display: inline-block; transition: 0.5s;}
.f_link a:hover {color: #f4ae29;}

button {outline: none;}
footer {background: #222; color: #fff;   margin: 0 -25px; padding: 25px;}
.f_head {font-size: 18px; font-weight: 500; color: #fff;opacity: 0.8; margin-bottom: 20px;}
.f_head:after {content: ''; display: block;width: 55px;
    margin-top: 5px; height: 2px; background: #f5ae30;}
.copyright{    text-align: center;
    font-size: 14px;
    font-weight: 300;
    padding-top: 20px;
    margin-top: 20px;
    opacity: 0.5;
    border-top: solid 1px #5d5555;}

.inner_page {     border-top: solid 1px #f1f1f1; padding: 20px 0; }
.inner_page .head {margin-bottom: 45px;}
.services_name {  background: #f1f1f1;
    padding: 15px; min-height: 78px;
    border-bottom: solid 4px #f5ae30;}
.services_name p {    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #d68723;}
.services_box {margin-bottom: 30px;}    
.services_box img {width: 100%; object-fit: cover;}

.client_logo {display: flex; justify-content: center;   flex-wrap: wrap;}
.client_logo li {flex-basis: 25%;}
.logo_images {border: solid 1px #f1f1f1; padding: 20px;height: 100%;display: flex;
    align-items: center;}

.map_area {background: #f1f1f1; padding: 20px;min-height: 510px;}
.map_area .head:after {margin: 0;}
.map_area  .head {font-size: 20px;margin-bottom: 25px;}
.form_area .head:after {margin: 0;}
.form_area  .head {font-size: 20px;margin-bottom: 25px;}
.add_box {margin-top: 20px;}
.form_area {background: #eae9e9; padding: 20px;}
.form_area  .btn { background: #f5ae30;    padding: 6px 20px;    font-size: 16px;color: #fff; }
@keyframes slide-down {0% {opacity: 0.8; transform: translateY(-100%);}   100% {transform: translateY(0);}  }
.header:after {clear: both; display: block; content: '';}
.sticky .staticdiv{height:58px;}
.sticky .top_header{position: fixed !important; top: 0; left: 0; z-index: 9999; animation:slide-down 0.9s;border-bottom: 1px solid #ddd; width: 100%;}
.logo { float: left; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;  transition:all 0.5s ease-in-out;    margin-top: 5px;}
.topmenu{ transition:all 0.5s ease-in-out;}
.topmenu > ul{position: relative; width: 100%; float: left;text-align: center;}
.topmenu > ul > li{display: inline-block;}
.topmenu > ul > li > a{display: block; color:#3b3939; font-size:14px;font-weight:600; 
	transition: 1s; border-bottom: solid 3px transparent;     text-transform: uppercase;     padding: 10px 30px;}
.topmenu > ul > li.active > a, .topmenu > ul > li:hover > a{ color:#f4ae29;}
.topmenu > ul > li.telnum > a{color:#f00e7f; font-size: 15px; font-weight: 500;}
.topmenu > ul > li.telnum{border-left: 1px solid #ccc;}
.navicon{display: none;}
.plusicon {display: none;}
.submenu { position: relative;  }
.submenu:hover .drop_menu {  margin-top: 0; opacity: 1; visibility: visible;  }
.drop_menu { transition: 0.2s;   position: absolute;top: 75px; opacity: 0; visibility: hidden;    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.11);left: 0;background: #fff; margin-top: 20px; z-index: 999; min-width: 220px; }
.drop_menu li{padding:4px 10px;position: relative;}
.drop_menu li:last-child{border-bottom:none; }
.drop_menu  li a {color: #333333;position: relative;font-size: 14px;padding: 7px 0px;display: inline-block;transition: 0.5s;  }
.drop_menu li:after{content: ''; position: absolute; left: 0; bottom: 0%; transition: 0.5s;  background: #f8512e;  width: 0; height: 1px;}
.drop_menu  li:hover:after { left: auto; right: 0;width: 100%;}
.nav_outer {background: rgba(0,0,0,0.7); position:  fixed; top: 0; left: 0; height: 100%; width: 100%;z-index: 2; 

visibility: hidden; opacity: 0; transition: 0.2s;    transition: .5s;}
.cross_icon {display: none !important;}



@media (max-width:1279px) {
.topmenu > ul > li > a { padding-left: 11px;padding-right: 11px; }
}


@media(max-width:1199px){
.topmenu > ul > li > a{padding: 10px 12px;font-size: 14px;}
.top_header {height: 52px;}
.logo {width: 215px;     margin-top: 10px;}
}
@media(min-width:992px){
.topmenu{ display: block!important; float: right;margin-top: 25px;}
.topmenu ul li a:last-child { padding-right: 0; }
.logo { margin-bottom: 10px; }
}

@media(max-width:991px){
.topmenu{margin-top: 0;}
.cross_icon {display: block !important; width: 19px; height: 19px; }
.navicon{display: block; float: right; cursor: pointer; position: absolute; top: 10px; right:20px; z-index: 1; width: 30px; height: 30px; padding-top: 15px;}
.navicon span{ width:18px; height: 2px; background:#242223; position: relative; display: block;}
.navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px;     background: #242223; display: block; position: absolute; left: 0;}
.navicon span:after { width: 18px;  }
.navicon span:before{top: -7px;   }
.navicon span:after{bottom: -7px; }
.topmenu > ul > li{border-top: 1px solid #ddd;}
.topmenu > ul > li.telnum {border-left: 0;}
.topmenu > ul > li:first-child{border: none;}
.topmenu > ul > li > a{padding:10px 10px 10px 0px!important;}
.topmenu > ul > li .sublinks{display:none!important;padding:0px 10px; position: static; float: left;}
.submenu{ position: relative;}
.submenu.active .sublinks { display: block!important; background: none; border: none;}
.sublinks:after{display: none;}
.plusicon{display:block; position: absolute; right: 0; top: 5px;  cursor: pointer;}
.plusicon:after{content: "+"; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 24px; color:#fff;}
.topmenu { box-shadow: 0 0 3px #ccc; position: fixed;top: 0;right: -100%; z-index: 9999; width: 250px; padding: 20px; height: 100%;     overflow-x: hidden;background: #fff; overflow: auto;}
.topmenu > ul > li{width: 100%;}
.plusicon { display: block;position: absolute;right: 0;top: 5px; cursor: pointer;}
.minus_icon:after { content: "-" !important;  }
.plusicon:after {content: "+"; display: inline-block; width: 30px; height: 30px;text-align: center;line-height: 30px; 
font-size: 24px;color: #222;}
.drop_menu:after {display: none;}
.topmenu > ul {margin-top: 22px;  }
.drop_menu { background: transparent; position: static; display: none; transition: none; box-shadow: none; }
.drop_menu li a { color: #222;     font-size: 13px;  padding: 6px 12px;}
.social_icon {margin-top: 15px; margin-bottom: 30px;}
}



@media (max-width:479px) {
.main_container{padding: 0 15px;}
.topmenu > ul {text-align: left;}
/*.social_icon {position: fixed;
background: #f5ae30;width: 100%;left: 0;text-align: center;z-index: 999; bottom: 0;}*/
.images_slide {height: 250px;}
.about_sec .images:before {display: none;}
footer {margin: 0;}
.map_footer:before {display: block; clear: both; content: '';}
.map_footer {width: 100%; float: left;}
.copyright {margin-bottom: 20px;}
.client_logo li {flex-basis: 33.33%;}
.top_header {padding: 0;box-shadow: none;}
.services_name {min-height: 100px;}

    

}