html,body,#daday,.mm-page{height: 100%;width: 100%;position: relative;}
body{font-family: 'Open Sans', sans-serif;font-size: 100%;margin:0;padding:0;color:#333;background-color: #f5f5f5;}
img{max-width: 100%;}
a{color:#333;transition: all 0.3s ease;}
button{transition: all 0.3s ease;outline: none;}button:focus{outline: none;}
a,.animete{outline: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover,a:focus,a.active{text-decoration: none;color:#000000;outline: none;}
.padno-left{padding-left:0;}
.padno-right{padding-right: 0;}
.padno{padding-right: 0;padding-left: 0;}
.anime{opacity: 0;}
.h100{height: 100%;}
.content{min-height: calc(100% - 382px);}
main{overflow: hidden;}
header{padding-top: 10px;background-color: #FFF;}
header .container{position: relative;}
header .header-row{display: flex;flex-wrap: inherit;}
header .header-row > div{display: flex;}
body.home header .header-row{align-items: center;justify-content: space-between;}
.header-top-mobil{display: none !important;line-height: 1;}
.header-top-mobil .butn{font-size: 2rem;}
.header-top-mobil .button-page{display: none;}
html.mm-wrapper_opened .header-top-mobil .button-page{display: inline-block;}
html.mm-wrapper_opened .header-top-mobil .button-menu{display: none;}
#top{padding: .5rem 0;display: flex;justify-content: flex-end;align-items: center;}
#top > div{margin-left: 1.8rem;}
.top-sosial a{color: #333;margin-left: .8rem;font-size: 1.2rem;}
.top-sosial a:hover,.top-sosial a:focus{color: #ec0028;}
.top-info a{color: #333;margin-left: 1rem;display: flex;align-items: center;font-size: .8rem;}
.top-info a > i{color:#00243D;margin-right: .5rem;font-size: 1.2rem;}
.logo-c a{display: flex;}
.logo{font-weight: 700;letter-spacing: -1px;display: flex;align-items: center;}
.logo > img{width:600px !important;max-width:600px !important;height:auto !important;}
.menu-c{justify-content: flex-end;width: 100%;}
.menu-c > ul > li{position: relative;display: flex;align-items: center;}
.menu-c > ul > li:hover > ul{display: block;}
.menu-c > ul > li > a,.menu-c > ul > li > span{text-transform:uppercase;padding:15px 12px;display:flex;align-items:center;font-weight:700;font-size:1.1rem;position:relative;color:#515556;}
.menu-c > ul li a:hover,.menu-c > ul > li > a.active{color: #404242;}
.menu-c > ul > li > ul{display:none;border:1px solid #f0f0f0;position: absolute;left:0;top:100%;margin:0;padding:0;list-style: none;min-width: 250px;background-color: #FFF;z-index: 1;}
.menu-c > ul > li > ul > li{position: relative;padding: 0;}
.menu-c > ul > li > ul > li:hover{background-color: #00243D}
.menu-c > ul > li > ul > li:hover > a{color:#FFF;}
.menu-c > ul > li > ul > li > a,.menu-c > ul > li > ul > li > span{display: block;padding:10px 14px;border-bottom: 1px solid #f0f0f0;font-size:.88rem;font-weight:600;letter-spacing:.1px}
.menu-c > ul > li > ul > li:last-child a{border:none;}
.menu-c > ul > li > ul li:hover > ul{display: block;}
.menu-c > ul > li > ul > li ul{border:1px solid #f0f0f0;display:none;position: absolute;left: 100%;top:0;list-style: none;margin: 0;padding: 0;min-width: 250px;background-color: #FFF;}
.menu-c > ul > li > ul > li ul li{position: relative;padding: 0;}
.menu-c > ul > li > ul > li ul li a,.menu-c > ul > li > ul > li ul li span{display: block;padding: 5px 10px;border-bottom: 1px solid #f0f0f0;font-size: .8rem}
.menu-c > ul > li > ul > li ul li:last-child a,.menu-c > ul > li > ul > li ul li:last-child span{border:none;}
.menu-c > ul > li > ul > li ul li:hover{background-color: #FFCC00;}
.menu-c > ul > li > ul > li ul li:hover a{color: #FFF;}
.menu-c > ul{list-style: none;display: flex;justify-content: flex-start;padding: 0;margin: 0;}
.lang-d{position: relative;min-width: 45px;display: flex;justify-content: flex-end;margin-left: 15px;text-transform: uppercase;align-items: center !important;}
.lang-d .lang-selected{cursor: pointer;font-size: .9rem;font-weight: 900;}
body.home .lang-d .lang-selected{color:#FFF;padding-top: 0;}
.lang-d .lang-selected img{height: 16px;}
.lang-d .lang-selected::after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f107";margin-left: .3rem;}
.lang-d .lang-select{z-index:99;position: absolute;top:50px;text-align:center;left:0;width: 100%;display: none;margin-top: 5px;font-size: .75rem;background-color: #FFF;}
.lang-d .lang-select.active{display: block;}
.lang-d .lang-select > a{cursor:pointer;display: block;margin-bottom: 3px;border-bottom: 1px solid #ebe9e5;padding: 5px;}
.lang-d .lang-select > a:last-child{border:none;margin:0;}
.lang-d .lang-select > a > img{height: 16px;}
.header-search{padding-left: 10px;position: relative; display: flex;align-items: center;height: 100%;}
.header-search button{background-color: #00243D;margin: 0;padding: 10px 15px;color:#FFF;border:none;font-size: 1rem;cursor: pointer;}
.header-search button:hover,.header-search button:focus{box-shadow: none;outline: none;}
#search-div{transition: all 0.1s ease;position: absolute;top:100%;left:15px;width: calc(100% - 30px);z-index: 1;background-color: rgba(0,0,0,0.8);display: none;}
.search-h-i{background-color: transparent;border:none;border-radius: 0;color:#FFF;font-size: .8rem;padding: 10px;}
.search-h-i:hover,.search-h-i:focus{border:none;box-shadow: none;background-color: transparent;color:#FFF;}
.search-h-i::placeholder{color:#FFF;}
.search-h{position: relative;}
.search-h > button{position: absolute;right: 10px;top:8px;background-color: transparent;color:#FFF;border:none;cursor: pointer;}
#search-div.active{display: block;}
#home-slider{position: relative;z-index: 0;width: 100%;height: 450px;}
#home-slider .slide,#home-slider .slick-list,#home-slider .slick-track,#home-slider .slide-d{height: 100%;}
#home-slider .slide-d::before{content:"";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);position: absolute;z-index: 1;}
#home-slider img{position: relative;z-index: 0;display: none;}
#home-slider .slick-arrow{position: absolute;top:40%;border:none;background-color: transparent;z-index: 1;font-size: 0px;cursor: pointer;padding: 0;margin: 0;}
#home-slider .slick-arrow::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 1.3rem;background-color: #00243D;color:#FFF;padding: 10px;}
#home-slider .slick-arrow:hover::after,.slide5 .slick-arrow:focus::after{background-color: #FFCC00;}
#home-slider .slick-prev{left: 0;}
#home-slider .slick-next{right: 0;}
#home-slider .slick-prev::after{content:"\f053";}
#home-slider .slick-next::after{content:"\f054";}
.slick-slide{position: relative;}
.slide-caption{width: 100%;height: 100%;position: absolute;display: flex;flex-direction: column;justify-content: center;z-index: 1;align-items: center;text-align: center;top:0;left:0;}
.slide-caption > div strong{color:#404242;}
.slide-h1{font-weight: 900;font-size: 2.5rem;color:#fff;line-height: 1.1;margin:0 10%;text-transform: uppercase;}
.slide-h2{font-weight: 700;font-size: 1.2rem;color:#fff;margin:15px 0;}
.slide-h3{font-weight: 600;font-size: .9rem;width: 35% !important;}
.slide-a{margin-top: 10px;}
.slide-a > a{color:#FFF;align-items: center;max-width: 100%;border-radius: 12px;padding: 5px 15px;background-color: #00243D;}
.slide-a > a:hover{background-color: #FFCC00;}
.slide-d{background-size: cover;background-position: center;background-repeat: no-repeat;}
body.ipad .slide-d{background-attachment: scroll;}
#home-slider .slick-dots{margin:0;padding: 0;list-style: none;right: 10%;bottom:40%;position: absolute;z-index: 1;}
#home-slider .slick-dots > li > button{border:none;background-color: transparent;margin: 0;padding: 0;font-size: 0px;position: relative;cursor: pointer;outline: none;}
#home-slider .slick-dots > li > button::before{content: "";width:8px;height: 8px;background-color: #FFF;border-radius: 50%;display: block;position: absolute;top:4px;left:4px;}
#home-slider .slick-dots > li > button::after{content: "";width:16px;height: 16px;background-color:transparent;border-radius: 50%;display: block;border:1px solid #FFF;position: absolute;left:0;top:0;}
#home-slider .slick-dots > li.slick-active > button::before{background-color: #404242;}
#home-slider .slick-dots > li.slick-active > button::after{content: "";width:16px;height: 16px;background-color:transparent;border-radius: 50%;display: block;border:1px solid #404242;position: absolute;left:0;top:0;}
.mobil-search{padding:10px 10px 10px 20px;}
.mobil-search form{position: relative;}
.mobil-search .search-h-i{background-color: rgba(255,255,255,0.08);color:rgba(255,255,255,0.85);border:none !important;}
.mobil-search .search-mobilic{cursor:pointer;color:#FFF;position: absolute;right:0;top:0;height: 100%;border:none;background: #404242;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.white-popup {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;margin: 20px auto;}
a.scrollup {cursor:pointer;position: fixed;bottom: 30px;right:30px;display: flex;width: 40px;height: 40px;overflow: hidden;background: #404242;-webkit-transition: .3s;transition: .3s;z-index: 350;align-items: center;justify-content: center;color: #fff !important;font-size: 1.6rem;}
.con-img{background-color: #EFEFEF;display: flex;height: 100%;width: 100%;align-items: center;border-radius: 15px;overflow: hidden;justify-content: center;}
.slide1-slide .slide1-hide{display: none;}
.slide1-flex{display: flex;align-items: center;}
#slide1-text{padding: 15px 20px;color:#3f4154;}
#slide1-title{text-transform: uppercase;position: relative;font-size:1.8rem;margin-bottom: 10px;font-weight: 900;}
#slide1-semi{line-height: 1;margin-bottom: 30px;}
#slide1-semi p{font-weight: 300;}
#slide1-semi h2{font-size: 1.2rem;font-weight: 700;}
#slide1-content{margin-bottom: 15px;display: flex;flex-wrap: wrap;font-size: 1rem;}
#slide1-content ul{padding: 0;margin:0;list-style: none;max-width: 50%;}
#slide1-content ul > li{font-size: .9rem;line-height: 1.1;margin-bottom: 10px;display: flex;}
#slide1-content ul > li::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f00c";color:#404242;margin-right: 5px;}
#slide1-link > a{background-color: #404242;color: #FFF;border-radius: 20px;padding: 10px 15px;font-size: 1rem;line-height: 1;display:inline-block;border:2px solid #404242;}
#slide1-link > a:hover{background-color: transparent;color:#404242;}
.banner-sectio-header{margin-bottom: 2rem;}
.banner-sectio-header h1{font-weight: 900;color: #404242;text-transform: uppercase;font-size: 1.5rem;padding-bottom: 10px;}
.banner-sectio-header h2{font-weight: 900;color: #404242;text-transform: uppercase;font-size: 1.5rem;padding-bottom: 10px;margin-bottom: 1rem;}
.banner-sectio-header p{text-align: center !important;font-size: .8rem;}
.home-block{text-align: center;}
.block-d{font-size: .8rem;}
#home-slide2 .slide4{position: relative;}
#home-slide2 .slick-slide{margin:0 10px;}
#home-slide2 .slick-slide .slide-img{-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);margin-bottom: 10px;}
#home-slide2 .slick-slide .slide-title{text-transform: uppercase;font-weight: 900;}
#home-slide2 .slick-dots{position: absolute;list-style: none;left:0;top:-30px;width: 100%;display: flex;justify-content: center;margin:0;padding: 0;}
#home-slide2 .slick-dots > li{background-color: #b2b2b2;margin: 0 3px;width: 26px;height: 3px;cursor: pointer;}
#home-slide2 .slick-dots > li.slick-active{background-color: #ff5202;}
#home-slide2 .slick-dots > li > button{background-color: transparent;border:none;font-size: 0px;margin: 0;padding: 0;}
#home-slide3 .inner-d{position: relative;}
#home-slide3 .inner-d .rela{position: relative;z-index: 1;}
.slide5 .slick-list{padding-bottom: 12px;}
.slide5 .slick-slide{color:#737373;font-weight: 700;padding: 10px;text-align: center;cursor: pointer;position:relative;outline: none;}
.slide5 .slick-slide.slick-current{background-color: #404242;color:#FFF;}
.slide5 .slick-slide.slick-current::after{content:'';position: absolute;top: 100%;left:45%;width: 0;height: 0;border-top: solid 10px #404242;border-left: solid 10px transparent;border-right: solid 10px transparent;}
.slide5 .slick-arrow{position: absolute;top:6px;border:none;background-color: transparent;z-index: 1;font-size: 0px;cursor: pointer;padding: 0;margin: 0;}
.slide5 .slick-arrow::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 1rem;background-color: #656565;color:#FFF;padding: 10px;}
.slide5 .slick-arrow:hover::after,.slide5 .slick-arrow:focus::after{background-color: #413f3f;}
.slide5 .slick-prev{right: -30px;}
.slide5 .slick-next{right: 0;right: -60px;}
.slide5 .slick-prev::after{content:"\f053";}
.slide5 .slick-next::after{content:"\f054";}
.slide6{position: relative;z-index: 0;top:-12px;}
.slide6-d{background-size: cover;background-repeat: no-repeat;background-position: center;height: 550px;background-color: #adaaaa;}
.slide6-d .container{display: flex;align-items: center;height: 100%;}
.slide6-d .container > div{max-width: 40%;color:#FFF;}
.slide6-d-title{font-weight: 900;font-size: 2rem;}
.img-flex{align-items: center;justify-content: center;}
.img-flex >div{text-align: center;}
.img-flex >div > div{line-height: 1;}
.img-flex strong{font-weight: 800;}
.modal-backdrop{display: none;}
.modal{background-color: rgba(0,0,0,0.8);}
.modal-dialog {max-width: 800px;margin: 30px auto;}
.modal-body {position:relative;padding:0px;}
.close {position:absolute;right:-30px;top:0;z-index:999;font-size:2rem;font-weight: normal;color:#fff;opacity:1;}
.box-video{display: block;position: relative;}
.box-video::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-image: url(img/play.png);background-repeat: no-repeat;background-size: 100px;}
.box-video > img{width: 100%;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.space-between{justify-content: space-between;}
.direction-column{flex-direction: column;height: 100%}
.flex-wrap{flex-wrap: }
.slide3 .slick-slide{margin:0 10px;position: relative;}
.slide3 .slick-slide > div:first-child{margin-right: 10px;}
.slide3 .slick-slide > div:first-child > img{width: 100%;max-height: 285px;}
.slide3 .slick-slide > div:last-child{position: relative;top: -20px;margin-left: 15px;background-color: #f9f9f9;padding:20px 50px 20px 20px;height:130px;display: flex;justify-content: center;flex-direction: column;}
.slide3 .slick-slide:hover > div:last-child,.slide3 .slick-slide:focus > div:last-child{background-color: #d4eeed}
.slide3 .slick-slide > div:last-child > p{font-size: 1.3rem;font-weight: 700;line-height: 1.2;}
.slide3 .slick-slide > div:last-child > time{position: absolute;font-size: .8rem;transform: rotate(-90deg);right: -10px;bottom: 50px;}
.slide3 .slick-arrow{position: absolute;top:40%;border:none;background-color: transparent;z-index: 1;font-size: 0px;cursor: pointer;padding: 0;margin: 0;}
.slide3 .slick-arrow::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 3rem;color:#333;padding: 10px;}
.slide3 .slick-prev{left:-50px;}
.slide3 .slick-next{right: -50px;}
.slide3 .slick-prev::after{content:"\f053";}
.slide3 .slick-next::after{content:"\f054";}
footer{color:#FFF;background-color: #00243D;margin-top: 3rem;}
footer .container{display: flex;position: relative;}
footer .container > div{flex-grow: 1;max-width: 30%;padding-right: 30px;padding-top: 2.8rem;}
footer .container > div > p{font-size: .8rem;}
footer .container > div:last-child{padding-right: 0;}
footer h4{font-size: 1rem;font-weight: 700;margin-bottom:20px;margin-top:30px;color:#FFF;}
footer ul{list-style: none;padding: 0;margin:0;}
footer ul > li > a{display: block;padding:5px 0 5px;color:#FFF;font-size: .8rem;}
footer ul > li > a::before{content:"";width:10px;height: 10px;border-left:5px solid #FFF;border-top:5px solid transparent;border-bottom:5px solid transparent;display: inline-block;margin-right:5px;}
footer ul > li > a:hover::before{border-left-color:#f9d90a; }
footer ul > li > a:hover{color:#f9d90a;}
.footer-contact > div{display: table;}
.footer-contact > div > div{display: table-cell;vertical-align: middle;padding-bottom: 15px;font-size: .8rem;}
.footer-contact > div > div > i{font-size: 1.5rem;}
.footer-contact > div > div:first-child{width: 30px;text-align: center;padding-right: 10px;}
.footer-sosial{list-style: none;margin:15px 0 0;padding: 0;}
.footer-sosial > li{display: inline-block;margin-right: 15px;}
.footer-sosial > li > a{font-size:1.7rem;color: #f9d90a;}
.footer-sosial > li > a::before{display: none;}
.footer-sosial > li > a:hover{color:#404242;}
#deep{padding:2rem 0;font-size: .8rem;background-color: #f9d90a;color:#333;}
.mfp-bg{background-color: rgba(63,58,58,0.9);opacity: 1;}
.mfp-content{max-width: 400px;}
.popup-d{color:#FFF;max-width: 400px;}
.popup-d .mfp-close{position: absolute;top:15px;right:-15%;font-size: 3rem;color:#FFF;opacity: 1;}
.popup-title{font-weight: 800;font-size: 2rem;}
.popup-title.red{color:#404242;}
.popup-d .btn-red{width: 100%;}
.blog-header{background-color: #00243D;background-repeat: no-repeat;background-position: center;background-size: cover;height: height:320px;margin-bottom: 1.5rem;}
.blog-header > .container{display: flex;align-items: flex-end;height: 100%;position: relative;padding-bottom: 15px;}
.blog-header h1,.blog-header h2,.blog-header h3{color:#FFF;font-weight: 800;font-size: 2rem;}
.breadcrumbs{list-style: none;padding: 15px 0;margin:0;display: flex;}
.breadcrumbs > li > a{color:#404242;}
.breadcrumbs > li > span{color:#9d9d9d;}
.breadcrumbs > li > .bread-item{padding-right: 10px;}
.breadcrumbs > li > .bread-item::after{line-height: 1;margin-left: 10px;content:"/";display: inline-block;}
.post{margin:2rem 0 3rem 0;}
.post h1{font-weight: 900;text-transform: uppercase;}
.post h2{font-weight: 800;margin-bottom: .8rem;}
.post h3{font-weight: 700;font-size: 1.5rem;margin-bottom: .8rem;}
.post h4{font-weight: 700;font-size: 1.2rem;margin-bottom: .8rem;}
.post h2 > span{font-weight: 300;}
.post ul,.post ol{padding: 0;margin-bottom: 1.5rem;}
.post ul > li,.post ol > li{font-size: .9rem;line-height: 1.1;margin-bottom: 13px;display: flex;}
.post ul > li::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f00c";color:#404242;margin-right: 10px;}
.post ol > li::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f0a9";color:#404242;margin-right: 10px;}
.contact .post h1{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom: 10px;}
.post-share{display: flex;margin:30px 0;align-items: center;}
.post-share > span{margin-right: 10px;font-weight: 900;color:#172132;font-size: 1.1rem;}
.post-share > span > span{font-weight: 300;}
.post-share.list{margin: 0 0 5px;justify-content: flex-end;}
.post-share a.a-sosial{margin-right:10px;font-size: 1.5rem;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;color:#333;}
.post-share a.a-sosial:hover{background-color: #3b5998;color:#FFF;}
.post-share a.a-sosial.a-s-face:hover{background-color: #55acee;}
.post-share a.a-sosial.a-s-twitter:hover{background-color: #55acee;}
.post-share a.a-sosial.a-s-linkedin:hover{background-color: #007ab9;}
.post-share a.a-sosial.a-s-wp:hover{background-color: #25d366;}
.post-share.list a.a-sosial{width: 26px;height: 26px;font-size: 1rem;margin-right: 0;margin-left: 10px;}
.post-share.active a.a-sosial{background-color: #3b5998;color:#FFF;width: 26px;height: 26px;font-size: 1rem;}
.post-share.active a.a-sosial.a-s-face{background-color: #55acee;}
.post-share.active a.a-sosial.a-s-twitter{background-color: #55acee;}
.post-share.active a.a-sosial.a-s-linkedin{background-color: #007ab9;}
.post-share.active a.a-sosial.a-s-wp{background-color: #25d366;}
.post-share.active a.a-sosial:hover{background-color: #404242;}
.post table{width: 100% !important;}
.post table th{font-weight: 800;}
.post table th,.post table td{border:1px solid #404242;padding: .5rem;}
.post table.blue th{color:#FFF;background-color: #507b99;border-color:#507b99;border-right-color: #FFF;text-align: center;}
.post table.blue th:last-child{border-right-color: #507b99;}
.post table.blue td{border-color: #507b99;text-align: center;}
.recent > a{flex-grow: 1;margin:0 10px;max-width: 33.3%;}
.recent-img{overflow: hidden;height:300px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.recent > a > h4{font-weight: 800;font-size: 1.1rem;margin-top:.6rem;}
.lightbox{margin:0 0 2rem;}
.lightbox > a{position:relative;flex-grow: 1;max-width: 33.3%;height: 250px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.lightbox > a::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f002";width:100%;height: 100%;display: flex;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.3);justify-content: center;align-items: center;color:rgba(255,255,255,0.6);font-size: 2rem;}
.lightbox.wrap{flex-wrap: wrap;}
.lightbox.wrap > a{width: 25%;margin: 10px;}
.blog-img-d{background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;height: 250px;}
.blog-img-d::before{content:"";width:100%;height: 100%;display: flex;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.3);justify-content: center;align-items: center;}
.blog-post{font-size: .8rem;display: flex;flex-direction: column;height: 100%;justify-content: center;}
.blog-post > h2{font-weight: 800;font-size: 1.2rem;}
.click-for-details > a{font-weight: 800;text-decoration: underline;}
.click-for-details > i{color:#404242;}
.load-more {padding: 50px 0;}
.load-more-a {color: #ceced4;font-size: 22px;position: relative;cursor: pointer;}
.load-more-a img {position: relative;margin-right: 10px;display: inline-block;vertical-align: middle;}
.hvr-rotate {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.cat-images{background-color: #adaaaa;background-repeat: no-repeat;background-position: center;background-size: cover;height: 450px;margin-bottom: 1.5rem;position: relative;}
.cat-images > .container{display: flex;align-items: flex-end;height: 100%;position: relative;padding-bottom: 15px;z-index: 0;}
.cat-images .container::after{content:"";border-left:25px solid transparent;border-right: 25px solid transparent;border-top:15px solid #404242;display: inline-block;position: absolute;left:15px;bottom: -15px;}
.cat-images > .kat-slide{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;}
.cat-images .slide, .cat-images .slick-list,.cat-images .slick-track, .cat-images .katslide{height: 100%;}
.katslide{background-position: center;background-size: cover;background-repeat: no-repeat;}
.kat-slide .slick-arrow{position: absolute;bottom:6px;border:none;background-color: transparent;z-index: 1;font-size: 0px;cursor: pointer;padding: 0;margin: 0;}
.kat-slide .slick-arrow::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 1rem;background-color: #656565;color:#FFF;padding: 10px;}
.kat-slide .slick-arrow:hover::after,.kat-slide .slick-arrow:focus::after{background-color: #413f3f;}
.kat-slide .slick-prev{right: 30px;}
.kat-slide .slick-next{right: 0;}
.kat-slide .slick-prev::after{content:"\f053";}
.kat-slide .slick-next::after{content:"\f054";}
.kat-img-d{color:#FFF !important;margin:10px 5px 15px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;height: 250px;color:#FFF;display: flex;align-items: flex-end;}
.kat-img-d::before{transition: all 0.3s ease;content:"";width:100%;height: 100%;display: flex;position: absolute;left:0;top:0;justify-content: center;align-items: center;z-index: 0;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}
.kat-img-d > h2,.kat-img-d > a{color:#FFF !important;text-align: left;position: relative;z-index: 1;text-transform: uppercase;font-weight: 800;font-size: 1.2rem;padding:0 10px 10px 10px;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.kat-img-d > h2::after,.kat-img-d > a::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 1rem;content:"\f061";color: #FFF;background-color: #00243D;display: flex;line-height: 1;border-radius: 50%;align-items: center;justify-content: center;width: 22px;height: 22px;flex-shrink: 0;}
.kat-img-d:hover h2,.kat-img-d:hover a{color:#00243D;}
.kat-img-d > span{position: relative;z-index: 1;text-transform: uppercase;font-weight: 800;font-size: 1.2rem;padding:0 10px 10px 10px;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.kat-img-d > span::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 1rem;content:"\f061";color: #FFF;background-color: #404242;display: flex;line-height: 1;border-radius: 50%;align-items: center;justify-content: center;width: 22px;height: 22px;flex-shrink: 0;}
.kat-img-d:hover span{color:#00243D;}
.kat-img-d:hover::before{background-color: rgba(0,0,0,0.6);}
.kat-flex{display: flex;flex-wrap: wrap;justify-content: center;width: 100%}
.kat-fd{flex-grow: 1;max-width: 25%;width: 25%;}
.kat-fd img{height: 250px;}
.kat-fd > a{position: relative;display: flex;margin: 0 5px;}
.kat-fd > a::before{transition: all 0.3s ease;content: "";width: 100%;height: 100%;display: flex;position: absolute;left: 0;top: 0;justify-content: center;align-items: center;z-index: 0;background: rgb(0,0,0);background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 32%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}
.kat-fd > a:hover::before{background-color: rgba(0,0,0,0.6);}
.kat-fd .kat-fd-s{display:flex;justify-content: space-between;align-items: flex-end;position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 10px 10px 10px;color: #FFF;text-transform: uppercase;font-size: 1.2rem;font-weight: 800;}
.kat-fd .kat-fd-s::after{font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 1rem;content: "\f061";color: #FFF;background-color: #00243D;display: flex;line-height: 1;border-radius: 50%;align-items: center;justify-content: center;width: 22px;height: 22px;flex-shrink: 0;}
body.contact .post .d-flex > div{width: 100%;padding: 15px;}
body.contact .post .d-flex > div:first-child{width:125px;}
body.contact .post .d-flex > div >h2{font-weight: 500;margin-bottom: 1.5rem;font-size: 1.5rem;}
body.contact .post .d-flex > div >h2 > strong{font-weight: 800;}
body.contact .post .d-flex > div >h2 > i{color:#404242;margin-right: 10px;}
body.contact .post .d-flex > div > .d-flex > div{width: 100%;padding: 5px 0;}
body.contact .post .d-flex > div > .d-flex > div:first-child{width: 100px;text-transform: uppercase;font-weight: 700;}
body.contact .post .d-flex > div > .d-flex > div:last-child{padding: 5px 1.2rem 5px 0;}
body.contact div#maps{overflow: hidden;height: 350px;position: relative;margin:2rem 0;}
body.contact .post .d-flex iframe{width: 100%;position: absolute;left:0;top:-140px;}
.iletisim-form .form-control{border-radius: 0;border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;padding: .4rem;}
.iletisim-form .form-control:focus{border-color: transparent;border-bottom-color: #404242;box-shadow: none;}
.page-header{
background-color:#404242;
background-position:center center;
background-size:100% auto;
height:350px;
background-repeat:no-repeat;
margin-bottom:1.5rem;
}
.page-header > .container{display: flex;align-items: flex-end;height: 100%;position: relative;padding-bottom: 15px;}
.page-header h1,.page-header h2,.page-header h3{color:#FFF;font-weight: 800;font-size: 2rem;}
#moblang > a{display: inline-block;text-transform: uppercase;}
#moblang > a > img{height: 16px;margin-right: 5px;}
.box-flex{display: flex;}
.box-flex > div{display: flex;align-items: center;flex-direction: column;margin: 1rem;padding:1.3rem 1rem;flex-grow: 1;width: 25%;justify-content: flex-start;}
.box-flex > div:nth-child(1){background-color: #404242;color:#FFF;}
.box-flex > div:nth-child(2){background-color: #dfdfe5;}
.box-flex > div:nth-child(3){background-color: #272769;color: #FFF;}
.box-flex > div:nth-child(4){background-color: #857852;color: #FFF;}
.box-flex > div > img{margin-bottom: 1.5rem;}
.box-flex > div > strong{font-weight: 800;font-size: 1.5rem;text-align: center;margin-bottom: 1rem;line-height: 1.2;}
.box-flex > div > p{text-align: center;font-size: .8rem;}
.bg-g1{background-color: #f7f7f7;}
.bg-g2{background-color: #efefef;}
.link-plus{display: inline-block;border-radius: 50%;background-color: #404242;color:#FFF;width: 26px;height: 26px;text-align: center;-webkit-transition: -webkit-transform .3s ease-in-out;-ms-transition: -ms-transform .3s ease-in-out;transition: transform .3s ease-in-out; }
.link-plus:hover{color:#FFF;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.btn-contact{display: inline-block;border-radius: 1.5rem;background-color: #404242;color: #FFF;background-repeat: no-repeat;background-position: 80% center;background-image: url(img/sendm.png);padding: 10px 80px 10px 20px;font-weight: 800;-webkit-transition: background-color .5s ease-out;-moz-transition: background-color .5s ease-out;-o-transition: background-color .5s ease-out;transition: background-color .5s ease-out;}
.btn-contact:hover{background-color: #333;color:#FFF;}
#down-d{position: absolute;width: 100%;bottom:10px;left:0;z-index: 3;text-align: center;}
#down-d > img{height: 50px;cursor: pointer;}
.block-d h3{text-transform: uppercase;font-weight: 800;color:#404242;font-size: 1.5rem;}
.grecaptcha-badge{visibility: collapse !important; }
.boxim-flex{align-items: center;justify-content: center;flex-wrap: wrap;}
.boxim-flex >div{text-align: center;max-width: 33.3%;}
.boxim-flex >div > div{line-height: 1;}
.contact-email{text-align: center;padding: 15px 0;}
.kategori-page .content ul,.kategori-page .content ol{padding: 0;margin-bottom: 1.5rem;}
.kategori-page .content ul > li,.kategori-page .content ol > li{font-size: .9rem;line-height: 1.1;margin-bottom: 13px;display: flex;}
.kategori-page .content ul > li::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f00c";color:#00243D;margin-right: 10px;}
.kategori-page .content ol > li::before{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f0a9";color:#00243D;margin-right: 10px;}
.grid_ho{margin-bottom: 20px;overflow: hidden;cursor: pointer;}
.grid_ho figure{height: 200px;overflow: hidden;border-radius: 6px;}
.grid_ho figure img{width: 100%;height: auto;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.grid_ho figure:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.grid_ho_hd{border-bottom: 1px solid #eee;padding: 0 10px 5px 0;text-transform: uppercase;font-size: 1.2rem;font-weight: 700;margin-top: 1.3rem;color: #0C2577;}
.grid_ho_gr{color: #606060;font-size: 1rem;padding: 10px 0;}
.grid_ho_gr strong{width: 30%;display: inline-block;}
.grid_ho_gr strong::after{content: ":";float: right;margin-right: 10px;}
.career-form .btn{background-color: #00243D;color:#FFF;font-weight: 700;text-transform: uppercase;padding: 10px 15px;}
.career-form .btn::after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\f061";margin-left:15px;}
@media (max-width: 960px) {
.logo > img{width: 200px !important;max-width: 200px !important;height: 44px !important;}
#top{display: none;}
.block-d h3{margin-top:15px;}
.block-d img{height: auto !important;}
.lang-selected{display: none;}
.slide-h1{font-size: 1.5rem;}
.slide-h2{font-size: 1.1rem;}
.slide5 .slick-arrow{display: none !important;}
.header-top-mobil{display: inline-block !important;position: absolute;right: 15px;top: 15px;}
.menu-c,.menu-right-c{display: none !important;}
.logo-c{display: flex;justify-content: center;width: 100%;padding: 10px 0;}
#home-slider{height: 70%;}
.slide-caption > div{width: 100%;}
footer{padding-top:25px;}
footer .container{flex-direction: column;}
footer .container > div,footer .container > div:first-child{max-width: 100%;padding: 0 15px;margin-bottom: .8rem;}
#newsletter{position: relative;top: inherit;}
.slide1-slide-con::before{display: none;}
#home-slide2 .slick-slide .slide-img img{width: 100%;}
.slide5 .slick-slide{font-size: .8rem;}
.slide6-d .container > div{max-width: 100%;}
.img-flex{flex-wrap: wrap;}
.img-flex >div,.boxim-flex>div{margin:10px;}
.order1 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.order2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
.order3 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
.order4 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
.order5 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
.newsletter-form > div > input{width: 100%;}
a.scrollup{bottom: 10px;right: 10px;}
.lightbox.wrap > a{width: 100%;margin:0 0 15px 0;}
.lightbox,.recent{flex-direction: column;}
.lightbox > a,.recent > a{max-width: 100%;}
.kat-fd{max-width: 100%;width: 100%;}
body.contact .post .d-flex{flex-direction: column;}
body.contact .post .d-flex > div{width: 100%;}
.post img{width: auto !important;height: auto !important;}
.mobile-direction-column{flex-direction: column;}
.box-flex{flex-direction: column;}
.box-flex > div{width: 100%;margin: 1rem 0;}
}/* =========================================================
HOMEPAGE FIRST SLIDE - LCP OPTIMIZATION
Show the first hero image immediately before Slick starts.
========================================================= */
#home-slider .slide:not(.slick-initialized) .slide-d {
display: none;
}
#home-slider .slide:not(.slick-initialized) .slide-d.first-slide {
display: block;
opacity: 1;
visibility: visible;
}
/* =========================================================
DADAYLILAR HEADER LOGO - DESKTOP
========================================================= */
@media (max-width: 960px) {
.logo > img{
width:260px !important;
max-width:80vw !important;
height:auto !important;
}
#top{
display:none;
}
.block-d h3{
margin-top:15px;
}
.block-d img{
height:auto !important;
}
.lang-selected{
display:none;
}
.slide-h1{
font-size:1.5rem;
}
.slide-h2{
font-size:1.1rem;
}
.slide5 .slick-arrow{
display:none !important;
}
.header-top-mobil{
display:inline-block !important;
position:absolute;
right:15px;
top:15px;
}
.menu-c,
.menu-right-c{
display:none !important;
}
.logo-c{
display:flex;
justify-content:center;
width:100%;
padding:10px 0;
}
#home-slider{
height:70%;
}
.slide-caption > div{
width:100%;
}
footer{
padding-top:25px;
}
footer .container{
flex-direction:column;
}
footer .container > div,
footer .container > div:first-child{
max-width:100%;
padding:0 15px;
margin-bottom:.8rem;
}
#newsletter{
position:relative;
top:inherit;
}
.slide1-slide-con::before{
display:none;
}
#home-slide2 .slick-slide .slide-img img{
width:100%;
}
.slide5 .slick-slide{
font-size:.8rem;
}
.slide6-d .container > div{
max-width:100%;
}
.img-flex{
flex-wrap:wrap;
}
.img-flex > div,
.boxim-flex > div{
margin:10px;
}
.order1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.order2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.order3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
}
.order4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4;
}
.order5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5;
}
.newsletter-form > div > input{
width:100%;
}
a.scrollup{
bottom:10px;
right:10px;
}
.lightbox.wrap > a{
width:100%;
margin:0 0 15px 0;
}
.lightbox,
.recent{
flex-direction:column;
}
.lightbox > a,
.recent > a{
max-width:100%;
}
.kat-fd{
max-width:100%;
width:100%;
}
body.contact .post .d-flex{
flex-direction:column;
}
body.contact .post .d-flex > div{
width:100%;
}
.post img{
width:auto !important;
height:auto !important;
}
.mobile-direction-column{
flex-direction:column;
}
.box-flex{
flex-direction:column;
}
.box-flex > div{
width:100%;
margin:1rem 0;
}
}}
/* =========================================================
MOBILE HEADER / LOGO FIX
========================================================= */
@media (max-width: 991px) {
header .header-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
min-height: 105px !important;
}
header .logo-area {
width: 270px !important;
max-width: 270px !important;
flex: 0 0 270px !important;
overflow: visible !important;
}
header .logo-c {
width: 270px !important;
max-width: 270px !important;
padding: 6px 0 !important;
justify-content: flex-start !important;
align-items: center !important;
overflow: visible !important;
}
header .logo {
width: 270px !important;
max-width: 270px !important;
flex: 0 0 270px !important;
display: flex !important;
align-items: center !important;
overflow: visible !important;
}
header .logo > img {
width: 260px !important;
max-width: 260px !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
}
header .header-top-mobil {
margin-left: auto !important;
flex: 0 0 auto !important;
align-items: center !important;
}
}/* =========================================================
FINAL MOBILE LOGO OVERRIDE
========================================================= */
@media only screen and (max-width: 991px) {
body header .container .header-row .logo-area {
width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
}
body header .container .header-row .logo-area .logo-c {
width: 300px !important;
max-width: 300px !important;
padding: 4px 0 !important;
}
body header .container .header-row .logo-area .logo {
width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
}
body header .container .header-row .logo-area .logo > img {
width: 285px !important;
max-width: 285px !important;
height: auto !important;
}
}/* LEAFLET COMPANY MARKER FIX */
#maps .leaflet-marker-icon {
width: 38px !important;
height: 58px !important;
max-width: none !important;
}/* =========================================================
ISM LOGIN - DESKTOP
========================================================= */
/* =========================================================
ISM LOGIN - DESKTOP FINAL
========================================================= */
/* =========================================================
ISM LOGIN - DESKTOP FINAL
========================================================= */
@media (min-width: 1200px) {
/* Menü normal akışında kalsın */
header .header-menu {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
}
header .header-menu > li {
flex: 0 0 auto !important;
}
/* ISM Login */
header .header-menu > li.ism-login-menu {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
margin-left: 70px !important;
padding: 0 !important;
width: 145px !important;
min-width: 145px !important;
}
header .header-menu > li.ism-login-menu > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 145px !important;
height: 46px !important;
padding: 0 18px !important;
border: 2px solid #073b78 !important;
border-radius: 4px !important;
background: #ffffff !important;
color: #073b78 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
}
header .header-menu > li.ism-login-menu > a i {
margin-right: 9px !important;
color: #073b78 !important;
font-size: 14px !important;
}
header .header-menu > li.ism-login-menu > a:hover {
background: #073b78 !important;
color: #ffffff !important;
}
header .header-menu > li.ism-login-menu > a:hover i {
color: #ffffff !important;
}
}/* Logo ile ana menü arasındaki boşluk */
@media (min-width: 1200px) {
header .header-menu > li:first-child {
margin-left: 25px !important;
}
}/* =========================================================
DESKTOP MAIN MENU - PREMIUM HOVER
========================================================= */
@media (min-width: 1200px) {
header .header-menu > li:not(.ism-login-menu) > a {
position: relative !important;
display: inline-block !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
color: #333333 !important;
font-weight: 700 !important;
transition: color 0.25s ease !important;
}
header .header-menu > li:not(.ism-login-menu) > a::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
bottom: 4px !important;
width: 0 !important;
height: 2px !important;
background: #073b78 !important;
transform: translateX(-50%) !important;
transition: width 0.25s ease !important;
}
header .header-menu > li:not(.ism-login-menu) > a:hover {
color: #073b78 !important;
}
header .header-menu > li:not(.ism-login-menu) > a:hover::after {
width: 100% !important;
}
}/* =========================================================
MAIN MENU - FINAL TYPOGRAPHY
========================================================= */
@media (min-width: 1200px) {
header .header-menu > li:not(.ism-login-menu) > a {
color: #073b78 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
}
}/* =========================================================
DESKTOP HEADER - LOGO SIZE REFINEMENT
========================================================= */
@media (min-width: 992px) {
header .logo-area {
display: flex;
align-items: center;
}
header .logo-area .logo img {
width: 305px !important;
height: auto !important;
max-width: 305px !important;
display: block;
}
}/* =========================================================
PREMIUM DESKTOP DROPDOWN MENU
========================================================= */
/* =========================================================
DADAYLILAR SHIPPING
LUXURY MARITIME DROPDOWN
========================================================= */
@media (min-width: 1200px) {
/* -----------------------------------------------------
DROPDOWN PANEL
----------------------------------------------------- */
header .header-menu > li > ul {
position: absolute !important;
min-width: 285px !important;
margin: 0 !important;
padding: 10px 0 !important;
background:
linear-gradient(
145deg,
rgba(3, 35, 72, 0.97) 0%,
rgba(5, 55, 103, 0.97) 100%
) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
border-top: 3px solid #d8b04c !important;
border-radius: 0 0 6px 6px !important;
box-shadow:
0 25px 55px rgba(0, 20, 45, 0.30),
0 8px 20px rgba(0, 20, 45, 0.18) !important;
overflow: hidden !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
/* -----------------------------------------------------
SUBTLE LIGHT EFFECT
----------------------------------------------------- */
header .header-menu > li > ul::before {
content: "" !important;
position: absolute !important;
top: -70px !important;
left: -50px !important;
width: 190px !important;
height: 190px !important;
border-radius: 50% !important;
background:
radial-gradient(
circle,
rgba(255,255,255,0.09) 0%,
rgba(255,255,255,0) 70%
) !important;
pointer-events: none !important;
}
/* -----------------------------------------------------
MENU ROW
----------------------------------------------------- */
header .header-menu > li > ul > li {
position: relative !important;
display: block !important;
margin: 0 10px !important;
padding: 0 !important;
border-bottom:
1px solid rgba(255,255,255,0.08) !important;
}
header .header-menu > li > ul > li:last-child {
border-bottom: none !important;
}
/* -----------------------------------------------------
LINKS
----------------------------------------------------- */
header .header-menu > li > ul > li > a {
position: relative !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 52px !important;
padding:
14px 42px 14px 19px !important;
background: transparent !important;
color:
rgba(255,255,255,0.88) !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0.45px !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition:
color 0.28s ease,
background 0.28s ease,
padding-left 0.28s ease !important;
}
/* -----------------------------------------------------
GOLD LEFT ACCENT
----------------------------------------------------- */
header .header-menu > li > ul > li > a::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
width: 2px !important;
height: 0 !important;
background: #d8b04c !important;
transform:
translateY(-50%) !important;
box-shadow:
0 0 10px rgba(216,176,76,0.35) !important;
transition:
height 0.28s ease !important;
}
/* -----------------------------------------------------
ARROW
----------------------------------------------------- */
header .header-menu > li > ul > li > a::after {
content: "→" !important;
position: absolute !important;
right: 18px !important;
top: 50% !important;
color: #d8b04c !important;
font-size: 17px !important;
font-weight: 400 !important;
opacity: 0 !important;
transform:
translate(-8px, -50%) !important;
transition:
opacity 0.28s ease,
transform 0.28s ease !important;
}
/* -----------------------------------------------------
HOVER
----------------------------------------------------- */
header .header-menu > li > ul > li > a:hover {
color: #ffffff !important;
background:
linear-gradient(
90deg,
rgba(255,255,255,0.09) 0%,
rgba(255,255,255,0.025) 100%
) !important;
padding-left: 27px !important;
}
header .header-menu > li > ul > li > a:hover::before {
height: 28px !important;
}
header .header-menu > li > ul > li > a:hover::after {
opacity: 1 !important;
transform:
translate(0, -50%) !important;
}
}
/* =========================================================
DADAYLILAR SHIPPING - PREMIUM MOBILE MENU
========================================================= */
@media (max-width: 960px) {
/* Ana mobil menü */
.mm-menu {
background: #071a2f !important;
color: #ffffff !important;
font-family: "Open Sans", sans-serif !important;
}
/* Menü panelleri */
.mm-panels,
.mm-panel {
background: #071a2f !important;
}
/* Üst MENU alanı */
.mm-navbar {
height: 82px !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
background: #071a2f !important;
}
.mm-navbar .mm-title {
color: rgba(255,255,255,.48) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
line-height: 82px !important;
padding: 0 25px !important;
}
/* Menü listesinin üst/yan boşlukları */
.mm-listview {
padding: 18px 22px !important;
}
/* Menü satırları */
.mm-listview > li {
border: 0 !important;
position: relative !important;
}
.mm-listview > li:after {
left: 0 !important;
right: 0 !important;
border-color: rgba(255,255,255,.09) !important;
}
/* Menü yazıları */
.mm-listview > li > a,
.mm-listview > li > span {
color: rgba(255,255,255,.94) !important;
font-size: 18px !important;
font-weight: 600 !important;
letter-spacing: .2px !important;
padding: 19px 46px 19px 4px !important;
line-height: 1.35 !important;
transition:
color .25s ease,
padding-left .25s ease,
background-color .25s ease !important;
}
/* Dokunma / hover */
.mm-listview > li > a:hover,
.mm-listview > li > a:focus {
color: #ffffff !important;
padding-left: 10px !important;
text-decoration: none !important;
background: transparent !important;
}
/* Alt menü oku için ayrılmış alan */
.mm-listview .mm-next {
width: 48px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
/* Eski büyük kutulu ok çizgisini kaldır */
.mm-listview .mm-next:before {
border-left: 0 !important;
}
/* Daha zarif chevron */
.mm-listview .mm-next:after {
width: 9px !important;
height: 9px !important;
right: 17px !important;
border-color: rgba(255,255,255,.48) !important;
border-width: 2px 2px 0 0 !important;
}
/* Alt menü geri oku */
.mm-navbar .mm-prev:before {
border-color: rgba(255,255,255,.65) !important;
}
/* Seçili / açık menü */
.mm-listview > li.mm-selected > a,
.mm-listview > li.mm-selected > span {
background: rgba(255,255,255,.06) !important;
color: #ffffff !important;
}
/* Eski gri hover/seçim efektlerini temizle */
.mm-menu .mm-listview > li.mm-opened > a,
.mm-menu .mm-listview > li.mm-opened > span,
.mm-menu .mm-listview > li > a:hover {
background: transparent !important;
}
/* Mobil menünün genişliği */
.mm-menu {
width: 86% !important;
min-width: 280px !important;
max-width: 390px !important;
}
/* Menü açıldığında sayfanın görünen kısmı */
html.mm-opening .mm-slideout {
transform: translate(86%, 0) !important;
-webkit-transform: translate(86%, 0) !important;
}
/* Daha yumuşak açılış */
.mm-slideout {
transition:
transform .38s cubic-bezier(.22,.61,.36,1) !important;
}
}
/* ==========================================================
DADAYLILAR SHIPPING
PREMIUM MOBILE NAVIGATION
========================================================== */
.ds-premium-menu,
.ds-menu-open {
display: none;
}
@media (max-width: 960px) {
/* ------------------------------------------------------
REMOVE OLD MOBILE MENU
------------------------------------------------------ */
.mm-menu {
display: none !important;
}
.header-top-mobil {
display: flex !important;
align-items: center;
justify-content: flex-end;
}
.header-top-mobil .button-menu,
.header-top-mobil .button-page,
.ds-mobile-trigger {
display: none !important;
}
/* ------------------------------------------------------
HAMBURGER
------------------------------------------------------ */
.ds-menu-open {
display: flex;
width: 48px;
height: 48px;
padding: 0;
border: 0;
background: transparent;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
cursor: pointer;
}
.ds-menu-open span {
display: block;
width: 28px;
height: 2px;
background: #0b2b50;
border-radius: 5px;
}
/* ------------------------------------------------------
FULL SCREEN MENU
------------------------------------------------------ */
.ds-premium-menu {
display: block;
position: fixed;
inset: 0;
z-index: 9999999;
width: 100%;
height: 100vh;
height: 100dvh;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(100%);
transition:
transform .48s cubic-bezier(.22,.61,.36,1),
opacity .3s ease,
visibility .48s;
}
.ds-premium-menu.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
html.ds-menu-active,
body.ds-menu-active {
overflow: hidden !important;
height: 100% !important;
}
/* ------------------------------------------------------
BACKGROUND
IMPORTANT:
Uses your existing homepage/slider imagery underneath.
------------------------------------------------------ */
.ds-menu-background {
position: absolute;
inset: 0;
background-image:
url("../../files/slider-1.webp"),
url("../../files/slider1.webp"),
url("../../files/slider.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transform: scale(1.03);
}
/* Navy cinematic overlay */
.ds-menu-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(2, 24, 45, .98) 0%,
rgba(3, 31, 56, .94) 47%,
rgba(3, 29, 52, .66) 72%,
rgba(2, 19, 35, .36) 100%
);
}
/* ------------------------------------------------------
CONTENT
------------------------------------------------------ */
.ds-menu-content {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
min-height: 100dvh;
display: flex;
flex-direction: column;
padding:
max(25px, env(safe-area-inset-top))
28px
max(22px, env(safe-area-inset-bottom));
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* ------------------------------------------------------
HEADER / LOGO
------------------------------------------------------ */
.ds-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 80px;
margin-bottom: 19px;
}
.ds-menu-logo {
display: block;
width: 225px;
max-width: 70%;
}
.ds-menu-logo img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
/* ------------------------------------------------------
CLOSE BUTTON
------------------------------------------------------ */
.ds-menu-close {
position: relative;
flex: 0 0 48px;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid rgba(255,255,255,.30);
border-radius: 50%;
background: rgba(5,25,44,.22);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
cursor: pointer;
}
.ds-menu-close span {
position: absolute;
top: 50%;
left: 50%;
width: 21px;
height: 1.5px;
background: #ffffff;
border-radius: 4px;
}
.ds-menu-close span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.ds-menu-close span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
/* ------------------------------------------------------
NAVIGATION
------------------------------------------------------ */
.ds-menu-nav {
width: 100%;
margin-top: 3px;
}
.ds-nav-item {
position: relative;
border-bottom:
1px solid rgba(255,255,255,.18);
}
.ds-nav-main {
position: relative;
width: 100%;
min-height: 82px;
display: flex;
align-items: center;
margin: 0;
padding: 13px 4px;
border: 0;
background: transparent;
text-align: left;
text-decoration: none !important;
box-sizing: border-box;
cursor: pointer;
}
/* Number */
.ds-nav-number {
flex: 0 0 38px;
color: #f2b53d;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
/* Small line after number */
.ds-nav-dash {
flex: 0 0 22px;
width: 13px;
height: 1px;
margin-right: 9px;
background: rgba(242,181,61,.85);
}
/* Copy */
.ds-nav-copy {
display: flex;
flex: 1;
min-width: 0;
flex-direction: column;
justify-content: center;
}
.ds-nav-title {
display: block;
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
font-weight: 400;
line-height: 1.12;
letter-spacing: -.3px;
}
.ds-nav-subtitle {
display: block;
margin-top: 7px;
color: rgba(255,255,255,.66);
font-family: "Open Sans", sans-serif;
font-size: 9px;
font-weight: 500;
line-height: 1;
letter-spacing: 2.3px;
}
/* ------------------------------------------------------
GOLD ARROW
------------------------------------------------------ */
.ds-nav-arrow,
.ds-ism-arrow {
position: relative;
flex: 0 0 25px;
width: 25px;
height: 25px;
}
.ds-nav-arrow:before,
.ds-ism-arrow:before {
content: "";
position: absolute;
top: 50%;
right: 4px;
width: 10px;
height: 10px;
border-top: 2px solid #f2b53d;
border-right: 2px solid #f2b53d;
transform:
translateY(-50%)
rotate(45deg);
transition: transform .3s ease;
}
/* ------------------------------------------------------
SUBMENU
------------------------------------------------------ */
.ds-submenu {
max-height: 0;
overflow: hidden;
opacity: 0;
transition:
max-height .45s ease,
opacity .3s ease;
}
.ds-nav-item.submenu-open .ds-submenu {
max-height: 320px;
opacity: 1;
}
.ds-nav-item.submenu-open
.ds-nav-arrow:before {
transform:
translateY(-70%)
rotate(135deg);
}
.ds-submenu-inner {
padding:
0
0
17px
69px;
}
.ds-submenu-inner a {
position: relative;
display: block;
padding: 6px 0 6px 16px;
color: rgba(255,255,255,.86) !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.25;
text-decoration: none !important;
}
.ds-submenu-inner a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 5px;
height: 5px;
border-radius: 50%;
background: #f2b53d;
transform: translateY(-50%);
}
/* ------------------------------------------------------
ISM LOGIN
------------------------------------------------------ */
.ds-ism-login {
position: relative;
width: 100%;
min-height: 88px;
display: flex;
align-items: center;
margin-top: 22px;
padding: 13px 15px;
border: 1.5px solid #f2b53d;
border-radius: 16px;
background:
linear-gradient(
90deg,
rgba(3,25,45,.88),
rgba(24,35,40,.69)
);
box-shadow:
0 12px 30px rgba(0,0,0,.15);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-sizing: border-box;
text-decoration: none !important;
}
.ds-ism-number {
flex: 0 0 42px;
color: #f2b53d;
font-family: "Open Sans", sans-serif;
font-size: 17px;
font-weight: 500;
}
.ds-ism-divider {
width: 1px;
height: 43px;
margin-right: 15px;
background: rgba(255,255,255,.24);
}
.ds-lock {
flex: 0 0 42px;
color: #f2b53d;
font-size: 25px;
}
.ds-ism-copy {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
}
.ds-ism-title {
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
}
.ds-ism-subtitle {
margin-top: 7px;
color: rgba(255,255,255,.63);
font-family: "Open Sans", sans-serif;
font-size: 8px;
font-weight: 500;
letter-spacing: 2.2px;
}
/* ------------------------------------------------------
FOOTER
------------------------------------------------------ */
.ds-menu-footer {
margin-top: auto;
padding-top: 28px;
}
.ds-footer-brand {
display: flex;
align-items: center;
padding-top: 15px;
border-top:
1px solid rgba(255,255,255,.42);
color: rgba(255,255,255,.78);
font-family: "Open Sans", sans-serif;
font-size: 8px;
font-weight: 500;
letter-spacing: 1.7px;
white-space: nowrap;
}
.ds-footer-brand span {
width: 4px;
height: 4px;
margin: 0 9px;
border-radius: 50%;
background: #f2b53d;
}
.ds-social {
display: flex;
align-items: center;
gap: 22px;
margin-top: 17px;
}
.ds-social a {
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,.83) !important;
font-size: 22px;
text-decoration: none !important;
}
/* ------------------------------------------------------
OPEN ANIMATION
------------------------------------------------------ */
.ds-premium-menu.is-open .ds-menu-header {
animation:
dsMenuFade .55s .12s both;
}
.ds-premium-menu.is-open .ds-nav-item {
animation:
dsMenuFade .55s both;
}
.ds-premium-menu.is-open .ds-nav-item:nth-child(1) {
animation-delay: .17s;
}
.ds-premium-menu.is-open .ds-nav-item:nth-child(2) {
animation-delay: .22s;
}
.ds-premium-menu.is-open .ds-nav-item:nth-child(3) {
animation-delay: .27s;
}
.ds-premium-menu.is-open .ds-nav-item:nth-child(4) {
animation-delay: .32s;
}
.ds-premium-menu.is-open .ds-nav-item:nth-child(5) {
animation-delay: .37s;
}
.ds-premium-menu.is-open .ds-ism-login {
animation:
dsMenuFade .55s .42s both;
}
.ds-premium-menu.is-open .ds-menu-footer {
animation:
dsMenuFade .55s .47s both;
}
@keyframes dsMenuFade {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
}
/* ==========================================================
SMALL PHONES
========================================================== */
@media (max-width: 480px) {
.ds-menu-content {
padding-left: 24px;
padding-right: 24px;
}
.ds-menu-logo {
width: 205px;
}
.ds-menu-header {
min-height: 70px;
margin-bottom: 12px;
}
.ds-nav-main {
min-height: 75px;
}
.ds-nav-title {
font-size: 22px;
}
.ds-nav-subtitle {
font-size: 8px;
}
.ds-ism-login {
min-height: 82px;
}
.ds-ism-title {
font-size: 21px;
}
}
/* ==========================================================
SHORT MOBILE SCREENS
========================================================== */
@media (max-width: 960px) and (max-height: 720px) {
.ds-menu-content {
padding-top: 17px;
padding-bottom: 15px;
}
.ds-menu-header {
min-height: 60px;
margin-bottom: 6px;
}
.ds-menu-logo {
width: 185px;
}
.ds-menu-close {
width: 43px;
height: 43px;
flex-basis: 43px;
}
.ds-nav-main {
min-height: 65px;
padding-top: 8px;
padding-bottom: 8px;
}
.ds-nav-title {
font-size: 20px;
}
.ds-nav-subtitle {
margin-top: 5px;
}
.ds-ism-login {
min-height: 72px;
margin-top: 14px;
}
.ds-menu-footer {
padding-top: 17px;
}
.ds-social {
margin-top: 11px;
}
}
/* =========================================================
DADAYLILAR SHIPPING - EN | TR LANGUAGE SWITCHER
========================================================= */
/* DESKTOP */
.dly-language-switcher{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-left:16px;
white-space:nowrap;
height:100%;
position:relative;
z-index:100;
}
.dly-language-link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:4px 0;
margin:0;
color:#ffffff !important;
font-family:"Open Sans",Arial,sans-serif;
font-size:12px;
line-height:1;
font-weight:700;
letter-spacing:.7px;
text-decoration:none !important;
cursor:pointer;
transition:color .2s ease, opacity .2s ease;
}
.dly-language-link:hover{
color:#ffcc00 !important;
text-decoration:none !important;
}
.dly-language-link.active{
color:#ffcc00 !important;
}
.dly-language-separator{
display:inline-flex;
align-items:center;
justify-content:center;
color:rgba(255,255,255,.55);
font-size:12px;
font-weight:400;
line-height:1;
}
/* MOBILE */
.dly-mobile-language-switcher{
display:flex;
align-items:center;
justify-content:center;
width:100%;
gap:12px;
padding:10px 0;
}
.dly-mobile-language-link{
display:inline-flex !important;
align-items:center;
justify-content:center;
color:#ffffff !important;
font-family:"Open Sans",Arial,sans-serif;
font-size:14px;
line-height:1;
font-weight:700;
letter-spacing:1px;
text-decoration:none !important;
}
.dly-mobile-language-link:hover,
.dly-mobile-language-link.active{
color:#ffcc00 !important;
text-decoration:none !important;
}
.dly-mobile-language-separator{
color:rgba(255,255,255,.55);
font-size:14px;
}
/* Desktop language selector only */
@media (min-width:992px){
.dly-language-switcher{
display:flex !important;
}
}
/* Mobile */
@media (max-width:991px){
.dly-language-switcher{
display:none !important;
}
}
/* =========================================================
DADAYLILAR - FINAL DESKTOP EN | TR
========================================================= */
@media (min-width: 992px){
header .header-row > .lang-d.dly-lang-inline{
position:relative !important;
flex:0 0 auto !important;
width:auto !important;
min-width:76px !important;
height:44px !important;
margin:0 0 0 14px !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
overflow:visible !important;
z-index:9999 !important;
}
/* JS'nin çalışması için DOM'da kalacak */
header .lang-d.dly-lang-inline > .lang-selected{
display:block !important;
position:absolute !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
header .lang-d.dly-lang-inline > .lang-selected::after{
display:none !important;
content:none !important;
}
/* Eski dropdown'u tamamen inline hale getir */
header .lang-d.dly-lang-inline > .lang-select,
header .lang-d.dly-lang-inline > .lang-select.active{
position:static !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
width:auto !important;
min-width:0 !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
font-size:12px !important;
line-height:1 !important;
white-space:nowrap !important;
}
header .lang-d.dly-lang-inline > .lang-select > a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:0 !important;
height:auto !important;
margin:0 !important;
padding:4px 5px !important;
border:0 !important;
background:transparent !important;
color:#ffffff !important;
font-family:"Open Sans",Arial,sans-serif !important;
font-size:12px !important;
font-weight:700 !important;
line-height:1 !important;
letter-spacing:.5px !important;
text-decoration:none !important;
cursor:pointer !important;
}
header .lang-d.dly-lang-inline > .lang-select > a.active{
color:#ffcc00 !important;
}
header .lang-d.dly-lang-inline > .lang-select > a:hover{
color:#ffcc00 !important;
}
header .dly-lang-separator{
display:inline-block !important;
margin:0 2px !important;
padding:0 !important;
color:rgba(255,255,255,.65) !important;
font-size:12px !important;
line-height:1 !important;
}
}
/* =========================================================
DADAYLILAR - LANGUAGE POSITION FINAL FIX
ISM LOGIN EN | TR
========================================================= */
@media (min-width: 992px){
/* Header row taşmayı engellemesin */
header .header-row{
overflow:visible !important;
}
/*
* Menü alanına dil seçici için sağ tarafta gerçek alan bırak.
* Böylece EN, ISM LOGIN butonunun arkasında kalmaz.
*/
header .menu-c{
min-width:0 !important;
padding-right:0 !important;
}
/*
* Dil kutusu kesinlikle butonun üzerine binmesin.
*/
header .header-row > .lang-d.dly-lang-inline{
position:relative !important;
flex:0 0 82px !important;
width:82px !important;
min-width:82px !important;
max-width:82px !important;
height:44px !important;
margin-left:18px !important;
margin-right:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
transform:none !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
z-index:9999 !important;
}
/*
* JS için gerekli fakat görünmeyecek.
*/
header .lang-d.dly-lang-inline .lang-selected{
position:absolute !important;
display:block !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
overflow:hidden !important;
pointer-events:none !important;
}
header .lang-d.dly-lang-inline .lang-selected::after{
display:none !important;
content:none !important;
}
/*
* EN | TR satırı
*/
header .lang-d.dly-lang-inline .lang-select,
header .lang-d.dly-lang-inline .lang-select.active{
position:relative !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-start !important;
width:82px !important;
min-width:82px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
white-space:nowrap !important;
transform:none !important;
}
header .lang-d.dly-lang-inline .lang-select > a{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:auto !important;
margin:0 !important;
padding:5px 4px !important;
border:0 !important;
background:transparent !important;
color:#ffffff !important;
font-size:12px !important;
line-height:1 !important;
font-weight:700 !important;
text-decoration:none !important;
cursor:pointer !important;
transform:none !important;
}
header .lang-d.dly-lang-inline .lang-select > a.active{
color:#ffcc00 !important;
}
header .lang-d.dly-lang-inline .lang-select > a:hover{
color:#ffcc00 !important;
}
header .lang-d.dly-lang-inline .dly-lang-separator{
display:inline-flex !important;
margin:0 2px !important;
padding:0 !important;
color:rgba(255,255,255,.70) !important;
font-size:12px !important;
line-height:1 !important;
}
}