@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');



body{ font-family: 'Comfortaa', sans-serif !important; }

h1,h2,h3,h4,h5,h6{ font-family: 'Comfortaa', sans-serif !important; }

p{ font-family: 'Comfortaa', sans-serif !important; }

a{ font-family: 'Comfortaa', sans-serif !important; }

.ahov:hover{
    text-decoration: none !important;
    color: #1C1F33 !important;
}

/*NAVBAR*/

.navbar-nav>li>a{

font-family: 'Comfortaa', sans-serif !important;

font-style: normal;

font-weight: 700;

font-size: 16px;

line-height: 19px;
color: #000000;
}

.navbar.navbar-static{
    border-radius: 20px !important;
}
div > ul.nav.navbar-nav.hidden-xs{
    margin-right: -15% !important;
}

/*END OF NAVBAR*/


/*BUTTONS*/

.btn {
	border: 2px solid #DB8353 !important;
    color: #1C1F33 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important; /* 150% */
    letter-spacing: 1.92px !important;
}

.btn2 {
    border: 2px solid #1C1F33 !important;
    color: #FDF6F0 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important; /* 150% */
    letter-spacing: 1.92px !important;
}


.btn:hover{
    background-color: #DB8353 !important;
    color: #FDF6F0 !important;
}

.btn2:hover{
    background-color: #1C1F33 !important;
    
}




/*END OF BUTTONS*/

/*DROPDOWN*/
.panel.panel-default{
    background-color: transparent !important;
    border-bottom: 1px solid #DB8353;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.panel-heading{
    background-color: transparent !important;
}

.panel-title{
    color: #1C1F33;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus{
    color: #1C1F33 !important;
}


.panel-body > p{
    color: #1C1F33;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/*END OF DROPDOWN*/

.height15{
    height: 15% !important;
    min-height: 15vh !important;
}

.firstsect{
    margin-top: -50px !important;
}

.overlayup{
    background-position: 50% -30% !important;
}


.footer-text, .footer-text>a{
    font-family: 'Comfortaa', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

div > ul.nav.navbar-nav.hidden-xs > a > img{
    width: 50% !important;
}



@media(min-width: 1440px){
    .overlayup2{
    background-position: 50% -5% !important;
    }
}

@media(min-width: 577px){
    .leftmarg{
        margin-left: 300px !important;
    }
}

@media(max-width:1440px) and (min-width:1024px){
    .overlayup {
        background-position: 50% -15% !important;
    }
    
    .overlayup2 {
        background-position: 50% -3% !important;
    }
    
   .contsmall{
        max-width:1300px !important;
    }
}

@media(max-width:576px){
    .calmpic{
        top:0 !important;
    }
    
    .icon-bar{
        background-color: #1C1F33 !important;
    }
    
    .visible-xs > button{
        margin-top: 15px !important;
    }
    
    .overlayup {
        background-position: 50% -1% !important;
    }
    
    nav > div > div.navbar-header > a > img{
        width: 65% !important;
    }
    
    .nodispmobile{
        display: none !important;
    }
    
    .contsmall{
        max-width: 360px !important;
        border-radius: 20px !important;
    }
    
    .navbar-collapse{
        padding-left: 40px !important;
    }
    
    .flexcol{
        display: flex !important;
        flex-direction: column !important;
    }
    
    .flexcolrev{
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    
    .height150{
        min-height: 150px !important;
        height: 150px !important;
        margin-top: -40px !important;
    }
    
    .mobbg{
        background-size: contain !important;
    }
    
    .margmob{
        margin-top: 0px!important;
        margin-bottom: 0px !important;
    }
    
    .rowmob{
        margin-top: 120px !important;
    }

}