/*

Theme Name: Arden

Theme URI: https://www.ardenpanel.com/

Author: KaktusCreative

Author URI: https://www.kaktusmedya.com/kaktus-creative/

Description: ArdenPanel, Herşeyi mükemmel yapmaya yeter.

Version: 1.4

Text Domain: https://www.ardenpanel.com/

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

*/



@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');



body {font-family: 'Archivo', sans-serif;font-weight:400;background:#ebebeb;}

a{text-decoration:none;}

a:hover{text-decoration:none;}

button:hover{cursor: pointer;}



.gv{-webkit-transition: all .40s ease-in-out;-moz-transition: all .40s ease-in-out;transition: all .40s ease-in-out;}



h1{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:18px;font-weight:600;}

h2{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:16px;font-weight:600;}

h3{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:14px;font-weight:600;}

h4{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:12px;font-weight:600;}

h5{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:12px;font-weight:600;}



@media only screen and (max-width: 575.98px) {}

@media only screen and (min-width: 576px) and (max-width: 767.98px) { }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {.container{width:99%;min-width:99%;} }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {.container{width:99%;min-width:99%;}  }

@media only screen and (min-width: 1200px) {.container{width:1200px!important;min-width:1200px!important;}}

@media only screen and (min-width: 1900px) {.container{width:1200px!important;min-width:1200px!important;}}



.alignnone {margin:5px 20px 20px 0;}

.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}

.alignright {float:right;margin:5px 0 20px 20px;}

.alignleft {float:left;margin:5px 20px 20px 0;}

a img.alignright {float:right;margin:5px 0 20px 20px;}

a img.alignnone {margin:5px 20px 20px 0;}

a img.alignleft {float:left;margin:5px 20px 20px 0;}

a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}

.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}

.wp-caption.alignnone {margin:5px 20px 20px 0;}

.wp-caption.alignleft {margin:5px 20px 20px 0;}

.wp-caption.alignright {margin:5px 0 20px 20px;}

.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}

.wp-caption .wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}



