/* ===============================
PORTO DROPDOWN FIX
=============================== */

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

@media (min-width: 992px){

#mainNav li{
position:relative;
}

#mainNav li.dropdown > .dropdown-menu{
position:absolute;
top:100%;
left:0;
display:none;
background:#fff;
min-width:220px;
padding:8px 0;
border-radius:4px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
z-index:9999;
}

#mainNav li.dropdown:hover > .dropdown-menu{
display:block;
}

#mainNav .dropdown-menu li{
display:block;
width:100%;
}

#mainNav .dropdown-menu a{
display:block;
padding:8px 18px;
font-size:14px;
color:#444;
text-decoration:none;
}

#mainNav .dropdown-menu a:hover{
background:#f5f5f5;
color:#0088cc;
}

}


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

@media (max-width: 991px){

#mainNav .dropdown-menu{
position:relative;
display:none;
width:100%;
margin:0;
padding-left:20px;
background:transparent;
box-shadow:none;
}

#mainNav li.open > .dropdown-menu{
display:block;
}

/* ok ve başlık hizası */

#mainNav li.dropdown > a{
display:flex;
justify-content:space-between;
align-items:center;
}

}


/* -------- PORTO HEADER FIX -------- */

.header-nav-main nav{
overflow:visible !important;
}


/* ALT MENÜ RENK */

/* ALT MENÜ YAZI RENGİ */

#mainNav .dropdown-menu a{
color:#028c21 !important;
}

#mainNav .dropdown-menu a:hover{
color:#016b18 !important;
}


.home-slide{
height:500px;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
color:#fff;
}



.slide-content{
max-width:1200px;
margin:auto;
color:#fff;
position:relative;
z-index:5;
}

.slide-content h2{
font-size:48px;
font-weight:700;
}
.slide-item{
height:600px;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}


.slide-content{
max-width:1200px;
margin:auto;
color:#fff;
position:relative;
z-index:5;
}

.slide-title{
font-size:48px;
font-weight:700;
opacity:0;
}

.slide-text{
font-size:18px;
opacity:0;
}


.animate-title{
animation:portoFadeDown 1s ease forwards;
}

.animate-text{
animation:portoFadeUp 1s ease forwards;
animation-delay:0.4s;
}

.slide-desc{
font-size:18px;
opacity:0;
transform:translateY(40px);
}
#home-slider,
#home-slider .owl-stage-outer,
#home-slider .owl-stage,
#home-slider .owl-item,
#home-slider .home-slide{
height:500px;
}

.slide-animate{
opacity:0;
}


.slide-caption{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
max-width:700px;
}


@keyframes portoFadeDown{
0%{
opacity:0;
transform:translateY(-40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes portoFadeUp{
0%{
opacity:0;
transform:translateY(40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}



.slide-title,
.slide-text{
opacity:0;
}

/* aktif slide olduğunda animasyon başlar */

.owl-item.active .slide-title{
animation:portoTitle 0.9s ease forwards;
}

.owl-item.active .slide-text{
animation:portoText 0.9s ease forwards;
animation-delay:0.4s;
}

@keyframes portoTitle{
0%{
opacity:0;
transform:translateY(-40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes portoText{
0%{
opacity:0;
transform:translateY(40px);
}
100%{
opacity:1;
transform:translateY(0);
}
}