@import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland');
@import url('https://fonts.googleapis.com/css?family=Roboto');
html{
    font-family: 'Roboto', sans-serif !important;
}
.handwrite{
    font-family: 'Mr De Haviland', cursive !important;
    font-size: 36px;
}
:root {
    --navbg: #4f7d70;
    --blue: #1e90ff;
    --white: #ffffff;
    --red: #ff5555;
    --primary: var(--red);
    --primary-text-color: #111;
    --primary-text-hover-color: #111;
    --primary-a-hover-color: var(--red);
}
.navBg{  
    background-color:var(--navbg) !important;
}
.navBg a,.handwrite {
    color: var(--white) !important;
    text-decoration: none;
}
.navBg a:hover {
    color: var(--white) !important;
}
.navBg .navitem .active{
    border-top: 4px solid var(--white);
    color:var(--white);
}
.nav-brand{
    font-size:1.5em;
    border-top: 4px solid rgba(0, 0, 0, 0);
    color:var(--primary-text-color);
    text-decoration: none;
}
.nav-link{
    border-top: 4px solid rgba(0, 0, 0, 0);
    color:var(--primary-text-color);
}
.nav-link:hover,.nav-brand:hover{
    color:var(--primary-a-hover-color);
}
.navitem .active{
    border-top: 4px solid var(--primary-text-color);
    color:var(--primary-text-color);
}
.fullscreenBG{
    min-height: 100%;
    background-image: url(http://wsg.com.tr/templates/wsg/assets/images/bg.jpg);
}
.bg-trans{
    background:rgba(0, 0, 0, .75);
}
.menu-border{
    border-bottom: 2px solid var(--primary-text-color);
}
.boxed{
    max-width: 70% !important;
}
.bordered{
    border: 4px solid var(--primary-text-color);
}
.formItem{
    background-color: rgba(200, 200, 200, .75);
}
.vh100{
    height: 90vh !important;
}
.ww{
    max-width: 50px;
}
a {
    color: var(--primary-text-color);
    text-decoration: none;
}

a:hover {
    color: var(--primary-a-hover-color);
}
@media screen and (max-width: 992px){
    .boxed{
        max-width: 100% !important;
    }
    .navitem .active{
        border: 1px solid var(--primary-text-color);
        color: var(--primary-text-color);
    }
}