.siyah{float:left;width:100%;min-height:100px;height:auto;background:#444;color:#fff;padding: 20px 0 50px 0;}

.beyaz{float:left;width:100%;min-height:100px;height:auto;background:#fff;color:#444;}

.kirmizi{float:left;width:100%;min-height:100px;height:auto;background:#fe0000;color:#444;}

.sari{float:left;width:100%;min-height:100px;height:auto;background:#ffcc33;color:#444;}



/* ====== ardenPanel 1.4 ======= */

.menuduzenle {padding: 0;margin: 0;border: 0;width: auto;text-align: center;}

.menuduzenle ul,.menuduzenle li {display:inline-block;list-style: none;margin: 0;padding: 0;}

.menuduzenle ul {position: relative;z-index: 6;}

.menuduzenle ul li {float:left;min-height: 1px;vertical-align: middle;border-right:1px solid #dedede;}

.menuduzenle ul li:last-child {display:inline-block;min-height: 1px;vertical-align: middle;border-right:none;}

.menuduzenle ul li.hover,.menuduzenle ul li:hover {position: relative;z-index: 6;cursor: default;}

.menuduzenle ul ul {visibility: hidden;position: absolute;z-index: 5;width: 100%;}

.menuduzenle ul ul li {float: left;text-transform:none;border:none;}

.menuduzenle ul li:hover > ul {visibility: visible;top:50px;border:1px solid #dedede;}

.menuduzenle:after,.menuduzenle ul:after {content: '';display: block;clear: both;}

.menuduzenle ul ul {left:0;position:absolute;width:100%;min-width:200px;background:#fff;border-radius:10px;padding:10px;}

.menuduzenle ul ul a {line-height: 100%;color:#444;padding: 10px 20px;font-size: 15px;font-weight:700;text-transform:none;}

.menuduzenle ul li ul a:hover{background:;color:#f68e56;font-size:15px;font-weight:700;}

.menuduzenle ul li:hover > a,.menuduzenle ul li.active > a {color: #f68e56;font-size:15px;}

.menuduzenle a {color: #5e5e5e;font-weight:700;text-transform:uppercase;display: inline-block;text-decoration: none;font-size: 15px;padding:15px 12px 15px 12px;}



.fon{float:left;width:100%;height:auto;background:#444;padding:20px 0 20px 0;}

.logo{float:left;width:100%;height:auto;}

.logo img{max-width:100%;height:auto;}

.heteremenu{float:left;width:100%;height:auto;}

.sosyalmedya{float:right;text-align:right;width:100%;height:auto;}

.sosyalmedya a{color:#fff;margin:0 5px 0 5px;font-size:20px;}

.sosyalmedya a:hover{color:#f68e56;}

.harita{float:left;width:100%;height:500px;}

.harita iframe{float:left;width:100%;height:500px;}

.bilgitek{float:left;width:100%;height:auto;min-height:100px;background:#fff;margin:30px 0 30px 0;}

.bilgitek h1{float:left;width:100%;height:auto;text-align:center;font-size:20px;padding:0 0 10px 0;margin:15px 0 0 0;font-weight:700;color:#444;border-bottom:1px solid #ddd;}

.tekbilgi{float:left;width:100%;height:auto;font-size:17px;color:#444;border-bottom:1px solid #ddd;padding:5px 20px 5px 20px;}

.formalani{float:left;width:100%;height:auto;background:#fff;padding:20px;margin:30px 0 30px 0;}

.sayfa{float:left;width:100%;height:auto;padding:20px;background:#fff;margin:30px 0 30px 0;}

.sayfa h1{margin:10px 0 10px 0;font-size: 26px;font-weight: 700;color:#5e5e5e;}

.kategoritek{float:left;width:100%;height:auto;background:#fff;}

.kategoritek h1{float:left;width:100%;height:auto;padding:10px 20px 10px 20px;font-size:20px;font-weight:600;color:#444;margin:0 0 0 0;}

.kategoritek h5{float:left;width:100%;height:auto;padding:0 20px 10px 20px;line-height:23px;font-size:15px;font-weight:400;color:#444;margin:0 0 0 0;}

.kategorifoto{float:left;width:100%;height:250px;background:#444;}

.pageloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(d/img/orig.gif) 50% 50% no-repeat rgb(250, 250, 250);opacity: .99;}



#tamekranslayt{float:left;width:100%;height:auto;margin:-6px 0 0 0;}

#tamekranslayt .carousel-item {height:auto;width:100%;float:left;text-align: center!important;}

#tamekranslayt .carousel-item a{float:left;width:100%;height:100%;min-height:100%;text-align: center!important;}

#tamekranslayt .carousel-caption {float:left;position: absolute;width:100%;height:auto;content:"";top:40%;left:0px!important;z-index: 10;color: #fff;font-size:40px;text-align:center;}

#tamekranslayt .sloganalani{float:left;width:100%;height:auto;position:relative;z-index:11;text-align:center;}

#tamekranslayt .sloganalani h5{float:left;width:100%;height:auto;color:#fff;font-size:36px;font-weight:500;margin:0 0 0 0;text-align:center;text-shadow:1px 1px 1px #333;}

#tamekranslayt .sloganalani h4{float:left;width:100%;height:auto;color:#fff;font-size:29px;font-weight:500;margin:0 0 0 0;text-align:center;}

.solgitte{float:left;left:0px;width:auto;height:auto;position:absolute;top:40%;}

.saggitte{float:right;right:0px;width:auto;height:auto;position:absolute;top:40%;}


#mobilslayt{float:left;width:100%;height:auto;margin:-6px 0 0 0;}

#mobilslayt .carousel-item {height:auto;width:100%;float:left;text-align: center!important;}

#mobilslayt .carousel-item img{max-width: 100%;height: auto;}

#mobilslayt .carousel-item a{float:left;width:100%;height:100%;min-height:100%;text-align: center!important;}

#mobilslayt .solgitte{float:left;left:0px;width:auto;height:auto;position:absolute;top:40%;}

#mobilslayt .saggitte{float:right;right:0px;width:auto;height:auto;position:absolute;top:40%;}


#ortalislayt{float:left;width:100%;height:500px;}

#ortalislayt .carousel-item {height:500px;width:100%;float:left;}

#ortalislayt .carousel-caption {float:left;position: absolute;width:100%;height:auto;content:"";top:40%;left:0px!important;z-index: 10;color: #fff;font-size:40px;text-align:center;}

#ortalislayt .sloganalani{float:left;width:100%;height:auto;position:relative;z-index:11;text-align:center;}

#ortalislayt .sloganalani h5{float:left;width:100%;height:auto;color:#fff;font-size:36px;font-weight:500;margin:0 0 0 0;text-align:center;text-shadow:1px 1px 1px #333;}

#ortalislayt .sloganalani h4{float:left;width:100%;height:auto;color:#fff;font-size:29px;font-weight:500;margin:0 0 0 0;text-align:center;}

.solgitoe{float:left;left:0px;width:auto;height:auto;position:absolute;top:40%;}

.saggitoe{float:right;right:0px;width:auto;height:auto;position:absolute;top:40%;}



.fotek{float:left;width:100%;height:auto;}

.fotek h1{float:left;width:100%;height:auto;font-size:24px;color:#dedede;font-weight:600;margin:15px 0 15px 0;}

.fotek a{display:block;margin:0;padding:0 0 5px 0;font-size:16px;color:#dedede;}

.fotek a:hover{color:#f68e56;}

.fotek li{list-style: none;}



.ibare{float:left;width:100%;height:auto;font-size:16px;color:#fff;}

.ibare h1{float:left;width:100%;height:auto;font-size:40px;font-weight:700;margin:0;}



#kayar{float:left;width:100%;height:auto;margin:15px 0 15px 0;}

#kayar .item{float:left;width:95%;height:250px;background:#f68e56;}



/* === Atom pil === */

.ustbant{float: left;width: 100%;height: auto;background: #383838;margin:0 0 0 0;padding:10px 0 10px 0;}

.solkisim{float: left;width: 100%;height:auto;color:#fff;}

.solkisim a{color:#fff;font-size: 15px;margin-right:20px;}



.ustlogolar{float: left;width: 100%;height: auto;background: #fff;padding:25px 0 25px 0;}

.sitelogo{float: left;width: 100%;height: auto;}

.sitelogo img{max-width: 100%;}



.aramayap{float: left;width: 100%;height: auto;padding:25px 0 0 0;}

.aramayap input{float:left;width: 85%!important;height:auto;background: #f1f1f1;border:none;border-radius: 10px;padding:20px;border:1px solid #ddd;border-left: none;}

.aramayap button{float:left;padding:23px;height:auto;background: #00ad8e;color:#fff;border:none;border-top-right-radius:10px;border-bottom-right-radius: 10px;border-top-left-radius:0px;border-bottom-left-radius:0px   }

.aramaikon{float:left;width:auto;height: auto;background: #f1f1f1;border:1px solid #ddd;padding: 20px;border-right: none;color: #5e5e5e;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}



.butonlars{float: left;width: 100%;height: auto;padding:25px 0 0 0;}

button.teklifiste:hover{background: #f68e56;color:#fff!important;}

button.bizeyaz:hover{background: #5e5e5e;color:#fff!important;}



.ustmenuler{float: left;width: 100%;height: auto;background: #fff;border-top:1px solid #dedede;padding: 0px!important;margin:0px!important;}



.kutucuk{float: left;width: 100%;height: 200px;background:url(d/img/1.png);background-size: cover;background-repeat: no-repeat;border:3px solid #fff;margin: 20px 0 20px 0;}

.kutucuk2{float: left;width: 100%;height: 200px;background:url(d/img/2.png);background-size: cover;background-repeat: no-repeat;border:3px solid #fff;margin: 20px 0 20px 0;}

.kutucuk3{float: left;width: 100%;height: 200px;background:url(d/img/3.png);background-size: cover;background-repeat: no-repeat;border:3px solid #fff;margin:20px 0 20px 0;}

.kutucuk h1, .kutucuk2 h1, .kutucuk3 h1{float: left;width:auto;height: auto;background: #fff;color:#5e5e5e;font-size: 19px;padding:16px;margin-top:100px;border:2px solid #fff;border-left:none;}



.kutucuk:hover, .kutucuk2:hover, .kutucuk3:hover{border:3px solid #f68e56;}

.kutucuk:hover h1, .kutucuk2:hover h1, .kutucuk3:hover h1{border:2px solid #f68e56;border-left:none;}



.uzunslayt{float:left;width: 100%;height: auto;background: url('d/img/backs.jpg');background-position: center;background-size: cover;}

.fixed{float: left;width: 100%;height: auto;background: url(d/img/fixed.jpg);background-position: top center;background-size: cover;padding:80px 0 100px 0;margin:20px 0 40px 0;}

.hkutu{float:left;width: 100%;height: auto;background:#fff;text-align: center;padding:25px;border:2px solid #fff;}

.hkutu h1{float:left;width: 100%;height: auto;margin:10px 0 0 0;font-size: 20px;font-weight: 700;color: #5e5e5e;text-align: center;}

a .hkutu:hover{border:2px solid #f68e56;}

a .hkutu:hover h1{color:#f68e56;}



.gerigit{float: left;width:3%;height:150px;padding:60px 0 0 0;background: #fff;cursor: pointer;}

.ilerigit{float: right;width:3%;height:150px;padding:60px 0 0 0;background: #fff;cursor: pointer;}

.markalar{float: left;width: 94%!important;height: auto;background: #fff;padding: 20px;margin:0 0 30px 0;}

.markalar .item{float: left;width: 95%;height: 110px;background: #fff;text-align: center;border:1px solid #dedede;}

.markalar .item .markatek{float: left;width: 100%;height:auto;text-align: center;}

.markalar .item img{max-height: 100%;width: auto;}



.copyright{float: left;width: 100%;height: auto;background: #111;padding: 12px 0 12px 0;color: #fff;font-size: 15px;font-weight: 400;}

.adres{float: left;width: 100%;height: auto;font-size:14px;color:#dedede;text-align: right;margin:20px 0 0 0;}

.telefon{float: left;width:100%;height: auto;text-align: right;font-size: 35px;font-weight: 800;color:#dedede;}

.eposta{float: left;width: 100%;height: auto;font-size:14px;color:#dedede;text-align: right;}

.soltaraf{float: left;width: 100%;height: auto;padding:20px;background: #fff;margin:30px 0 30px 0;}

.soltaraf li{list-style: none;}

.soltaraf a{float: left;width: 100%;height: auto;font-size: 15px;font-weight:600;color: #5e5e5e;padding:5px 0 5px 0;}

.soltaraf a:hover{color:#f68e56;}

.logostek{float: left;width: 100%;height: 110px;border: 1px solid #dedede;text-align: center;background: #fff;}

.logostek img{max-height: 100%;width: auto;}

.uruntek{float: left;width: 100%;height: auto;background: #fff;padding: 20px;text-align: center;margin:0 0 30px 0;}

.uruntek h1{float: left;width: 100%;height: auto;text-align: center;margin:0 0 0 0;font-size: 16px;font-weight: 700;color: #5e5e5e;}

.urunfoto{float: left;width: 100%;height:125px!important;text-align: center!important;}

.urunfoto img{max-height: 90%;width: auto;}

.haberresim{float: left;width: 100%;height: auto;background: #fff;padding:15px;}

.haberresim img{max-width: 100%;height: auto;}


/* === Mobile Design 1.4 === */

#mobilbir{float:left;width:100%;height:auto;background:#00ad8e;}

.mobilikon{float:left;width:30%;height:auto;}

.msosyal{float:right;width:70%;height:auto;text-align:right;padding:15px 15px 15px 0;}

.msosyal a{color:#fff;font-size:20px;margin:0 5px 0 5px;}

.mobillogo{float:left;width:100%;height:auto;text-align:center;background:#fff;padding:15px 15px 22px 15px;}

.mkututek{float: left;width: 100%;height: 175px;background: url(d/img/1.png) top center no-repeat;margin:13px 0 13px 0;border:5px solid #fff;}

.mkututek2{float: left;width: 100%;height: 175px;background: url(d/img/2.png) top center no-repeat;margin:13px 0 13px 0;border:5px solid #fff;}

.mkututek3{float: left;width: 100%;height: 175px;background: url(d/img/3.png) top center no-repeat;margin:13px 0 13px 0;border:5px solid #fff;}

.mkututek h1, .mkututek2 h1, .mkututek3 h1{float:left;width: 100%;height: auto;background: #fff;padding: 15px;font-size:17px;font-weight: 700;color: #5e5e5e;text-align: center;margin:100px 0 0 0;}