@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

body, html{margin: 0;padding: 0;width:100%;}
body, p {font-family: 'Raleway', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}

#site-header {position:fixed;top: 0;left: 0;right: 0;z-index: 100; transition: all 0.3s ease;width:100%;}
.navbar{background-color: #282828!important;}
.navbar-brand{margin-right: 30rem!important;margin-left: 5%;} 
.navbar-nav{position: absolute;top: -22px;left:45%;}

a.nav-link {
    background:transparent; padding: 26px;
    color: #fff;text-align: center;
    width: 100px;
    height:120px;
    line-height: 93px;
    margin-left: 15px;
}
a.nav-link:hover{
    background: #000;
    padding: 26px;
    color:#f5be3b;
}
/*.navbar-nav .nav-item .nav-link{color: #fff; font-size: 16px;}

ul.navbar-nav{padding: 0;margin-left: 46%;}
li.nav-item{background: transparent;padding: 22px;top: 0;}
li.nav-item.active {background: #000;padding: 22px;top: 0; color: #f5be3b;}
li.nav-item .nav-link:hover{background: #000;padding: 22px;top: 0;color: #f5be3b;}
.p-0{padding: 0;}*/


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;font-size: 14px;
}
.dropdown-submenu {
    position:relative;font-size: 14px;
}
.dropdown-submenu>.dropdown-menu {font-size: 14px;
    top:0;
   left:100%;
    /* left:-10rem; 10rem is the min-width of dropdown-menu */
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {font-size: 14px;
    text-decoration: underline;
    transform: rotate(-90deg);
} 



.profe{background-color: #f5be3b;border-bottom: 4px solid #e8ad37;padding: 40px;}
.profe h2{text-align: center; color: #fff; text-transform: uppercase;}
.service-content{padding: 60px 0 60px 0;}
.service-content h3{font-weight: bold;margin-bottom: 20px;font-size: 14px;text-transform: uppercase;}
.service-content p{color: #909090; font-size: 15px; padding-bottom: 15px;}
.service-content a{font-size: 13px;padding: 10px 25px;font-weight: bold;letter-spacing: 2px; background-color: #000;color:#fff;}
.service-content a:hover{color: #fff; text-decoration: none;}
.explore .overlay a{position: absolute; color:#fff; text-align: center;top: 0px;right: 0px;bottom: 0px;left: 0px;opacity: 0;cursor: pointer;background-color: #0a0101c2;}
.explore .overlay a span{background: #57575778;position: absolute;top: 45%;left: 40%;padding: 20px;border-radius: 29px;}
.explore .overlay a:hover{opacity: 1;}
.client{padding:85px 0 40px 0;} .client h2{padding-bottom: 30px;}
#client-carousel .owl-nav{position: absolute;font-size: 57px;top: -106px;left: -3%;}
#client-carousel button.owl-next{position: absolute;right: -276px;}

#client-carousel .owl-nav button:focus{outline: none!important; border: none;}
.footer-wrapper{background-color: #262626; padding: 50px;}
.co-r{background-color:#555555;}.co-r p{padding-top: 25px;margin-left: 40px;color: #fff;}
.text-abouta{position: absolute;bottom: 30%; left: 45%;}
.text-abouta h2{font-size: 30px; color: #fff; text-align: center;
font-weight: bold;text-transform: uppercase;display: block}
.text-about{position: absolute;bottom: 30%; left: 38%;}
.text-about h2{font-size: 30px; color: #fff; text-align: center;
font-weight: bold;text-transform: uppercase;display: block}
.content p{font-size: 16px;}.text-manage{position: absolute;bottom: 30%; left: 30%;}
.content-con-de{padding: 90px 0 40px 0;}
.contact-text{background-color: #f5f5f5;text-align: center;width: 300px; height: 250px;}
.icon-con{position: absolute;background-color: #e2714d;top: -28px;left: 38%;width: 55px;height: 55px;line-height: 55px;border-radius: 30px;font-size: 20px;color: #fff;}
.contact-text h4{padding-top: 40px;color: #585858;font-size: 20px;
 margin-bottom: 20px;}
 
 .clients-pt{padding:80px 0 80px 0;}


@media (max-width: 767px) {
.navbar-brand {margin-right: 0px!important;margin-left: 0px;}
.navbar{padding: 25px!important;}

.navbar-toggler-icon {font-size: 23px;color: #fff;}

.navbar-toggler{position: relative; right: 13px;padding:0; border-radius: none;}
.navbar-nav {position: relative;}
#site-header{position: relative;}
ul.navbar-nav{margin-top: 28px;}
a.nav-link { float: left;padding: 0px;color: #fff;width: auto;height: auto;margin-left: -127px;line-height: 39px;}
a.nav-link:hover{background: none;padding: 0px;color:#f5be3b;}

.navbar-nav .dropdown-menu {position: relative!important;font-size: 14px;width: 230px;left: -18%;}

.text-abouta{left: 32%;}
.text-about{left: 9%;}
.res img{width: auto; height:200px;}
.contact-text{width: 325px;margin-bottom: 19%;}
.icon-con {left: 43%;}.client h2{margin-left: 22px;}

}