@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
html{scroll-behavior: smooth;}
body {
    font-family: calibri ;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000
}

a {
    text-decoration: none
}

* {
    box-sizing: border-box;
}
.alert-red{background-color:#dc3545; color:#fff;}
.table td, .table th{padding:8px;}
button {
    cursor: pointer;
    outline: none;
}

    button:focus {
        outline: none;
    }
.ul_list{padding-left: 18px;
    list-style: square;}
input {
    outline: none;
}
.small, small{font-size:90%;}

.hm_main{height:100vh; overflow:hidden;}
#carouselExampleIndicators , #carouselExampleIndicators .carousel-inner, #carouselExampleIndicators .carousel-item, #carouselExampleIndicators .carousel-item img{height:100%; width:100%;}
.omaika_header{position:fixed; top:0; left:0; width:100%; z-index:2;}
.navbar{background:rgba(22,82,82,0.8); position:relative;}
.omaika_header_inner{position: absolute;
    left: 0;
    z-index: 1;
    height: 93px;}
.omaika_header_inner:before{background: #fff;
    position: absolute;
    left: 0;
    width: 180px;
    top: 0;
    height: 100%;
    content: "";}
.omaika_header_inner:after{content: "";
    position: absolute;
    left: 130px;
    width: 70px;
    height: 100%;
    top: 0;
    background: #fff;
    transform: skew(22deg, 0);
    border-right: 5px solid #507d7d;}
.navbar-brand{position:relative; z-index:1;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #fff;  background: #000;}
.navbar-light .navbar-nav .nav-link{color:#fff;}
.navbar-nav{text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0 20px;}
.nav-item{margin-left:5px;}

::-webkit-scrollbar {
    display: none;
}
.inner_bx{height:100vh; overflow:hidden; position:relative; background:url(../images/banner-img1.jpg) no-repeat; background-size:100% 100%; padding: 110px 0 20px;}
.white_bg{background:rgba(255,255,255,0.8); height:calc(100vh - 125px); padding:15px; -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; overflow-y:scroll;}
.inner_bx h1{text-transform: uppercase;
    font-weight: 700;
    font-size: 27px;
    color: #165252;}

.serv_bx{background:#fff; height: 100%; transition:0.5s;}
.serv_img{width: 100%;
    height: 125px;
    overflow: hidden;}
.serv_img img{width:100%; height:100%; transition:0.5s;}
.serv_cnt{padding:10px;}
.serv_cnt h2{font-size: 19px;
    font-weight: bold;}
.serv_bx:hover{background:#165252; color:#fff;}
.serv_bx:hover .serv_img img{transform:scale(1.05);}
.cl_green{color:#2b9b04}

.mserv_bx{margin-right: -8px; margin-left: -8px;}
.mserv_bx .col-lg-3{padding-right: 8px; padding-left: 8px;}

.contact-form input,
.contact-form select{    border-radius: 0;
    border: 0;
    height: 50px;
    box-shadow: 0 0 0;
    margin-bottom: 16px;
    font-size: 15px;
    font-family: sans-serif;}

.contact-form textarea{border-radius: 0;
    border: 0;
    height: 110px;
    box-shadow: 0 0 0;
    text-align: left;
    padding-left: 15px;}

.contact-form
::placeholder {
    color: #000;
}
.contact-form
:-ms-input-placeholder { 
    color: #000;
}
.contact-form
::-ms-input-placeholder {
    color: #000;
}

.btn-cont{background: transparent;
    color: #165252;
    border: 1px solid #165252;
    padding: 9px 50px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    min-width: 140px;
    text-align: center;
    border-radius: 5px;
    transition: 0.5s;
    margin-top: 20px;
    letter-spacing: 0.5px;}

.btn-cont:hover{background:#165252; color:#fff;}
.contact-field-rht{padding-left:50px;}
.contact-field-rht h2{    margin-top: 0;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;}

.contact-field-rht p{     margin-top: 40px;
    font-weight: bold;
    font-size: 16px;}
.contact-field-rht p a{color:#000;}
.contact-field-rht p img{margin-right:15px;}

#loader-wrapper {
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    align-content: center;
}
#loader {
    display: block;
    position: relative;
    left: 0;
    margin: 0;
    border-radius: 50%;
    z-index: 1001;
    right: 0;
    margin: auto;
}

    

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #165252;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    }  


@media (max-width:992px){
    .navbar-light .navbar-toggler{background:#fff;}
    .navbar-collapse{    background: #fff;
    position: relative;
    z-index: 2;
    margin-top: 16px;}
    .nav-item{margin-left:0}
    .navbar-light .navbar-nav .nav-link{color:#000}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 20px;}
}

@media (max-width:767px){
.contact-field-rht{padding-left:16px; margin-top:25px;}
}