@charset "UTF-8";
body{font-family: 'Roboto', sans-serif; /*font-family: 'Poiret One', cursive;*/}
.poiret{font-family: 'Poiret One', cursive;}
.text-green{color:#449577 !important;}
.bg-alpha-green{background-color: rgba(109,182,154,0.6);}
.top-nav::before{content: ''; background: url("../img/left-leaf.png") no-repeat left top; position: absolute; left: 0; right: 0; height: 101px;}
.top-nav::after{content: ''; background: url("../img/right-leaf.png") no-repeat right bottom; position: absolute; right: 0; bottom: -47px; height: 115px; width: 235px;}
.logo a{position: relative; z-index: 10000;}

.navbar li a.active,.navbar li:hover a{ background-color: rgba(130,192,164,0.8)}
.navbar li a.active, .navbar li a{border: none !important; outline: none !important;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #62aea1 !important;
    border: 1px solid  #62aea1 !important;
    opacity: 0.8;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
    z-index: 10000;
    position: absolute;
    top: -65px;
    right: 10px;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus{box-shadow: none !important;}
.social-header{position: relative; z-index: 100000;}
.social-header li{float: left;}
.social-header li img{max-height:35px; }
.social-header li{list-style-type: none;}
.email,.phone{font-size: 12pt;}



.footer{background: url("../img/footer.png") no-repeat top left rgba(130,192,164,0.8); min-height: 476px; padding-top: 95px; padding-bottom: 25px;}
.social-footer{min-width: 350px; line-height: 30px; color: #3a8e6f;}
.social-footer li{float: left;}
.social-footer li img{max-height:30px;}
.social-footer li{list-style-type: none;}
.social-footer .social-arrow{/*background: url("../img/sosyal-ok.png") top right no-repeat;*/ float: left; padding-right: 15px;}
.footer-links li{list-style-type: none;}
.footer-links li a{color:#3a8e6f; text-decoration: none; font-weight: 500; display: block;padding: 10px 5px;}
.footer-links li a:hover{background-color: rgba(130,192,164,0.8); color: #FFFFFF;}

.footer img{
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
.footer img:hover {
    -webkit-transform: rotate(5deg) scale(1.1);
    transform: rotate(5deg) scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.carousel-control-next, .carousel-control-prev {z-index: 1000;top: -65px !important;bottom: 0 !important;width: 85px;height: 65px;background-color: #62aea1 !important;color: #ffffff !important;opacity: .8 !important;}
.carousel-control-next{left: 86px !important; border-top-right-radius:15px; }
.carousel-control-prev{border-top-left-radius:15px; }
.slider .carousel-dark .carousel-control-next-icon,.slider .carousel-dark .carousel-control-prev-icon{ filter: none !important;}
.carousel-dark .carousel-indicators [data-bs-target]{  background-color: #FFFFFF;}
.slider .carousel-caption{bottom: 6.0rem;}


.news .new{-webkit-box-shadow:0 0 4px rgba(0,0,0,.1);-moz-box-shadow:0 0 4px rgba(0,0,0,.1);box-shadow:0 0 4px rgba(0,0,0,.1);background:#fff;margin:5px 10px;text-align:center}
.news .media-holder img{width:100%;height:auto;vertical-align:middle}
.news .social-links{margin-top:-40px;background:#fff;position:relative;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.news .new:hover .social-links{opacity:1}
.news .social-links a{display:inline-block;width:40px;line-height:40px;font-size:18px;background:#fff;color:#555;text-decoration:none}
.news .social-links a:hover{background-color:#eee}
.news .detail-container{padding:18px 15px 10px;position:relative;background-color:#fff}
.news a.detail-title{font-size:18px;line-height:1em;margin-bottom:12px;color:#666; text-decoration: none;}
.news .detail-subtitle{font-size:12px;line-height:1em;color:#999;margin-bottom:10px}
.news .detail-container p,.news .detail-container p a{color:#666;font-size:13px;text-align:left;line-height:1.6em; text-decoration: none;}


.news .social-links {filter: alpha(opacity=0);}
.news .new:hover .social-links {filter: alpha(opacity=100);}
.news .slick-dotted.slick-slider{margin-bottom: 35px !important;}
.news .slick-dots li button{background: #65b396 !important;}
.news .slick-dots li.slick-active button{background: #32594a !important;}

.project{background: url("../img/projects-bg.jpg") no-repeat left top #FFFFFF; border-radius: 15px; padding: 50px 20px;}
.project:hover{ box-shadow: 10px 10px 8px rgba(109,182,154,0.8)}
.project:hover a{ color: #EFBD0E !important;}


.project .project-name a{ text-decoration:none;color: #207f32; font-size: 18pt; padding: 15px 20px; font-weight: 300 !important; font-family: 'Roboto', sans-serif !important; display: block;}

.first-waste-types a{color: #FFFFFF; text-decoration: none;}

.waste-types{box-shadow: 0 0 4px rgba(0,0,0,.1); border-radius: 15px;}
.waste-types-carousel .item{ min-height: 140px;}
.waste-types-carousel .item a{ border-radius: 15px; color: #FFFFFF; text-decoration: none; font-size: 16px;}
.waste-types-carousel .item img{ max-height: 75px;-webkit-transform: scale(1); transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.waste-types-carousel .item:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.waste-types-carousel .slick-prev{left: -10px !important;}
.waste-types-carousel .slick-next{right: -10px !important;}
.waste-types-carousel .slick-next::before, .waste-types-carousel .slick-prev::before { color: #a6cca0; font-family: "Font Awesome 6 Free"; font-weight: 900 !important; font-size: 25px;}
.waste-types-carousel .slick-next::before{content: "\f054" !important;}
.waste-types-carousel .slick-prev::before{content: "\f053" !important;}


.page-header .breadcrumb-div{position: relative; top: calc(100% - 115px);}
.page-header .breadcrumb li a{ color:#32594a; text-decoration: none;}
.breadcrumb-item.active{ color:#32594a !important; text-decoration: none;}
.breadcrumb-item + .breadcrumb-item::before{color:#32594a;}
.page-header .page-title{ top: calc(45% - 50px); text-shadow: 2px 2px 2px #FFFFFF; position: relative; display: block; text-align: center; color: #3a8e6f; font-size: 50px;}

.page-header-text-white .page-title{color: #FFFFFF !important; text-shadow: none !important;}
.page-header-text-white .breadcrumb li a{ color:#FFFFFF;}
.page-header-text-white .breadcrumb-item.active{ color:#FFFFFF !important;}
.page-header-text-white .breadcrumb-item + .breadcrumb-item::before{color:#FFFFFF;}


.sidebar{ background-color: #e7f3ed;}
.sidebar .sidebar-title{top: -70px; left: 0; line-height: 70px; color: #32594a; font-size: 22px; text-align: center; display: block; background-color: #dbe6e0; height: 70px;}
.sidebar ul li{display: block; list-style-type: none; margin-bottom: 5px;}
.sidebar ul li a{display: block; text-align: center; text-decoration: none; padding: 7px 0; color: #3a8e6f; border-radius: 5px;}
.sidebar ul li a:hover{background-color: rgba(130,192,164,0.8); color: #FFFFFF;}
.sidebar ul li.active a{background-color: rgba(130,192,164,0.8); color: #FFFFFF;}


.page-waste-types .type-title{ min-height: 70px; background-color: #dbe6e0; display: block;}
.page-waste-types .type-title a{ color: #32594a; font-size: 22px; display: block; text-decoration: none !important;}
.waste-types img{height: 175px !important;}

.page-waste-types .waste-type{background-color: #e7f3ed; color: #32594a; font-size: 14px;}
.page-waste-types .waste-type a.type-description{color: #32594a; text-decoration: none;}
.page-waste-types .waste-type img{height: 200px !important;}
.page-waste-types .type-img{height: 250px;}

.page-projects .projects-title{ min-height: 70px; background-color: #dbe6e0; display: block;}
.page-projects a.projects-title{ color: #32594a; font-size: 22px; display: block; text-decoration: none !important;}
.page-projects .page-project{ background-color: #e7f3ed; color: #32594a; font-size: 14px; }

.page-projects .page-project a.projects-description{color: #32594a; text-decoration: none;}
.actual{-webkit-box-shadow:0 0 4px rgba(0,0,0,.1);-moz-box-shadow:0 0 4px rgba(0,0,0,.1);box-shadow:0 0 4px rgba(0,0,0,.1);background: #fff;}
.actuals-description{text-align: justify; font-size: 14px;}
.actual, .actual a{color: #32594a; text-decoration: none;}
.actual .date{font-size: 13px;}
.actual .detail{font-size: 13px; text-decoration: underline;}
.actuals .load-more{background-color: #e7f3ed; color: #3a8e6f;}
.actuals .load-more:hover{background-color: #3a8e6f; color: #e7f3ed; outline: none;}


.contact-box-inner{ background-color: #dbe6e0;}
.contact-box span{background-color: #cdd4d0;}
.contact-form input,.contact-form textarea{border-color:#dbe6e0; }
.contact-form .btn{background-color: #92dfd1; color: #FFFFFF;}
.contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="email"], .contact-form textarea, .contact-form select {
    outline: none; box-shadow: none !important;
}

/*X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/
@media (max-width: 575px) {
    .top-nav{position: relative !important;}
    .top-nav .e-mail-phone{display: none;}
    .top-nav .logo{ margin-bottom: 0px; position: relative; z-index: 5;}
    .top-nav .social-header{display: none;}
    .navbar-nav .nav-link{margin-bottom: 5px;}
    .footer{padding-top: 10px;}
    .footer-logo{float: none !important; text-align: center !important;}
    .footer-logo .logos img{ max-height: 60px !important;}
    .social-footer{margin-top: 15px !important;}
    .footer .pt-5{padding-top: 15px !important;}
    .footer-links-right ul{padding-left: 0 !important}
    .carousel-control-next, .carousel-control-prev {display:none;top: -40px !important;left:2px;bottom: 0 !important;width: 55px;height: 40px;}
    .carousel-control-next{left: 58px !important; border-top-right-radius:10px; }
    .slider .carousel-caption{bottom: -15px; right: 10px;}
    .slider .carousel-caption .btn{font-size: 14px; padding: 3px 10px !important; float: right;}
    .carousel-indicators{bottom: -18px;}
    .sidebar{padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 15px !important;}
    .sidebar .sidebar-title{top: 0 !important; position: relative !important;}
    .page-header .page-title{font-size: 30px;top: calc(19%);}
    .page-header .breadcrumb-div {top: calc(100% - 72px);}
    .sidebar ul.py-5{padding-top: 15px !important; padding-bottom: 0px !important;}
    .content{padding: 25px 20px !important;}
    .content img{margin-bottom: 15px;}
    .page-project img{ }

}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    .top-nav{position: relative !important;}
    .footer{padding-top: 10px;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}