*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', 'Source Sans Pro', sans-serif;
    /* color:inherit; */
    font-size:98%;
}
html, body{
    scroll-behavior: smooth;
    /* font-family: 'Source Sans Pro', sans-serif; */
    width:100%;
    height:100%;

}
h1,h2,h3{font-weight:600;}

/* ---------------
    NAVIGATION BAR
-------------------*/
.rw0{margin-left:0; margin-right:0;}
.lr{
    padding-left:0;
    padding-right:0;
}
.header{
    background: #fff;
    width: 100%;
    /* padding: 5px; */
    /* max-height: 60px; */
    position: fixed;
    top:0;
    z-index:999;
    box-shadow: 1px 1px 4px rgb(237, 236, 236);
    padding:10px 0;
}

.logos{
    max-height:60px;
    padding:5px 0;
    display: block;
}

.logos img{
    position: relative;
    /* max-height: 80px; */
    z-index: 6;
}
.menu{
    font-size: 1.4rem;
    padding: 7px 10px;
    margin: 4px 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #FF9400;
    display: none;
    cursor: pointer;
}
.navigations{
    width: 100%;
    text-align:right;
    margin-top:6px;
}
ul.navs{
    padding:0;
    margin:0;
}

ul.navs li{
    list-style: none;
    display: inline-block;
    position: relative;
}

ul.navs li a{
    display: block;
    padding:7px 15px;
    text-decoration: none;
    font-size:1.1rem;
    font-weight: 500;
    color: #333;
    font-family: Oswald;
    border-radius:10px;
    margin:0 5px;
}
ul.navs li a:hover{
    /* background: #1a5292; */
    text-decoration:none;
    /* border: 1px solid #00B17A; */
    color: #FF9400;
}
ul.navs li a.actives{
    /* background: #1a5292; */
    text-decoration:none;
    border: 1px solid #FF9400;
    background:#FF9400;
    color:#fff;
}
ul.navs li ul{
    position: absolute;
    top: 110%;
    margin:0;
    padding: 0;
    background:#1a5292;
    display: none;
    opacity: 0;
    min-width:150px;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}
ul.navs li:hover ul{
    display: block;
    opacity: 1;
    top: 100%;
    transition: all 0.5s ease-in-out;
}

ul.navs li ul li{
    list-style: none;
    display: block;
}
ul.navs li ul li a{
    display: block;
    text-decoration: none;
    text-align: left;
    color:#fff;
    padding: 10px 10px;
    border-bottom:1px solid #FF9400;
}
ul.navs li ul li a:hover{
    background:#EC6608;
    color:#fff;
}
/* ------------- */

