@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
@font-face {
    font-family: 'Ethnocentric';
    src:url('fonts/ethnocentric/Ethnocentric.ttf.woff') format('woff'),
    url('fonts/ethnocentric/Ethnocentric.ttf.svg#Ethnocentric') format('svg'),
    url('fonts/ethnocentric/Ethnocentric.ttf.eot'),
    url('fonts/ethnocentric/Ethnocentric.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/*****
 * GENEL
 **/
html,body{
    width:100%;
    height:100%;
}
body {
    color: #5a5a5a;
    font-family: 'Montserrat', sans-serif;
}
a,a:hover{
    text-decoration: none;
}

img{
    max-width:100%;
}

/*****
 * BOOTSTRAP
 **/
input:focus,
select:focus,
.form-control:focus,
.btn:focus
{
    outline: inherit;
    box-shadow: inherit;
}

/*****
 * HEADER
 **/
header{
    height:140px;
}
header>.container{
    padding-top:50px;
}
.navbar-brand{
    width:300px;
}
#navbarToggler{
    justify-content: end;
}

.nav-item{
    background:rgba(255,255,255,.8);
}
.nav-item a{
    color: #262626;
    font-size:14px;
    font-style: italic;
    font-weight:600;
}

.nav-item:hover,
.nav-item.active
{
    background:rgba(19,106,58,.8);
}
.nav-item:hover>a,
.nav-item.active>a
{
    color:#fff;
}

.is_main .nav-item:hover,
.is_main .nav-item.active
{
    background:#fff;
}
.is_main .nav-item:hover>a,
.is_main .nav-item.active>a
{
    color:#000;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}

.nav-item + .nav-item{
    margin-left:5px;
}

.nav-item ul{
    display:none;
    position:absolute;
    list-style-type: none;
    /*padding-top:10px;*/
    padding-top:0;
    right:0;
}
.nav-item:hover ul,
.nav-item.active ul{
    display:flex;
}
.nav-item ul li a{
    white-space: nowrap;
    color:#fff;
    padding:15px;
    display:block;

}





.nav-item ul li a:hover,
.nav-item ul li a.active{
    color:#d8ff00;
}




#siteContent{
    position:relative;
    min-height:calc( 100vh - 140px );
}

@media only screen and (max-width: 991px) {
    .navbar{
        z-index:500;
    }
    .nav-item ul {
        position: relative;
        list-style-type: none;
        padding:0;
        margin:0;
        flex-direction:column;
    }
    .nav-item + .nav-item {
        margin-left: 0;
    }
    .nav-item ul li a{
        text-indent:15px;
    }
    .is_main  .nav-item ul li a{
        color:#000;
    }

}

@media only screen and (max-width: 450px) {
    .navbar-brand{
        width:250px;
    }
}

@media only screen and (max-width: 400px) {
    .navbar-brand{
        width:200px;
    }
}

@media only screen and (max-width: 350px) {
    .navbar-brand{
        width:180px;
    }
}