html,
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    /* Keyword values */
    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    /* Global values */
    text-rendering: inherit;
    text-rendering: initial;
    text-rendering: unset;
}

.carousel-item {
    height: 80vh;
    min-height: 400px;
    background: no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bantxtL {
    left: 8%;
    right: 15%;
    width: 40%;
}

.bantxtR {
    right: 0;
    width: 35%;
}

.hL {
    display: inline-block;
    padding-bottom: 4px;
    position: relative;
}

.hL:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ffc107;
}

.nopd {
    padding-left: 0;
    padding-right: 0;
}

.nopdtb {
    padding-top: 0;
    padding-bottom: 0;
}

.list-inline {}

.list-inline .list-inline-item {
    width: 47%;
    font-size: 12px;
    border-bottom: solid 1px #eee;
    padding: 5px;
}

.list-inline .list-inline-item a {
    color: #555;
    font-weight: 400;
}

.list-inline1 {
    margin: 0;
    padding: 0;
}

.list-inline1 .list-inline-item {
    width: 100%;
    font-size: 12px;
    border-bottom: solid 1px #eee;
    padding: 5px;
}

.list-inline1 .list-inline-item a {
    color: #555;
    font-weight: 400;
}

.b2 {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(45deg, rgb(233, 165, 55), rgb(255, 222, 0));
    border-image-slice: 1;
}

.bg-1 {
    background: #f1b24b;
}

.bg-2 {
    background: #5f1b00;
}

.grad {
    background-image: linear-gradient(to right, #403121, #403121);
}

.grad2 {
    background-image: linear-gradient(to bottom, #000, #d7770f);
}

.grad3 {
    background-image: linear-gradient(to left, #f1f1f1, #fff);
}

.ball {
    border: 1px solid;
    border-image-source: linear-gradient(45deg, rgb(233, 165, 55), rgb(255, 222, 0));
    border-image-slice: 1;
}

.tshdw {
    text-shadow: 1px 1px 1px #444;
}

.sectionaboutus {
    color: #FFF;
    position: relative;
}


/* Header Parallax Element Style*/

.paral {
    min-height: 300px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}

.paralsec {
    background-image: url("../images/team.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.paralsec3 {
    background-image: url("../images/bgg.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.paralsec2 {
    background-image: url("../images/what-we-do.jpg");
}

.paralsec4 {
    background-image: url("../images/contactus.jpg");
}

.transbox {
    background: rgba(255, 255, 255, 0.9);
}

.pbb {
    padding-bottom: 1px;
    padding-left: 1px;
}


/*----------------------------------HOVER STYLE----------------------------*/

.hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    min-height: 270px;
}

.hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
}

.hover img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.hover-content {
    position: relative;
    z-index: 99;
}

.hover-3::after {
    content: '';
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    border: 1px solid #ffa200;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 90;
    transition: all 0.3s;
    transform: scale(1.1);
    opacity: 0;
    display: block;
    opacity: 0;
}

.hover-3-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 99;
}

.hover-3-description {
    opacity: 0;
    transform: scale(1.3);
    transition: all 0.3s;
}

.hover-3 img {
    width: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hover-3 .hover-overlay {
    background: rgba(114, 55, 28, 0.2);
}

.hover-3:hover img {
    width: 100%;
}

.hover-3:hover::after {
    opacity: 1;
    transform: none;
}

.hover-3:hover .hover-3-description {
    opacity: 1;
    transform: none;
}

.hover-3:hover .hover-overlay {
    background: rgba(114, 55, 28, 0.8);
}

.lnkhvr a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    display: inline-block;
    position: relative;
}

.lnkhvr a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #ff8400;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.lnkhvr a:hover:after {
    width: 100%;
    left: 0;
}

.lnkopc:hover {
    opacity: 0.8;
}


/* DEMO 2 ============================== */

.hover-2 .hover-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

.hover-2-title {
    position: absolute;
    top: 75%;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
    font-size: 18px;
}

.hover-2-description {
    width: 100%;
    position: absolute;
    padding: 15px;
    bottom: 0;
    opacity: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    transition: all 0.3s;
    font-size: 12px;
}

.hover-2:hover .hover-2-title {
    transform: translateY(-8rem);
}

.hover-2:hover .hover-2-description {
    bottom: 0.5rem;
    opacity: 1;
}

.hover-2:hover .hover-overlay {
    background: linear-gradient(to top, rgba(64, 49, 33, 1), rgba(64, 49, 33, 0.4));
}

address {
    font-size: 13px;
}


/*---------------------FOOTER--------------------*/

.bg-overlay {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 450px;
    padding-top: 50px;
}


/*-------------------------NEWS------------------------*/

.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
}

.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}

.overflow {
    position: relative;
    overflow: hidden;
}

.zoom img {
    transition: all 0.2s linear;
}

.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*--------------------------------MENU-------------------------------------*/

.navbar-container {
    box-shadow: 0px -20px 5px 20px #333333;
    font-size: 0;
}

.navbar-container ul {
    margin-top: 0;
}

