@font-face {
    font-family: Roboto;
    src: local(Roboto Thin), url(../font/roboto/Roboto-Thin.eot);
    src: url(../font/roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Light), url(../font/roboto/Roboto-Light.eot);
    src: url(../font/roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Regular), url(../font/roboto/Roboto-Regular.eot);
    src: url(../font/roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(../font/roboto/Roboto-Medium.eot);
    src: url(../font/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: Roboto;
    src: url(../font/roboto/Roboto-Bold.eot);
    src: url(../font/roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: Montserrat;
    font-weight: 400;
    src: url(../font/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 600;
    src: url(../font/Montserrat/Montserrat-Bold.ttf);
}


/* root */

:root {
    --main-background: linear-gradient(150deg, #c69b2b 0%, #f9c86b 100%);
    --text-color: #cca131;
    --background-section: #fce4ba;
    --box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
}

.main-skin {
    background: #c69b2b;
}

.fixed-list {
    position: fixed;
    top: 56px;
    z-index: 1999;
    background: #fff;
    width: 100%;
}

button {
    outline: none !important;
}

button[type="submit"] {
    cursor: pointer;
}

.background {
    background-size: cover;
}

.breadcrumb {
    padding: 60px 0px 40px 0px;
    font-size: 28px;
    font-weight: bold;
    color: var(--text-color);
}

.blue-skin {
    background: #4285f4;
}

.white-skin {
    background: #fff;
}

.algin-center {
    align-items: center;
}


/* end root */


/* header */


/** header mobile **/


/** header mobile end **/

#header {
    height: 80px;
    box-shadow: 0 1px 15px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 1;
}

#header * {
    height: 100%;
}

header ul li a {
    font-family: Montserrat, sans-serif;
}

.navbar-nav .nav-link {
    color: #ff2000;
    padding: 0px 12px;
    display: flex;
    align-items: center;
    height: 100%;
}

.navbar-nav .nav-link.active {}

.navbar-nav li a:hover {
    color: #00578a;
}

.navbar-nav>li:hover .menu-child {
    display: block;
}

.navbar-nav .menu-child {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 15px;
    right: -30px;
    display: none;
    background: var(--main-background);
    padding: 10px 0px;
    z-index: 1000;
    box-shadow: 0px 10px 10px -7px #ccc;
    min-width: 150px;
}

.navbar-nav .menu-child.importantwhite {
    background: #fff !important;
}

.navbar-nav .menu-child.importantwhite li a {
    color: var(--text-color);
}

.navbar-nav .menu-child li {
    padding: 5px 5px;
}

.navbar-nav .menu-child li a {
    color: #ff2000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 5px;
}

.navbar-nav .menu-child li:hover a {
    color: #fd9308 !important;
    background: #f2f2f2;
}

.button-collapse {
    color: #000 !important;
    font-size: 20px;
}

.navbar-fixed-top {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 10000;
}

#contact {
    background: #F8F8F8
}

#contact button[type="submit"] {
    background: #FFF;
    color: #ff2000;
    border: 1px solid #ff2000;
    padding: 8px 40px;
}

#contact button[type="submit"]:hover {
    background: #ff2000;
    color: #fff;
}

@media (max-width: 900px) {
    #header .logo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header .logo a img{
        width: 100%;
    }
}

@media (min-width: 900px) {
    #navbar .logo img {
        height: 100%;
    }
}