.main-slider{
    position: relative;
    margin-top:70px;
    height: 80vh;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.top-slide{
    position: relative;
    max-width:450px;
    min-height:250px;
    padding:20% 5% 5%;
    background-color: #fee9cb9f;
    background: rgba(220, 220, 220, 0.59);
    backdrop-filter: blur(11.3843px);
}
.top-slide .heading{ color:#FF9400; text-shadow: 1px 1px 1px #555;font-family: Oswald;}
.flat-btn, .flat-w-btn, .round-btn, .line-btn, a.flat-btn, a.flat-w-btn, a.round-btn, a.line-btn{
    padding:10px 25px;
    background:#FF9400;
    color:#fff;
    text-align: center;
    text-decoration:none;
    margin: 10px 10px 5px 0;
    transition: all 0.5s ease;
    cursor: pointer;
    border:transparent;
}
.round-btn, a.round-btn{border-radius:20px;}
.flat-w-btn, a.flat-w-btn{background:#fff; color:#333;}
.line-btn, a.line-btn{background:transparent; color:#FF9400; border:1px solid #FF9400;}
.flat-btn:hover, .round-btn:hover, a.flat-btn:hover, a.round-btn:hover,.line-btn:hover, a.line-btn:hover, .flat-w-btn:hover, a.flat-w-btn:hover{
    background:#333;
    color:#fff;
    transition: all 0.5s ease;
}
.back-btn{color:#FF9400; cursor: pointer; padding:7px; text-decoration: none;}

.section{
    position: relative;
    background-position: center;
    background-size: cover;
    padding:5% 0;
}
/* owl .carousel dots */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #FF9400;}
.owl-theme .owl-dots .owl-dot{ height: 24px; border: 1px solid #FF9400; border-radius: 100%; margin: 0 10px;}
.owl-theme .owl-dots{ margin: 33px 0 !important;}
/* -------------- */

/* ---news--- */
.news-update{padding: 3rem 0;background: #242527;}
.news-head{font-size: Oswald;}
.news-update .sub-head{color: #FFF;}
.news-update .sub{color: #FFF;margin-bottom: 2rem;}
.news-update hr{border: 1px solid #FFF;margin: 3rem 0;}
.news-wrap{background:#fff; margin:20px 0;}
.news-image1{background-size: cover; background-position: center;}
.news-contnt {padding: 2.5rem 2rem;}
.news-contnt .sub{color: #333; margin: 1.5rem 0;}
.news-contnt .read{color: #FF9400; text-decoration:none; padding:7px; font-size:0.9rem; margin: 1.5rem 0;}
/* ------------- */
/* -------title and text sizes-------- */
.title-xl, .title-lg, .title-md, .title-sm{font-family: Oswald;}
.title-xl{font-size: 2.5rem;}
.title-lg{font-size: 2.1rem;}
.title-md{font-size: 1.5rem;}
.title-sm{font-size: 1.2rem;}
.xx-bold{font-weight:900;}
.x-bold{font-weight:600;}
.bold{font-weight:500;}
.m-bold{font-weight:300;}
.s-bold{font-weight:200;}
.txt-lg{font-size:1.4rem; line-height: 1.4;}
.txt-md{font-size:1.2rem; line-height: 1.2;}
.txt-sm{font-size:1rem; line-height:1.2}
.txt-xs{font-size:0.8rem; line-height:1.2;}
/* -------------- */
.brd-pr{border:1px solid #FF9400;}
.brd-btm-pr{border-bottom: #FF9400;}
.brd-tp-pr{border-top:#FF9400}

.brd-w{border:1px solid #fff;}
.brd-btm-w{border-bottom:1px solid #fff;}
.brd-tp-w{border-top: 1px solid #fff;}
.brd-bl{border:1px solid #222;}
.brd-bl-tp{border-top:1px solid #222;}
.brd-bl-btm{border-bottom:1px solid #222;}
/* -----text and bg color---- */
.color-white{color:#fff;}
.color-primary{color: #FF9400;}
.color-gray{color:#999;}
.color-dark{color:#555;}
.color-black{ color:#000;}
.bg-white{background:#fff;}
.bg-prmry{background: #FF9400;}
.bg-pale{background: #ffefe0;}
.bg-gray{background:#ccc;}
.bg-dark{background:#555;}
.bg-black{background:#000;}
.bg-filter{backdrop-filter:blur(11.3843px);}
/* ----------------- */
.line-height-1{line-height: 1;}
.line-height-2{line-height: 1.4;}
.line-height-3{line-height: 1.8;}
/* --------alignment----- */
.left-align{text-align: left;}
.center-align{text-align: center;}
.right-align{text-align:right;}
.display-block{display: block;}
.display-inline{display: inline-block;}
/* ---------------- */
/* --------------- */
/* ---left-icon-feature */
.left-icon-featr{padding:10px;background:#fff;color:#333; margin-top:5px; display:inline-flex; cursor: pointer; text-decoration: none; min-height:80px; width:100%;}
.left-icon-featr .icon{padding:0 7px 0; font-size:2.5rem; color:#FF9400}
.left-icon-featr .titles{padding:5px; margin-top:2px;}
.left-icon-featr .title{color:#111;}
.left-icon-featr .cptn{font-size:0.7rem; padding:4px 0; color:#888;}
.left-icon-featr:hover{background:#333; color:#fff; text-decoration: none;}
.left-icon-featr:hover .title, .left-icon-featr:hover .cptn{color:rgb(228, 228, 228);}
/* ---------------- */
/* -----feature-job-list---- */
.feature-job-list{background:#fff; padding:20px 20px 30px; margin-top:20px;}
.feature-job-list:hover{background:#f6f6f6;}
/* ------feature box----- */
.feature-box{display: block;padding: 16% 3%;border-radius: 7px;}
/* ---------------------- */
.footer{ position:relative;background: #242527;padding: 5% 0 10px;}
.footer .title{color:#fff; font-size:1rem; font-weight:500; padding:10px 0; line-height:1.2; font-family: Oswald;}
.footer .logo{ position:relative; margin-bottom:10px;}
.footer .logo img{ max-height:50px;}
.footer .caption{ color:#ccc; font-size:0.8rem;padding:10px 0 5px;}
.footer .social{display: block; margin:10px 0 10px;}
.footer .social a{display: inline-block; width:40px; height:40px; line-height:40px; border-radius:50%;
      text-align:center; text-decoration:none; color:#FF9400; font-size:2rem;  margin:20px 7px 10px 0; box-shadow:1px 2px 9px rgb(40, 39, 39); transition:all .5s ease;}
.footer .social a:hover{ text-decoration:none; color:#fff; transition:all .5s ease;}
.footer .nav{display: block;}
.footer .nav a{display: block; text-decoration:none; padding:6px 0; color:#ddd; font-size:1rem; transition:all .5s ease;}
.footer .nav a:hover{display: block; text-decoration:none; padding:6px 0; color:#FF9400; font-size:1rem; transition:all .5s ease;}
.footer-end{display: block; padding:10px 10px 20px; color:#ccc; font-size:1rem; font-weight:200;}
/* ------------------- */
.client-logos{display: inline-block; padding:5px; text-align: center;}
.client-logos img{height:85px; width:auto; margin:0 auto;}
/* ------------------- */
/* -------Pop-ups------ */
.pop-up-wrap{position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:rgba(20, 19, 18, 0.8); z-index:9999; overflow-y: auto;}
.pop-up-wrap-show{display: block;}
.pop-up-wrap .pop-box{position:relative; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; max-width:800px;}
.pop-box .inner-box{display:flex; width: 100%;}
.pop-box .conts-l{padding:4%; display: block; width:70%; max-height:500px; overflow-y:auto;}
.pop-box .conts-r{padding:4%; display: block; width:30%; background-size: cover; background-position: center;}
.conts-l .cancel{position:absolute; top:5px; right:5px; font-size: 1.6rem; padding:2px 10px 4px; border-radius: 50%; color:#999; cursor: pointer;}
.conts-l .cancel:hover{color:#777; background-color: #FF9400; color:#000; cursor: pointer;}
.form-control {height: calc(1.2em + .47rem + 4px);padding: .05rem .35rem; color: #717171;margin-bottom: 7px; border-radius: 0;}
/* ------------------- */
/* ------------------- */
.checkme{ position: relative; padding:7px 12px; cursor: pointer; background:#FFD499; color:#444; margin-right:6px; border-radius:17px;}
.checkme input[type=checkbox]{ opacity:1;}
.checkme:focus span{ color:#FF9400;}
/* ------------------- */
.input-slider{ width:90%;}
.slider_label{margin-top: -10px; padding:10px; position: absolute;}
/* ---------steps-------- */
.steps{display:block;}
.steps span{position:relative; width:17px; height:17px; line-height:17px; text-align:center; margin:4px; display: inline-block; border-radius: 50%;}
.steps span .active{ width:9px; height:9px; background-color: #FF9400; display: block; border-radius: 50%;}
.steps span:after{position:absolute; top:0; left:0; content:""; width:102%; height:102%; border:1px solid #FF9400; border-radius: 50%;}
/* ------------------ */
.emply-wrap{background: #f7f7f7;}
.emply-bar{display: block; padding:10px 5px; text-align: center;}
.emply-bar h5{font-size:1rem; padding:10px 5px 5px;}
.emply-bar p{padding:5px 5px 10px; background:#eeeded;}
.emply-details{padding:5px;}
/* ----------------- */
.submit-right{text-align:right;}
/* -------------------- */
@media(max-width:768px){
    .logos img { max-height: 60px;}
    .menu{
        display: inline-block;
    }
    .navigations{
        position: fixed;
        top: 0;
        left: -280%;
        width: 80%;
        min-height:100vh;
        text-align:left;
        background:#e3e3e3;
        padding:20px;
        display:block;
        transition: all 0.5s ease-in-out;
        z-index: 9999;
    }
    .shownav{left: 0; transition: all 0.5s ease-in-out;}
   
    ul.navs li{
        display: block;
    }
    ul.navs li a{
        display: block;
        padding:12px 10px;
    }
    ul.navs li ul, ul.navs li:hover ul{
        position: relative;
        display: block;
        opacity: 1;
        top:0;
    }
}
@media(max-width:480px){
    .main-slider { height: 40vh;}
    .pop-up-wrap{position:block;}
    .pop-box .inner-box{display:block;}
    .pop-box .conts-l{ width:100%;}
    .pop-box .conts-r{width:100%;}
}