.navbar-container ul li {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.navbar-container ul li a {
    color: #f1f1f1;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.navbar-container ul li a:hover {
    color: #ffc107;
}

.navbar-container ul li .underline {
    height: 3px;
    background-color: transparent;
    width: 0%;
    transition: width 0.2s, background-color 0.5s;
    margin: 0 auto;
}

.navbar-container ul li.active-link .underline {
    width: 100%;
    background-color: #ffc107;
}

.navbar-container ul li:hover .underline {
    background-color: #ffc107;
    width: 100%;
}

.navbar-container ul li:hover a {}

.navbar-container ul li:active a {
    transition: none;
    color: rgba(255, 255, 255, 0.76);
}

.navbar-container ul li:active .underline {
    transition: none;
    background-color: rgba(255, 255, 255, 0.76);
}


/*–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: .5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 5px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
    .po {
        pointer-events: none;
    }
}


/*----------------------Placeholder-----------------*/

.fc1::-webkit-input-placeholder {
    color: #f1f1f1;
    opacity: 1
}

.fc1::-moz-placeholder {
    color: #f1f1f1;
    opacity: 1
}

.fc1::-ms-input-placeholder {
    color: #f1f1f1;
    opacity: 1
}

.fc1::-ms-input-placeholder {
    color: #f1f1f1;
    opacity: 1
}


/*--------------*/

.fc2::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.fc2::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.fc2::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.fc2::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}


/*----------------END------------------*/

@media (min-width: 360px) and (max-width: 767.98px) {
    .navbar-brand img {
        height: 50px;
    }
    .navbar-brand {
        font-size: 12px;
    }
    .p-5 {
        padding: 1.5rem!important
    }
    .pt-5 {
        padding-top: 1.5rem!important
    }
    .pr-5 {
        padding: 0!important
    }
    .pl-5 {
        padding-left: .3rem!important
    }
    .py-5 {
        padding: 0!important
    }
    .carousel-caption {
        width: 60%;
        bottom: 5%;
    }
    .carousel-caption h1 {
        font-size: 1.6rem;
        color: #ffc107;
		font-weight:700;
    }
    .bantxtR {
        bottom: 5%;
    }
    .display-4 {
        font-size: 2rem;
        line-height: 2rem;
    }
    .list-inline .list-inline-item {
        width: 90%;
    }
    .nolf {
        padding-left: 0;
        padding-right: 0;
    }
    .blockquote h3 {
        font-size: 1.4rem;
    }
    .nav-link i {
        padding: 0 4px;
        border-radius: 0;
    }
    .nav {
        padding-bottom: 15px;
    }
    .carousel-itemsub {
        height: 40vh;
        min-height: 300px;
        background: no-repeat center bottom scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% 84%;
    }
}


}
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand img {
        height: 50px;
    }
    
    .navbar-brand {
        font-size: 14px;
    }
    
    .p-5 {
        padding: 1.5rem!important
    }
    
    .pr-5 {
        padding: 0!important
    }
    
    .py-5 {
        padding: 0!important
    }
    
    .carousel-caption {
        width: 80%;
        color: #333;
    }
    
    .carousel-caption h1 {
        color: #403121;
    }
    
    .display-4 {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    .list-inline .list-inline-item {
        width: 90%;
    }
    
    .pl-5 {
        padding-left: 0!important
    }
    
    .pr-5 {
        padding-right: 0!important
    }
    
    .nolf {
        padding-left: 0;
        padding-right: 0;
    }
    
    .blockquote h3 {
        font-size: 1.4rem;
    }
    
    .nav-link i {
        padding: 0 8px;
        border-radius: 0;
    }
    
    .nav {
        padding-bottom: 15px;
    }
}

}
@media (min-width: 992px) and (max-width: 1199.98px) {
    {
        .navbar-brand img {
            height: 50px;
        }
        
        .navbar-brand {
            font-size: 14px;
        }
        
        .p-5 {
            padding: 1.5rem!important
        }
        
        .pr-5 {
            padding: 0!important
        }
        
        .py-5 {
            padding: 0!important
        }
        
        .carousel-caption {
            width: 80%;
            color: #403121;
        }
        
        .carousel-caption h1 {
            color: #403121;
        }
        
        .display-4 {
            font-size: 2rem;
            line-height: 2rem;
        }
        
        .list-inline .list-inline-item {
            width: 90%;
        }
        
        .pl-5 {
            padding-left: 5rem!important
        }
        
        .pr-5 {
            padding-right: 0!important
        }
        
        .nolf {
            padding-left: 0;
            padding-right: 0;
        }
        
        .blockquote h3 {
            font-size: 1.4rem;
        }
        
        .nav-link i {
            padding: 0 8px;
            border-radius: 0;
        }
        
        .nav {
            padding-bottom: 15px;
        }
    }
    @media (min-width: 1200px) {
        {
            .navbar-brand img {
                height: 50px;
            }
            .navbar-brand {
                font-size: 14px;
            }
            .p-5 {
                padding: 1.5rem!important
            }
            .pr-5 {
                padding: 0!important
            }
            .py-5 {
                padding: 0!important
            }
            .carousel-caption {
                width: 80%;
                color: #403121;
            }
            .carousel-caption h1 {
                color: #403121;
            }
            .display-4 {
                font-size: 2rem;
                line-height: 2rem;
            }
            .list-inline .list-inline-item {
                width: 90%;
            }
            .pl-5 {
                padding-left: 5rem!important
            }
            .pr-5 {
                padding-right: 0!important
            }
            .nolf {
                padding-left: 0;
                padding-right: 0;
            }
            .blockquote h3 {
                font-size: 1.4rem;
            }
            .col-lg-2 {
                width: 20%;
            }
            .col-xl-2 {
                width: 20%;
            }
        }