body { font-family: 'Roboto', sans-serif; background-color: #fff; height: auto; position: relative } @font-face { font-family: 'Roboto', sans-serif; font-style: normal; font-display: optional; font-weight: 400; src: local('Roboto'), local('Roboto'), url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); } body:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; visibility: hidden; z-index: 1 } body.offcanvas-menu:before { opacity: 1; visibility: visible } embed, iframe, img, object { max-width: 100% } img { height: auto } li { list-style-type:none; } a { color: #000; } p { font-size: 17px; text-align: justify; line-height: 30px; font-style: normal; color: #5d5c5c } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif } a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } a:hover { text-decoration: none !important } .hero { height: 100vh; margin-top: -118px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #000 } .site-navbar { padding-top: 30px; padding-bottom: 30px; z-index: 1999; position: relative; width: 100%; background-color: #0a0a0a; overflow: hidden } @media (max-width:768px) { .site-navbar { padding-right: 30px; } } .site-navbar ul .active a { color: #f4d804 !important; } .site-navbar.transparent { background: transparent } .site-navbar.absolute { position: absolute; top: 0; left: 0; width: 100% } .site-navbar .site-logo { position: relative; left: 30px } .site-navbar .site-navigation .site-menu { margin-bottom: 0 } .site-navbar .site-navigation .site-menu .active>a span { background: #007bff; color: #fff; border-radius: 30px; display: inline-block; padding: 5px 20px } .site-navbar .site-navigation .site-menu a { text-decoration: none !important; display: inline-block } .site-navbar .site-navigation .site-menu>li { display: inline-block } .site-navbar .site-navigation .site-menu>li>a { padding: 10px; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none !important } .site-navbar .site-navigation .site-menu>li>a>span { padding: 5px 20px; display: inline-block; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; border-radius: 30px } .site-navbar .site-navigation .site-menu>li>a:hover>span { background: #007bff; color: #fff; border-radius: 30px; display: inline-block } .site-mobile-menu { font-weight: 600; position: fixed; right: 0; z-index: 2000; padding-top: 20px; background: #000; height: calc(100vh); transform: translateX(110%); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); transition: .3s all ease-in-out } .mobilmenuicon { width: 30px; height: 5px; background-color: white; margin-bottom: 6px ; } .offcanvas-menu .site-mobile-menu { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .site-mobile-menu .site-mobile-menu-header { width: 100%; float: left; padding-left: 20px; padding-right: 20px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { float: right; margin-top: 8px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { font-size: 30px; color: #ffc500; display: inline-block; padding-left: 10px; padding-right: 0; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover { color: #f8f9fa } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { float: left; margin-top: 10px; margin-left: 0 } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { display: inline-block; text-transform: uppercase } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 70px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { text-decoration: none } .site-mobile-menu .site-mobile-menu-body { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; padding: 0 20px 20px; height: calc(100vh - 52px); padding-bottom: 150px } .site-mobile-menu .site-nav-wrap { padding: 0; margin: 0; list-style: none; position: relative } .site-mobile-menu .site-nav-wrap a { padding: 10px 20px; display: block; position: relative; color: #fff } .site-mobile-menu .site-nav-wrap a:hover { color: #ffc500 } .site-mobile-menu .site-nav-wrap li { position: relative; display: block } .site-mobile-menu .site-nav-wrap li.active>a { color: #fff } .site-mobile-menu .site-nav-wrap .arrow-collapse { position: absolute; right: 0; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer; border-radius: 50% } .site-mobile-menu .site-nav-wrap .arrow-collapse:hover { background: #f8f9fa } .site-mobile-menu .site-nav-wrap .arrow-collapse:before { font-size: 12px; z-index: 20; font-family: 'Roboto', sans-serif; content: "\f078"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .site-mobile-menu .site-nav-wrap>li { display: block; position: relative; float: left; width: 100% } .site-mobile-menu .site-nav-wrap>li>a { padding-left: 20px; font-size: 20px } .site-mobile-menu .site-nav-wrap>li>ul { padding: 0; margin: 0; list-style: none } .site-mobile-menu .site-nav-wrap>li>ul>li { display: block } .site-mobile-menu .site-nav-wrap>li>ul>li>a { padding-left: 40px; font-size: 16px } .site-mobile-menu .site-nav-wrap>li>ul>li>ul { padding: 0; margin: 0 } .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li { display: block } .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a { font-size: 16px; padding-left: 60px } .site-mobile-menu .site-nav-wrap[data-class="social"] { float: left; width: 100%; margin-top: 30px; padding-bottom: 5em } .site-mobile-menu .site-nav-wrap[data-class="social"]>li { width: auto } .site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a { padding-left: 15px !important } section { display: block } .col-md-12, .col-sm-12 { position: relative; min-height: 1px; padding-left: 15px; margin-bottom: 30px; padding-right: 15px } @media (min-width:768px) { .col-sm-12 { float: left; width: 100% } } @media (min-width:992px) { .col-md-12 { float: left; width: 100% } } .after, .before { height:50px; background-color: gray; margin-top: 10px; margin-bottom: 10px; } div, section { border: 1px solid black; box-sizing: border-box; } .banner { position: relative; height:300px; width:100%; overflow: hidden; } .videobcg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; height:auto; width:auto; z-index: -100; } .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .container:after, .row:after { clear: both } .zn-bgSource, .zn-bgSource-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; pointer-events: none } .ustanimasyon { height: calc(100vh - 118px); display: flex; justify-content: center; align-items: center; padding-top: 0; padding-bottom: 0; background: #0a0a0a } @media (min-width:992px) and (max-width:1199px) { .ustanimasyon { height: calc(100vh - 118px); } } @media (min-width:768px) and (max-width:991px) { .ustanimasyon { height: 600px } } @media (max-width:767px) { .ustanimasyon { height: 300px } } @media all { .zn_section { padding-top: 30px; padding-bottom: 30px; background-color: #fff; position: relative } } @media screen and (max-width:767px) { .zn_section { padding-top: 20px; padding-bottom: 20px } } .animation-texts-tag span { border-right: .15em solid; animation: caret 1s steps(1) infinite; margin-left: 20px } @media only screen and (max-width:768px) { .animation-texts-tag { font-family: 'Roboto', sans-serif; font-size: 25px; line-height: 10px; font-style: normal; font-weight: 800; color: #fff; text-align: center } } @media only screen and (min-width:768px) { .animation-texts-tag { font-family: 'Roboto', sans-serif; font-size: 120px; line-height: 200px; font-style: normal; font-weight: 800; color: #fff; text-align: center } } .mesafe { padding-top: 40px; padding-bottom: 40px } @media screen and (max-width:767px) { .mesafe { padding-top: 20px; padding-bottom: 20px } } .hbaslik { margin-top: 15px; font-size: 50px; line-height: 63px; font-weight: 700; text-align: center; padding: 0 6px } @media screen and (max-width:991px) { .hbaslik { margin-top: 15px; font-size: 25px; line-height: 30px; padding: 0 6px } } .sarirenk { background: #fc3 } .tbk__title { font-size: 26px; line-height: 40px; font-weight: 700; font-style: normal; color: #323232 } .normalyazi { font-size: 15px } .iconyazisi { float: left; margin-right: 20px; margin-left: 2px } .solarti { float: left; color: #fc3; font-size: 47px; margin-top: -18px; font-weight: bolder } .solarti:hover { color: #4b4b4b } .baslikalt { font-size: 22px; line-height: 26px; font-style: normal; color: #fff } .sagyazi { overflow: hidden } .sarimesafe { background-color: #f7d12a; padding-top: 40px; padding-bottom: 40px } @media screen and (max-width:767px) { .sarimesafe { padding-top: 20px; padding-bottom: 20px } } .otuz { margin-bottom: 30px; margin-top: 8px } .slick-slide { margin: 0 20px } .slick-slide img { width: 100% } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .doksan { width: 98% } #hizmetlerimizvideosu { display: block; margin: 0 auto } #neleryaptikyazisi { padding: 20px 0 } @media(min-width:767px){ .webyanyaziorta { padding: 30px 0 0 30px; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/WEB.png); background-repeat: no-repeat; background-position: left center } } @media(min-width:767px){ .yazilimyanyaziorta { padding: 30px 0 0 30px; background-color: #e5e5e5; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/YAZ-1.png); background-repeat: no-repeat; background-position: left center } } @media(min-width:767px){ .cineyanyaziorta { padding: 30px 0 0 30px; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/cinemax.png); background-repeat: no-repeat; background-position: left center } } @media(min-width:767px){ .sosyalyanyaziorta { padding: 30px 0 0 30px; background-color: #e5e5e5; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/Sos.png); background-repeat: no-repeat; background-position: left center } } @media(min-width:767px){ .logoyanyaziorta { padding: 30px 0 0 30px; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/LOGO.png); background-repeat: no-repeat; background-position: left center } } @media(min-width:767px){ .vboardyanyaziorta { padding: 30px 0 0 30px; background-color: #e5e5e5; background-image: url(https://www.denizliweb.com.tr/wp-content/uploads/2019/04/ord.png); background-repeat: no-repeat; background-position: left center } } .center { display: block; margin-left: auto; margin-right: auto; width: 50% } .blokalan { margin-top:30px; padding: 10px 10px 10px 10px; background-color: #dbdbdb; border-radius: 8px; border: 1px solid #000000; } .referanslink { color: #212529 } .referanslink a { color: #212529 } .referanslink a:hover { background-color: #000 } .altkisim { font-size: 13px; line-height: 26px; font-style: normal; color: #fff } .altkisim a { color: #fff } .sosyalbuton a { color: #fff } @media(min-width:767px){ .sosyalbuton { font-size: 13px; line-height: 26px; font-style: normal; color: #fff } } @media(max-width:767px){ .sosyalbuton { font-size: 17px; line-height: 40px; font-style: normal; color: #fff } } .footer { width: 100%; bottom: 0px; height: 50px; } .footerrenk { padding-top: 110px; padding-bottom: 50px } .zn_section.footerrenk { background-color: #000 } .genislik { width: 1170px } @media(max-width:767px) { .genislik { width: 100% } } .topelli { margin-top: 30% } @media(max-width:767px) { .topelli { margin-top: 20px } } .ustyirmi { margin-top: 25px; } .ustotuz { margin-top: 7% } @media(max-width:767px) { .ustotuz { margin-top: 20px } } .onbes { margin-bottom: 15px } .yirmi { margin-bottom: 20px } .otuzaltust { margin-bottom: 30px; margin-top: 30px } #footermenu>li>a { font-size: 15px; line-height: 26px; color: #fff } @media(max-width:767px){ #footermenu>li>a { font-size: 17px; line-height: 40px; margin-right: 40px; color: #fff }} .footer-menu { list-style: none } .footer-menu>li { display: inline-block; margin: 0 10px; position: relative } .anasayfaneleryapiyoruz .hizmetlerimiz { margin-bottom: 30px; margin-left: 15px; margin-right: 15px; position: relative } .anasayfaneleryapiyoruz .hizmetlerimizyardim { position: absolute; top: 0; left: 0; width: 100%; height: 5px; border: 1px solid rgba(0, 0, 0, .2); border-bottom: 0; border-radius: 4px 4px 0 0 } .anasayfaneleryapiyoruz .hizmetlerimiz:after, .anasayfaneleryapiyoruz .hizmetlerimiz:before { content: ""; position: absolute; top: 4px; width: 1px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, .2)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 60%, transparent 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 60%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 60%, transparent 100%) } .anasayfaneleryapiyoruz .anasayfaneleryapiyoruz .hizmetlerimiz:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, 0) 100%) } .anasayfaneleryapiyoruz .hizmetlerimiz:before { left: 0 } .anasayfaneleryapiyoruz .hizmetlerimiz:after { right: 0 } .akorduyondort { border: solid 1px #eabb10; border-radius: 4px } .akorduyobaslik+.akorduyondort { border-top: none } .akorduyondort .akorduyongrup { margin-bottom: 0; border-radius: 0; border: 0; box-shadow: none } .akorduyondort .akorduyongrup+.akorduyongrup { margin-top: 0 } .akorduyondort .akorduyonbuton { background: 0 0; border: 0; color: #ffc600; display: block; width: 100%; text-align: left; position: relative; padding: 12px 20px; overflow: hidden; border-bottom: solid 1px #f9f9f9 } .akorduyondort .akorduyonbuton:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .akorduyondort .akorduyonbuton:last-child:only-child { border-radius: 3px } .akorduyondort .akorduyonbuton.collapsed { background: #f9f9f9; color: #505050; border-bottom: solid 1px #e6e6e6 } .akorduyondort .akorduyonbuton, .akorduyondort .akorduyonbuton.collapsed:hover, .akorduyondort .akorduyonbuton:hover { color: #111; background: #fff } .akorduyondort .akorduyonbuton.collapsed .acc-icon { position: absolute; right: -21px; width: 58px; height: 58px; border: 7px solid #000; border-radius: 50%; top: -7px } .akorduyondort .akorduyonbuton.collapsed .acc-icon:after, .akorduyondort .akorduyonbuton.collapsed .acc-icon:before { content: ''; background-color: #000; display: inline-block; text-align: center; line-height: 63px; position: absolute; left: 50%; top: 50% } .akorduyondort .akorduyonbuton.collapsed .acc-icon:before { width: 20px; height: 6px; margin-top: -3px; margin-left: -9px } .akorduyondort .akorduyonbuton.collapsed .acc-icon:after { width: 6px; height: 19px; margin-left: -2px; margin-top: -10px } .akorduyondort .akorduyonbuton .acc-icon { position: absolute; right: -11px; width: 58px; height: 58px; opacity: .05; border: 7px solid #ffc600; border-radius: 50%; top: -7px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out } .akorduyondort .akorduyonbuton .acc-icon:before { content: ''; width: 20px; height: 6px; background-color: #ffc600; display: inline-block; text-align: center; line-height: 63px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -3px } .akorduyondort .akorduyonbuton.collapsed:hover .acc-icon { opacity: .05 } .akorduyondort .acc-content { border-bottom: none; background: #fff; padding: 20px } .akorduyondort .acc-content p:last-child { margin-bottom: 0 } .akorduyon .akorduyondort .akorduyonmesafe { padding: 0 15px } .akorduyon .akorduyondort .acc-content { padding: 20px 5px } .akorduyobaslik { background: #fc3 } .akorduyonstil .akorduyobaslik { line-height: 1.4; color: #fff; font-size: 14px; font-weight: 400; text-shadow: none; padding: 15px 20px; margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase } #hizmetblok .hizmetlerimiz { height: 300px } #hizmetblok .hizmetlerimiz:hover { background-color: #eabb10 } #hizmetblok .hizmetlerimizbaslik { color: #0a0a0a } .hizmetlerimiz { float: left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; -webkit-backface-visibility: hidden; height: 200px } .hizmetlerimiz.text-left { text-align: left } .hizmetlerimiz.text-right { text-align: right } .neleryapmaktayiz--theme-light .hizmetlerimiz { background-color: #f2f2f2 } .neleryapmaktayiz--theme-dark .hizmetlerimiz { background-color: #0d0d0d } .hizmetlerimiz[onclick] { cursor: pointer } @media(min-width:1200px) { .neleryapmaktayizkutu { width: calc(33.3333% - 30px) } } @media(max-width:1199px) and (min-width:768px) { .neleryapmaktayizkutu { width: calc(50% - 30px) } } @media(max-width:767px) { .neleryapmaktayizkutu { width: calc(100% - 30px) } } .hizmetlerimiz-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .neleryapmaktayiz__link { display: block } .neleryapmaktayiz__desc-wrp, .hizmetlerimizfoto { margin-top: 0; margin-bottom: 20px } .neleryapmaktayiz__desc, .neleryapmaktayiz__title { margin: 0 } .neleryapmaktayiz__flt-floated_right .neleryapmaktayiz__floatedWrapper { float: right; text-align: right } .neleryapmaktayiz__floatedWrapper .neleryapmaktayiz__desc-wrp:last-child { margin-bottom: 0 } .neleryapmaktayiz--style-lined-full { border-width: 1px 0 0 1px } .neleryapmaktayiz--style-lined-full .hizmetlerimiz { border-width: 0 1px 1px 0 } .neleryapmaktayiz--style-lined-full, .neleryapmaktayiz--style-lined-full .hizmetlerimiz { border-color: rgba(0, 0, 0, .1); border-style: solid } .neleryapmaktayiz--theme-dark.neleryapmaktayiz--style-lined-full, .neleryapmaktayiz--theme-dark.neleryapmaktayiz--style-lined-full .hizmetlerimiz { border-color: rgba(255, 255, 255, .1) } .neleryapmaktayiz--style-lined-center, .neleryapmaktayiz--style-lined-center .hizmetlerimiz { border-color: rgba(0, 0, 0, .1); border-style: solid } .neleryapmaktayiz--theme-dark.neleryapmaktayiz--style-lined-center, .neleryapmaktayiz--theme-dark.neleryapmaktayiz--style-lined-center .hizmetlerimiz { border-color: rgba(255, 255, 255, .1) } .neleryapmaktayiz--style-lined-center .hizmetlerimiz { border-width: 0 1px 1px 0 } .neleryapmaktayiz--style-lined-center { border: 0 } #eluid18caa2ad .znColumnElement-innerWrapper-eluid18caa2ad { min-height: px } @media screen and (min-width:768px) and (max-width:991px) { .znColumnElement-innerWrapper-eluid18caa2ad { margin-right: 0; padding-right: 25px } } @media screen and (max-width:767px) { .znColumnElement-innerWrapper-eluid18caa2ad { padding-right: 25px } } .eluid54129128 { padding-top: 75px; padding-bottom: 75px } .makalestildort.default-style .makalesonlink { margin-bottom: 10px } .makalestildort.default-style .latest_posts-readon { position: absolute; left: -10px; bottom: 16px; color: #fff; padding: 11px 14px; font-size: 12px; font-weight: 500; line-height: 1; margin: 0; border-radius: 2px; z-index: 1 } .makalestildort.default-style .makalesonlink:hover .latest_posts-readon { left: 15px; background: #fff } .makalestildort.default-style .makaledetay { font-size: 11px; display: block } .makalestildort.default-style .sonmakale { margin-bottom: 30px } .makalestildort.default-style .makalelink { font-style: italic; font-size: 16px; line-height: 1.4; margin-top: 10px } .makalestildort.default-style .latest_posts-img { box-shadow: 0 1px 1px rgba(0, 0, 0, .22) } .makalestildort.makalestil .postbaslik { background-color: #ffc600; height: 120px; width: 100%; text-align: center; padding: 20px 40px; margin: 0 0 20px } .makalestildort.makalestil .postanabaslik { position: relative; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 1; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .makalestildort.makalestil .sonmakale { position: relative; margin-bottom: 10px } .makalestildort.makalestil .makaledetay { position: absolute; bottom: 0; padding: 20px 15px 15px } .makalestildort.makalestil .makaledetay-data { font-style: normal; color: rgba(255, 255, 255, .8); font-size: 11px } .makalestildort.makalestil .makaledetay-data a { color: #fff } .makalestildort.makalestil .makalelink { position: relative; margin: 0 0 20px } .makalestildort.makalestil .makalelink:after { position: absolute; content: ''; width: 88px; height: 3px; background-color: #ffc600; left: 0; bottom: -10px; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out } .makalestildort.makalestil .sonmakale:hover .makalelink:after { width: 160px } .makalestildort.makalestil .makalelink { color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, .7); font-style: normal; margin-bottom: 5px } .makalestildort.makalestil .makalesonlink { position: relative; display: block } .makalestildort.makalestil .makalesonlink:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, .8) 100%); background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, .6) 100%); background: linear-gradient(transparent 50%, rgba(0, 0, 0, .6) 100%); box-shadow: none; border-radius: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out } .makalestildort.makalestil .sonmakale:hover .makalesonlink:after { opacity: 0 } .makalestildort.makalestil .latest_posts-img { border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } @media(min-width:768px) { .makalestildort.makalestil .postbaslik { margin-bottom: 0 } } @media(min-width:1200px) { .makalestildort.makalestil .postbaslik { height: 350px; margin-bottom: 20px } .makalestildort.makalestil .postanabaslik { font-size: 54px } .makalestildort.makalestil .sonmakale { margin-bottom: 20px } } @media(max-width:991px) and (min-width:768px) { .makalestildort.makalestil .postbaslik { height: 219px } } @media(max-width:1199px) and (min-width:992px) { .makalestildort.makalestil .postbaslik { height: 288px } } @media(max-width:480px) { .makalestildort.makalestil .makalelink { margin-bottom: 10px } .makalestildort.makalestil .makalelink:after { content: none } .makalestildort.makalestil .makaledetay-data { display: none } } .harita { z-index: 11 } .ust { padding-top: 160px; padding-bottom: 30px; background-color: #fff; position: relative } @media print { [class*=col-] { width: 100% } } @media print { *, :after, :before { background: 0 0 !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } } .zn-bgSource-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none } @keyframes caret { 50% { border-color: transparent } } .text-box { position: relative; display: flex } .sayfabaslik { font-size: 40px; font-weight: 900; background-color: #000; color: #fff; display: block; padding: .2em } .sayfabaslik:nth-child(2) { position: absolute; background-color: #fff; color: #000; clip-path: inset(-1% -1% 50% -1%) } #fade { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: .8; opacity: .8; filter: alpha(opacity=80) } #light { display: none; position: absolute; top: 50%; left: 50%; max-width: 600px; max-height: 360px; border: 2px solid #FFF; background: #FFF; z-index: 1002; overflow: visible } #boxclose { cursor: pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 3px; background: #222; font-size: 31px; font-weight: 700; display: inline-block; line-height: 0; padding: 11px 3px; position: absolute; right: 2px; top: 2px; z-index: 1002; opacity: .9 } .boxclose:before { content: "×" } #fade:hover~#boxclose { display: none } .test:hover~.test2 { display: none } img { max-height: 50vh } .lightbox { display: none; position: fixed; z-index: 999; top: 50px; left: 50px; right: 50px; bottom: 50px; padding: 10px; background: rgba(0, 0, 0, 0.8) } .lightbox:target { display: block } .lightbox span { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain } .sidebar { position: fixed; width: 25%; height: 100vh; background: #312450; } .yanmenu { position: relative; } .yanmenu ul { list-style: none; } .yanmenu ul li { position: relative; margin-bottom: 10px; margin-left: -40px; } .yanmenu ul li a { line-height: 53px; text-decoration: none; color: #5a5a5a; display: block; transition: all ease-out 300ms; background-color: #dcdcdc; padding-left: 10px; } .yanmenu ul li.active a { background-color: #f4d804; } .yanmenu ul li:not(.active):hover a { color: #5d5c5c; background-color: #f4d804 } .btn { background-color: #ffc500; color: #fff; padding: 13px 23px; text-align: center; text-decoration: none; display: inline-block; font-size: 12pt; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s } .btn:hover { background-color: #00aeec; color: #fff; box-shadow: 2px 2px 2px 2px gray, 0 1px 1px 0 gray } .hizbtn { background-color: #ffc500; color: #fff; padding: 8px 8px; margin: 0 4px 4px 0; text-align: center; text-decoration: none; display: inline-block; font-size: 12pt; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s } .hizbtn:hover { background-color: #00aeec; color: #fff; box-shadow: 2px 2px 2px 2px gray, 0 1px 1px 0 gray } .kenarcizgi { border: 1px solid; padding: 10px } .footer-adres { color: #fff; font-size: 12px; line-height: 17px }