body,html{}
body{font-family: 'Mulish', sans-serif; font-weight: normal; line-height: 1.5; color: #333; position: relative; height: 100%; overflow-x: hidden; background: #fff}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px;}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Mulish'; font-weight: bold}
.text-center p{text-align: center}
h1{font-size:40px; color: #34542c}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
a{color: #007fff}

.text-success{color: #666!important}

.form-control,.img-thumbnail,.btn{border-radius:0;}
.btn{padding: 8px 20px; text-transform: uppercase; font-size: 15px}
.btn-dark:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}
.lead{font-weight: 500}
.btn-primary{background: #032d57; border-color:#032d57;transition: ease-in-out 0.3s}
.btn-primary:hover{background: #f7b72f;border-color: #f7b72f;}
.btn-outline-primary{background: #fff; border-color:#032d57;color: #032d57; transition: ease-in-out 0.3s}
.btn-outline-primary:hover{background: #032d57; border-color:#032d57;color: #fff;}
.btn-secondary{background: #f0f0f0; border-color:#eee;color: #545e6c;transition: ease-in-out 0.3s}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: #333;border-color: #545e6c; color: #fff}
.text-primary{color: #f7b72f!important}
.bg-primary{background: #f7b72f!important; color: #fff}
.lead{font-size: 20px}
.color-333{color: #333}
.color-666{color: #666}
.color-999{color: #999}
.color-aaa{color: #aaa}

.owl-carousel{padding: 0 25px}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 50px; height: 100px; font-size: 30px; line-height: 100px; padding: 0; background: rgba(255,255,255,0.5); color: rgba(0,0,0,0.6); z-index: 100; border-radius: 8px; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(255,255,255,0.7); color: rgba(0,0,0,1)}


.owl-theme .owl-nav{position: absolute; top: 50%; left: -22px; right: -22px; transform: translateY(-50%); z-index: 5; margin: 0}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #545e6c}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}

.navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}
.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}

.navbar{background:rgba(0,0,0,0.8); padding:10px 0; transition: ease-in-out 0.3s}
.navbar.fixed{background:rgba(0,0,0,1);}
.navbar-expand-lg .navbar-nav .nav-item{margin-left:10px;}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff;padding: 10px 15px;line-height:1; text-transform: uppercase; font-weight: 500}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .active .nav-link{color: #fff}
.navbar.fixed{box-shadow: 0 0 15px #ccc}

.navbar img{max-width: 220px; transition: ease-in-out 0.3s}
.navbar.fixed img{max-width: 190px}
.navbar-brand{padding: 0 10px 0 0}
.servicepage h3,.servicepage h2, .servicepage h1, .servicepage h4, .servicepage h5{margin-bottom:20px;}

.dropdown-menu{border-radius: 0}
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.2s; }
.dropdown-item:hover{background: #555; color: #fff}
.dropdown-item.active, .dropdown-item:active{background:#333;}
.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{display: block;}
.dropdown-menu{margin-top: 0;}
.dropdown-toggle{margin-bottom: 2px;}
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{margin-bottom: 0;}  

/* dd menu hover */
.dropdown-toggle-custom:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/* dd menu hover */

/*home banner*/
.sec-homebanner{}
.owl_home_main{padding: 0}
.owl_home_main .item {height: 100vh; background-size: cover; background-position: center}
.owl_home_main .item .content{position: absolute; left:0; right: 0; top: 50%; transform: translateY(-40%); z-index: 5; }
.owl_home_main .banner-wrapper{width: 100%; padding:20px; max-width: 700px; border-radius: 0; margin:0 auto; text-align:center;}
.owl_home_main .banner-wrapper p{font-size: 20px; margin: 10px 0 0; color: #fff}
.owl_home_main .banner-wrapper h1{margin: 0; color: #fff; font-size: 60px; text-transform: uppercase}
.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 20px; right: 20px; transform: translateY(-50%); z-index: 5}

.bg-primary{background: #421cef!important; color: #fff}
/*home welcome*/
.sec-home-welcome h1{margin-bottom:20px;}
.case-study,.bgcolor{background: #f2f2f2;}
.card-case{box-shadow: 0px 7px 5px #9999992e;transition: ease-in-out 0.2s;}
.card-case:hover{box-shadow: 0 7px 10px 5px #99999975;}
.card-case h4{margin-bottom: 15px}
.card-case p{color: #777}

.card-team {box-shadow: 0px 7px 5px #99999933; transition: ease-in-out 0.2s; text-align: center}
.card-team:hover {box-shadow: 0px 7px 8px 5px #99999969}
.card-team .card-head{position: relative; overflow: hidden}
.card-team .card-head .hover{background: rgba(255,255,255,0.8); position: absolute; left: 0; bottom: -100px; right: 0; text-align: center; padding: 7px; opacity: 0; transition: ease-in-out 0.2s}
.card-team:hover .card-head .hover{bottom: 0; opacity: 1;}
.hover a{display: inline-block; padding: 3px 8px; color: #444; font-size: 20px;transition: ease-in-out 0.2s}
.hover a:hover{color: #000;}

.card-team h4{margin-bottom: 15px; font-size: 18px; margin-bottom: 10px}
.card-team p{color: #777; font-size: 14px; margin: 0}

footer{background: url(../images/logox.png) center no-repeat #252525; color: #d8d8d9; font-size:15px;}
footer a{color: #d8d8d9}
footer a:hover{color: #fff; text-decoration: none}

footer h3{margin-bottom: 30px; font-weight: normal; font-size: 24px; position: relative; color: #84c968; }
footer p{line-height: 1.7}
footer hr{border-color: #4a4a4a}

.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 10px; align-items:center;}
.list-contact li i{width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 32px; margin-right: 10px}
.list-contact li a{color: #fff;}
.list-contact li a:hover{text-decoration: none; color: #ddd}

.list-quick-links{}
.list-quick-links li{}
.list-quick-links li a{display: block; padding: 8px 0 8px 20px; position:relative; text-transform: uppercase }
.list-quick-links li a:before{position:absolute;content:'\f105'; top:7px;left:0;font-family:'Line Awesome Free';font-weight:900;color:#84c968!important; }
.list-quick-links li a:hover{text-decoration: none;}

.copyright{background:#181818; color: #f2f2f2; font-size: 14px;}
.copyright a{color: #f2f2f2; padding: 0 5px}
.copyright a:hover{color: #fff; text-decoration: underline}

 
.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff; z-index:1;}
.static-banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #545e6c; color:#fff;text-align:center;}


@media screen and (min-width: 1300px){
  .container-fluid{padding-left: 100px; padding-right: 100px}
}
@media screen and (max-width: 1200px){
    .container{width: 100%; max-width: 100%;}
    .owl-theme .owl-nav{left: -12px; right: -12px;}
    .owl-carousel{padding-left: 30px; padding-right: 30px;}
    .owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
    .owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}

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

}

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

}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute; z-index:99
}
}

@media screen and (max-width: 991px){
    .navbar-collapse{position: absolute;top: 100%;z-index: 100;background: #222; padding: 0px 0; left: 0;right: 0;}
.navbar{padding: 8px}
.navbar-expand-lg .navbar-nav .nav-link{padding: 15px}
footer{text-align: center}
.list-contact li{display: block}
footer h3:before{left:50%;transform:translateX(-50%)}
.list-quick-links li a:before{left:auto; margin-left:-20px}
}
@media screen and (max-width: 767px){
.owl_home_main .banner-wrapper h1{font-size:30px;}
.owl_home_main .banner-wrapper p{font-size:16px;}
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 575px){
.owl_home_main .banner-wrapper{padding:10px;}
.toggleLeftNav.active .la-bars{display: none}
.toggleLeftNav.active .la-times{display: block}
.owl-theme.owl_home_main .owl-nav{display:none;}
.pb-5, .py-5 {padding-bottom: 2rem!important;}
.pt-5, .py-5 {padding-top: 2rem!important;}
.list-contact li i{display:block;margin:12px auto 5px;}
.static-banner h2{font-size:20px;}
.owl_home_service.owl-theme .owl-dots{left:15px;right:15px;transform: translateX(0);-webkit-transform: translateX(0);}
.free_quote{top: 20%;}
.card-service .card-body{min-height:100px}
.card-team .card-head .hover{bottom: 0; opacity: 1;}
}
@media screen and (max-width: 480px){

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

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

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

}