/**
Template Name: Eserpen
**/


@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');
body {font-family: 'Montserrat', sans-serif;font-weight:400;background:#fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
@media (min-width: 1200px) {.container {width: 1200px;}}
.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;}
.sticky {}
.bypostauthor {}
@media print {
* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,	a:visited {text-decoration:underline;}
a[href]:after {content:" (" attr(href) ")";}
abbr[title]:after {		content:" (" attr(title) ")";}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {content:"";}
pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
thead {display:table-header-group;}
tr,img {page-break-inside:avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p,h2,h3 {orphans:3;widows:3;}
h2,h3 {page-break-after:avoid;}}

@media (max-width: 575px){
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {display: none !important;}}

@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {display: none !important;} 
}

@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}


/* header */
.ust{float:left;width:100%;height:115px;padding:17px 0 20px 0;border-top:5px solid #e81c25;}
.sosyalmedya{float:right;width:100%;height:auto;margin:10px 0 10px 0;font-size:30px;text-align:right;}
.sosyalmedya a{color:#000;margin:0 3px 0 3px;}
.sosyalmedya a:hover{color:#000;}
.logo{float:left;width:100%;height:auto;margin:10px 0 10px 0;position:relative;z-index:999;}
.webslayt{float:left;width:100%;height:auto;background:#444;border-bottom:5px solid #e81c25;}
#slayt{float:left;width:100%;height:auto;}
#slayt .item{float:left;width:100%;height:auto;}
#slayt .item img{float:left;width:100%;max-width:100%;height:auto;}
.webslayt strong{width:100%;height:auto;font-size:53px;font-weight:700}
.solgit{float:left;left:0px;width:auto;height:auto;position:absolute;top:225px;}
.saggit{float:right;right:0px;width:auto;height:auto;position:absolute;top:225px;}
.kutubir{float:left;width:100%;height:auto;padding:75px 0 75px 0;background:#a50000 url(img/1.png) top center no-repeat;margin:60px 0 0 0;}
.kutuiki{float:left;width:100%;height:auto;padding:75px 0 75px 0;background:#1474d7 url(img/2.png) top center no-repeat;margin:60px 0 0 0;}
.kutuuc{float:left;width:100%;height:auto;padding:75px 0 75px 0;background:#d58012 url(img/3.png) top center no-repeat;margin:60px 0 0 0;}
.kutubir h1, .kutuiki h1, .kutuuc h1{float:left;width:100%;height:auto;margin:0 0 0 0;text-align:center;font-size:25px;font-weight:400;text-shadow:1px 1px 1px #222;color:#fff;}
.kutubir h2, .kutuiki h2, .kutuuc h2{float:left;width:100%;height:auto;margin:0 0 0 0;text-align:center;font-size:30px;font-weight:600;text-shadow:1px 1px 1px #222;color:#fff;}

.ustmenu{float:left;width:100%;height:auto;text-align:center;padding:20px 0 0 0;}
.menuduzenle {padding: 0;margin: 0;border: 0;width: auto;}
.menuduzenle ul,.menuduzenle li {float:left;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;}
.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: none;text-transform:none;}
.menuduzenle ul li:hover > ul {visibility: visible;}
.menuduzenle a {display: block;line-height: 1em;text-decoration: none;}
.menuduzenle { font-weight:900;}
.menuduzenle > ul {*display: inline-block;}
.menuduzenle:after,.menuduzenle ul:after {content: '';display: block;clear: both;}
.menuduzenle ul ul {left:0;position:absolute;width:100%;min-width:250px;}
.menuduzenle ul ul a {text-align:left;background: #E81C25;color: #fff;line-height: 150%;padding: 10px 20px;font-size: 14px;font-weight:500;text-transform:none;}
.menuduzenle ul ul ul {border-top: 0 none;}
.menuduzenle ul ul li:hover > a {text-align:left;background: #444;color: #ffffff;font-size:14px;font-weight:600;}
.menuduzenle ul li:hover > a,.menuduzenle ul li.active > a {background: #E81C25;color: #fff;font-size:16px;}
.menuduzenle a {color: #333;font-weight:600;}
.menuduzenle > ul > li > a {font-weight:600;font-size: 16px;padding:15px 15px 15px 15px;text-transform:none;}
.benzerurun{float:left;width:100%;height:auto;margin:25px 0 25px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:15px 0 15px 0;}
.benzerurun h2{float:left;width:100%;height:auto;text-align:center;font-size:25px;margin:0 0 0 0;}
.oneciktihaber{float:left;width:100%;height:300px;background:#f3f3f3;margin:0 0 20px 0;}
.oneciktihaber h5{float:left;width:100:%;height:auto;margin:0 0 0 0;text-align:center;font-size:20px;font-weight:400;color:#555;padding:12px;}
.oneciktihaber img{float:left;max-width:100%;width:100%;height:auto;}
.sagtaraf{float:left;width:100%;height:auto;background:#f4f4f4;padding:0 0 30px 0;}
.sagtaraf h1{float:left;width:100%;height:auto;background:#d9d9d9;margin:0 0 15px 0;text-align:center;padding:12px;font-size:18px;}
.sagtaraf li{list-style:none;margin-left:25px;float:left;width:100%;height:auto;}
.sagtaraf li a{float:left;width:85%;height:auto;color:#555;border-bottom:1px dotted #d9d9d9;padding:6px 0 6px 0;font-size:16px;}
.sagtaraf li a:hover{color:#ff0000;}
.sagtarafurun{float:left;width:100%;height:auto;background:#f4f4f4;padding:0 0 30px 0;text-align:center;}
.sagtarafurun img{float:left;width:100%;height:auto;max-width:100%;padding:6px;}
.icgaleritekfoto{float:left;width:100%;height:auto;border:1px solid #ddd;border-radius:10px;padding:5px;margin:0 0 20px 0;}
.habertek{float:left;width:100%;height:450px;font-size:15px;font-weight:400;}
.habertek img{float:left;width:100%;max-width:100;height:auto;}
.habertek h1{float:left;width:100%;height:auto;font-size:19px;font-weight:600;color:#555;margin:12px 0 5px 0;}
.icgaleritekfoto img{float:left;width:100%;max-width:100;height:auto;}
.fotograflartek{float:left;width:100%;height:auto;border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center;}
.fotograflartek img{float:left;width:100%;max-width:100;height:auto;}
.fotograflartek h1{float:left;width:100%;height:auto;font-size:19px;font-weight:600;color:#555;margin:12px 0 5px 0;text-align:center;}
.uruntek{float:left;width:100%;height:auto;padding:10px;border:1px solid #ddd;text-align:center;border-radius:10px;margin:0 0 20px 0;}
.uruntek h1{float:left;width:100%;height:auto;font-size:22px;font-weight:600;color:#555;margin:12px 0 5px 0;text-align:center;}
.altkategori{float:left;width:100%;height:auto;padding:13px;border:1px solid #e20c15;text-align:center;border-radius:10px;margin:0 0 20px 0;}
.altkategori h1{float:left;width:100%;height:auto;font-size:19px;font-weight:400;color:#e20c15;margin:12px 0 5px 0;text-align:center;}
.uruntek img{float:left;width:100%;max-width:100;height:auto;border-radius:10px;}
.iletisimalanlari{float:left;width:100%;height:auto;background:#dcdcdc;padding:50px 0 50px 0;margin:30px 0 0 0;}
.iletisimformlari{float:left;width:100%;height:auto;padding:50px 0 50px 16px;margin:30px 0 0 0;}
.iletalanlari{float:right;width:50%;height:auto;}
.iletalanlari h1{float:right;width:100%;height:auto;font-size:30px;margin:0 0 16px 0;}
.formtek h1{float:right;width:100%;height:auto;font-size:22px;margin:0 0 16px 0;text-align:center;}
.ilettek{float:right;width:95%;margin-right:5%;height:auto;border-bottom:1px dotted #555;font-size:18px;padding:5px 0 5px 0;}
.formtek{float:left;width:50%;height:auto;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 999999999999;}#status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(img/donen.gif);background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}

.webslayt .carousel-item {height:auto;width:100%;float:left;}
.webslayt .carousel-caption {float:left;position: relative;width:100%;height:auto;padding:20% 0 20% 0;left:0px!important;z-index: 10;color: #fff;font-size:40px;text-align:center;}
.webslayt .carousel-caption h5{float:left;width:100%;height:auto;font-size:43px;font-weight:400;text-align:center;color:#fff;}
.webslayt .sloganalani{float:left;width:100%;height:auto;position:relative;z-index:11;text-align:center;}
.webslayt .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;}
.webslayt .sloganalani h4{float:left;width:100%;height:auto;color:#fff;font-size:29px;font-weight:500;margin:0 0 0 0;text-align:center;}

#slayt2{float:left;width:100%;height:auto;}
#slayt2 .item{float:left;width:100%;height:auto;}
#slayt2 .item img{float:left;width:100%;max-width:100%;height:auto;}
.tekilgaleriurun{float:left;width:100%;height:auto;border:1px solid #ddd;border-radius:10px;}
.tekilgaleriurun img{float:left;width:100%;height:auto;max-width:100%;}
.gerigit{float:left;width:131px;height:64px;position:absolute;top:40%;}
.ilerigit{float:right;width:135px;height:67px;position:absolute;top:40%;right:0;text-align:right;}

/* index */
.solarkasi{float:left;width:100%;min-height:500px;background:#dcdcdc url(img/artmutfak.png) top right no-repeat;}
.sagarkasi{float:left;width:100%;height:500px;text-align:left;padding:35px;border-top:6px solid #dcdcdc;}
.urungrubutek{float:left;width:100%;height:auto;background:#626262;margin:0 0 30px 0;}
.urungrubutek img{float:left;width:100%;height:225px;opacity:0.6;}
.urungrubutek h1{float:left;width:100%;height:auto;text-align:center;text-transform:uppercase;margin:-130px 0 0 0;font-size:26px;font-weight:600;color:#fff;text-shadow:1px 1px 1px #333;position:relative;z-index:22;}
.hizliform{float:left;width:100%;height:auto;padding:30px 0 30px 0;background:url(img/guvenlik.jpg) top center no-repeat;margin:60px 0 50px 0;}
.basliklar{float:left;width:100%;height:auto;}
.basliklar h1{float:left;width:100%;height:auto;margin:12px 0 25px 0;text-align:center;font-size:30px;font-weight:600;color:#fff;}
.ilerigeri{float:left;width:100%;height:auto;text-align:center;}
.sileri, .sgeri{display:inline-block;margin:0 5px 0 5px;cursor:pointer;}
#kayanhizmet{float:left;width:100%;height:auto;margin:0 0 35px 0;padding:5px;}
#kayanhizmet .item{float:left;width:95%;height:325px;padding:8px;background:#fff;}
#kayanhizmet .item img{max-width:100%;}
#kayanhizmet .item h1{float:left;width:100%;height:auto;margin:10px 0 0 0;font-size:16px;font-weight:600;padding:0 0 0 0;color:#444;}
.sayfaslayt{float:left;width:100%;height:auto;background:url(img/slayt2.png) top center no-repeat;margin:0 0 50px 0;}
.sayfaslayt h1{float:left;width:100%;height:auto;text-align:center;margin:90px 0 90px 0;font-size:30px;color:#fff;text-shadow:1px 1px 1px #333;text-transform:uppercase;}
.sayfa{float:left;width:100%;height:auto;min-height:350px;font-size:18px;font-weight:300;}
.sayfa img{max-width:100%;}
.mobilheader{float:left;width:100%;height:auto;padding:25px;text-align:center;}
.mobilband{float:left;width:100%;height:auto;padding:10px;font-size:16px;text-align:center;background:#000;color:#fff;}
.mobilheader img{max-height:80%;width:auto;height:80%;}

.mobilslaytim{float:left;width:100%;height:400px;background:#222;margin:0 0 0 0;}
.mobilslaytim .carousel-item {height:auto;width:100%;float:left;}
.mobilslaytim .carousel-caption {float:left;position: relative;width:100%;height:auto;top:-250px;left:0px!important;z-index: 10;color: #fff;font-size:20px;text-align:center;}
.mobilslaytim .carousel-caption h5{float:left;width:100%;height:auto;font-size:53px;font-weight:400;text-align:center;color:#fff;}
.mobilslaytim .sloganalani{float:left;width:100%;height:auto;position:relative;z-index:11;text-align:center;}
.mobilslaytim .sloganalani h5{float:left;width:100%;height:auto;color:#fff;font-size:23px;font-weight:400;margin:0 0 0 0;text-align:center;text-shadow:1px 1px 1px #333;}
.mobilslaytim .sloganalani h4{float:left;width:100%;height:auto;color:#fff;font-size:15px;font-weight:500;margin:0 0 0 0;text-align:center;}
.mobillogo{float:left;width:100%;height:160px;padding:10px 0 0 0;text-align:center;border-top:5px solid #e81c25;}
.mobillogo img{max-height:90%;}

/*-----*/
.mobilemenu{float:left;width:100%;height:auto;text-align:center;padding:5px 0 0 0;background:#222;}
.mobile-menu {display:block;width:100%;background: #222;line-height: 1.2em;font-weight: 400;position: relative;margin:0 auto;}
.mobile-menu ul {list-style-type:none;margin: 0 auto;padding-left:0;width:100%;position: absolute;background: #222;}
.mobile-menu li {display:inline-block;}
.mobile-menu li a {font-size:14px;display:block;min-width:100%;color: #fff;background: #222;text-decoration: none; margin-left:-5px;padding: 6px 0;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.mobile-menu li:hover a {color: #4db3ff;background-color:#222;}
.mobile-menu li:hover ul a {background: #f3f3f3;color: #2f3036;height: 25px;line-height: 25px;}
.mobile-menu li:hover .mobile-menu ul a:hover {color: #4db3ff;}
.mobile-menu li ul {display: none;}
.mobile-menu li ul li {display: block;float: none;}
.mobile-menu li ul li a {width: auto;min-width: 100%;padding: 0 20px;}
.mobile-menu .show-menu {text-decoration: none;color: #fff;background: #222;padding: 6px 15px;display: none;cursor: pointer;}
.mobile-menu .show-menu span{}
.mobile-menu input[type=checkbox]{display: none;}
.mobile-menu input[type=checkbox]:checked ~ #menu{display: block;}
@media screen and (max-width : 800px){
.mobile-menu .lines {content:"";height: 5px;width:20px;padding-right:15px;float: right;}
.mobile-menu ul {position: static;display: none;}
.mobile-menu li {margin-bottom: 1px;}
.mobile-menu ul li, .mobile-menu li a {width: 100%;}
.mobile-menu .show-menu {display:block;}}
.mobile-menu ul li:hover .sub-menu{display:block;}
	
/* iletisim */
.haritabanner{float:left;width:100%;height:auto;margin:0 0 0 0;position:relative;z-index:0;}
.haritabanner iframe{float:left;width:100%;height:475px;}
.iletisimalan{float:left;width:100%;height:auto;margin-top:10px;}
.iletisimformu{float:left;width:100%;height:auto;background:#ececec;padding:20px 30px 0 300px;margin:30px 0 50px 0;}
.satir{float:left;width:100%;height:auto;padding:10px 0 10px 0;}
.iletisimformu h1{float:left;width:100%;height:auto;font-size:25px;font-weight:700;margin:10px 0 5px 0;padding:0 0 7px 0;}
.iletisimformu strong{float:left;width:15%;height:auto;font-size:16px;font-weight:700}

/* hakkında */
.hakkindaalan{float:left;width:100%;height:auto;margin:30px 90px 30px 90px;}
.hakkindaalan p{float:left;width:100%;height:auto;font-size:17px;font-weight:100;}
.hakkindaalan2{float:left;width:80%;height:auto;margin-left:90px;}
.altkutucuk{float:left;width:100%;height:auto;background:#fff;border:1px solid #ebebeb;border-radius:20px;text-align:center;padding:35px 35px 35px 35px;margin:0 0 15px 0;}
.altkutucuk:last-child{float:left;width:100%;height:auto;background:#fff;border:1px solid  #ebebeb;text-align:center;padding:10px 0 10px 0;}
.altkutucuk h1{float:left;width:100%;height:auto;text-align:center;font-size:16px;font-weight:200;margin:20px 0 0 0;}
.altkutucuk strong{float:left;width:100%;height:auto;text-align:center;font-size:16px;font-weight:700;}
.altkutucuk a:last-child{float:left;width:100%;height:auto;color:#000; transition-property:all;transition-duration:1s;transition-timing-function:ease-in-out;}
.altkutucuk a:hover{background-color:#d9d9d9;}

.iletler{float:left;width:100%;height:auto;background:#f4f4f4;}
.iletler h1{float:left;width:100%;height:auto;padding:15px;margin:0 0 0 0;font-size:18px;font-weight:500;background:#ececec;color:#000;text-align:center;}
.iletisimtek{float:left;width:100%;height:auto;padding:0 0 0 0;}
.iletisimtek h2{float:left;width:100%;height:auto;font-size:21px;font-weight:500;color:#000;border-bottom:1px dotted #ddd;}
.iletisimtek a:last-child{float:left;width:100%;height:auto;font-size:16px;color:#111;font-weight:400;padding:7px;transition-property:all;transition-duration:1s;transition-timing-function:ease-in-out;}
.iletisimtek a:hover{background-color:#d9d9d9;color:#fff;}
.sagkisim{float:left;width:100%;height:auto;background:#f4f4f4;border-radius:15px;padding:12px;}
.sagkisim li{float:left;list-style:none;float:left;width:100%;height:auto;border-bottom:1px solid #000;}
.sagkisim a{float:left;width:100%;height:auto;font-size:16px;color:#ececec;font-weight:700;padding:7px;border-bottom:1px solid #fff;}
.sagkisim li a{float:left;width:100%;height:auto;font-size:18px;color:#111;font-weight:700;padding:7px;border-bottom:1px solid #fff;}
.sagkisim a:last-child{float:left;width:100%;height:auto;font-size:16px;color:#111;font-weight:700;padding:7px;border-bottom:none;}
.sagkisim li a:last-child{float:left;width:100%;height:auto;font-size:16px;color:#111;font-weight:700;padding:7px;border-bottom:none;}
.sagkisim a:hover{background:#444;color:#ececec;}
.sagkisim li a:hover{background:#444;color:#ececec;}
.sagkisim h1{float:left;width:100%;height:auto;text-align:center;font-size:16px;font-weight:700;color:#444;border-bottom:1px dotted #111;padding:15px 0 25px 0;}

/* footer */
.footer{float:right;width:100%;height:auto;background:#464646;padding:10px 0 100px 0;margin-top:50px;}
.footer1{float:left;width:100%;height:auto;text-align:center;color:#fff;background:#222;font-size:16px;padding:10px 0 10px 0;font-weight:300}
.footerrenk{float:right;width:100%;height:auto;font-size:18px;color:#919191;font-weight:600;}
.footerrenk h2{float:right;width:100%;height:auto;margin:35px 0 20px 0;font-weight:800;font-size:16px;color:#ffffff;}
.footerrenk a{float:left;width:100%;height:auto;color:#ffffff;font-weight:400;padding:1px 0 1px 0;font-size:14px;}
.footerrenk a:hover{color:#000;}
.footerrenk li{float:left;width:100%;height:auto;color:#ffffff;padding:1px 0 1px 0;margin:0 0 0 0;font-weight:300;list-style:none;}
.footerrenk li:hover{color:#ffffff;}
.iletsag{float:right;width:100%;height:auto;font-size:16px;color:#ffffff;padding:30px 0 10px 0;text-align:right;font-weight:300;}
.iletsag1{float:right;width:100%;height:auto;font-size:22px;color:#ffffff;font-weight:800;text-align:right;}
.numbers-counter {margin:0 0 0 0;padding:0 0 0 0;}
.stat-number {float:left;width:100%;height:auto;color: #3B94A3;font-size: 35px;border:1px solid #C6C6C6;text-align:center;margin:0 0 6px 0;}
.stat-number h4{font-size:18px;color:#444;font-weight:300;}
.main-counter{color:#444;font-weight:700;font-size:60px;}
.tekrefref{float:left;width:100%;height:160px;padding:3px;border:1px solid #ddd;margin:0 0 12px 0;text-align:center;}
.tekrefref img{max-width:100%;}