/*
	Doctype: HTML5
	IDE: Sublime Text3, Photoshop, Google Fonts
*/
html,
body {height: 100%;/* overflow: auto; */}

body {font-family: 'Poppins', sans-serif !important;background: #fff;}

.center { width: 1170px; margin:0 auto; }

#container {width: 100%;height: 100%;display: block;position: relative;z-index: 55;overflow-x: hidden;overflow-y:  auto;}

.headerRepeat {content: '';height: 5px;position: absolute;left: 0;top: 100px;z-index: 1;background: #dcdcdc;}
.headerRepeatRight {content: '';height: 150px;position: absolute;right: 0;top: 30px;z-index: 5;background: #06b8ff;}
.shortcutRepeat {content: ''; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url('../img/black.png') repeat;}

#slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1}
#slider .swiper-container {height: 100%; width: 100%; display: block; position: relative;}
#slider .swiper-slide {height: 100%; width: 100%; display: block; position: relative;}
#slider .swiper-slide:before {content: ''; width: 100%; height: 200px; position: absolute; left: 0; top: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);}
#slider .swiper-slide:after {content: ''; width: 100%; height: 300px; position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);}
#slider span {width: 100%; height: 100%; display: block; background-position: center center; background-size: cover;}
#slider .caption {position: absolute;bottom: 110px; left: 150px; z-index: 55}
#slider .caption:after {content: '';position: absolute;left: 1px;top: -15px;background:  #fff;width: 50px;height: 4px;display:  block;}
#slider .caption h2 {display: block;color: #fff;font-size: 35px;font-weight: 700;margin: 0;padding: 0;line-height: 1.1;}

#main {max-width: 1170px;width: 100%;min-height: 100%;height: 100%;margin:0 auto;position: relative;/* z-index: 3; *//* overflow: hidden; */}

#header {width: 100%;height: 150px;float: left;margin-top: 30px;position: relative;z-index: 3;}
#header .logo {width: 227px; height: 150px; float: left; background: url('../img/logo.png') no-repeat}
#header .logo a {display: block; width: 100%; height: 100%;}

#header .menu {float: right;}
#header .menu ul {margin: 0;padding: 0 40px;list-style: none;margin-top: 65px;float: left;}
#header .menu ul li {float: left;height: 20px;border-right: 1px solid #fff;padding: 0 20px;position: relative;}
#header .menu ul li a {line-height: 20px;text-decoration: none;color: #fafafa;font-size: 16px;font-weight: 600;display:  block;}
#header .menu ul li:hover a {color: #e6e6e6;}
#header .menu span {position: absolute;right: 10px;bottom: 55px;}
#header .menu span i {font-size: 27px;display:  block;color: #fafafa;cursor: pointer;}
#header .menu span.black i {color: #3b3b3b;}

#header .menu ul li:hover .subMenu { display: block; }

#header .menu .subMenu {width: 256px;position: absolute;left: 0;top: 17px;padding: 18px 0 0 0;margin: 0; display: none; }

#header .menu .subMenu:after{content: '';position:absolute;left: 19px;top: 11px;border-style: solid;z-index: -1;border-width: 0 8px 8px 8px;border-color: transparent transparent #fefefe transparent;}

#header .menu .subMenu li {display: block;padding: 0;height: 40px;border: none;width: 100%;background: #fefefe;}
#header .menu .subMenu li:hover a {background: #f3f3f3;}
#header .menu .subMenu li a {display: block;line-height: 40px;color: #3b3b3b !important;padding-left:  20px;font-size: 14px;border: 0 !important;}

#shortcuts {width: 31px;max-height: 100%;height: 100%;display: block;background: url('../img/shortcuts.png') repeat-y;padding: 0 30px;position: relative;}
#shortcuts:before {display: block;content: '';width: 160px;height: 100%;position:  absolute;right: 0;background: url('../img/golge.png') no-repeat;z-index: 2;}
#shortcuts ul {width: 30px;margin: 30px 0 0 0;padding: 0;list-style: none;float: left;position: relative;z-index: 99999;}
#shortcuts ul li {width: 100%; padding: 15px 0; border-bottom: 1px solid #9b9b9b; text-align: center;}
#shortcuts ul li:last-child {border:0;}
#shortcuts ul li a.home {width: 20px; height: 20px; background-position: 0 0;}
#shortcuts ul li a.link {width: 24px; height: 24px; background-position: 0 -20px;}
#shortcuts ul li a.mail {width: 20px; height: 20px; background-position: 0 -44px;}
#shortcuts ul li .phone {width: 20px; height: 144px; display: inline-block; background: url('../img/phone.png') no-repeat}
#shortcuts ul li a {background: url('../img/sprite_shortcuts.png') no-repeat; display: inline-block;}

#footer {max-width: 100%;width: 100%;height: 60px;float: left;background: #fff;z-index: 4;overflow: hidden;display: block;}
#footer .copyright { float: left; font-size: 13px; color: #737373; line-height: 60px; }
#footer .delta {width: 62px; height: 16px; display: block; float: right; background: url('../img/delta.png') no-repeat; margin-top: 20px;}
#footer .delta a {width: 100%; height: 100%; display: block;}

.sidebar {width: 500px;max-height: 100%;background: #383838;visibility: hidden;}
.sidebar div {display: block;width: 100%;height: 100%;display:  table;vertical-align: middle;}
.sidebar div ul {display: table-cell;vertical-align: middle;width: 100%;padding: 0 70px 0 90px;}
.sidebar div ul li {display: block;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}
.sidebar div ul li:hover {background: #484848;}
.sidebar div ul li:last-child {border:0; box-shadow: none;}
.sidebar div ul li a {display: block;color: #c3c3c3;text-align: center;text-decoration:  none;}
.sidebar .exit {display: block;color: #fff;background: rgba(255, 255, 255, 0.15);width: 45px;height: 45px;border-radius: 50%;line-height: 45px;text-align: center;font-size: 25px;position: absolute;right: 20px;top: 20px;}
.sidebar .exit:hover {background: rgba(255, 255, 255, 0);cursor: pointer;}

@media only screen and (max-width: 1170px) {
	.menu ul { display: none; }
	#header .menu span { right: 60px }
}

#shortcuts .image {display: block;height: 100%;background: url('../img/detail.jpg') no-repeat;position: absolute;right: 0;top: 0;background-size: cover;z-index: 1;width: 600px;}
#contentBg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background: linear-gradient(to bottom, rgb(224, 224, 224) 0%,rgb(245, 245, 245) 25%,rgba(255,255,255,1) 60%);}

.dty #shortcuts {background: none; float: left;}
.dty #header {background: #06b8ff;}
.dty #header .menu ul {display: none;}
.dty #footer {border-top:1px solid #e5e5e5;}

#content {width: 1000px;min-height: 100%;display: block;position: relative;z-index: 9999;float: left;padding: 75px 0 0 75px;margin-bottom: 100px;}
#content .title {display: block;position:  absolute;top: -150px;left: 130px;z-index: -1;line-height: 150px;padding-left: 30px;}
#content .title h2 {display: block;margin: 0;padding: 0;color: #342801;font-weight: 400;}
#content .title h2 strong {}
#content .text {display: block;height: auto;}
#content .text h2 {display: block;font-weight: 400;font-size: 30px;}
#content .text p {display: block;font-size: 18px;margin-bottom: 30px;}

#content .list {display: block;float: left;width: 100%;height: auto;margin-bottom: 100px;}
#content .list ul {display: block;margin: 0;padding: 0;list-style: none;}
#content .list ul li {display: block;width: 490px;float: left;/* border: 1px solid #ddd; */margin-bottom:  20px;margin-right: 20px;}
#content .list ul li:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);}
#content .list ul li:nth-child(2n) {margin-right:  0;}
#content .list ul li a {display: block;width: 100%;height: 100%;text-decoration:  none;}
#content .list ul li .subImage {display: block;float: left;width: 100%;border: 1px solid #f7f7f7;border-bottom:  0;overflow: hidden;background: #ffffff;height: 210px;display: flex;flex-direction: column;padding: 50px 0;}
#content .list ul li .subImage img {display: inline;max-width: 75%;max-height: 200px;margin: 0 auto;}
#content .list ul li .subTitle {display: block;width: 100%;height: 50px;float: left;background: #f7f7f7;}
#content .list ul li .subTitle h1 {display: block;margin: 0;padding: 0 0 0 20px;font-size: 17px;line-height: 50px;color: #3b3b3b;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}

.cf::after {content: "";clear: both;display: table;}

#content .text .image {display: block;background: #ffffff;padding: 15px 10px;margin-bottom: 20px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
#content .text .image img {display: inline;max-width: 50%;}
#content .text .description p {display: inline-block;margin: 0 0 20px 0;padding: 0;width: 100%;}

#content .description .block {width: 485px;float: left;}
#content .description .block.last {float: right;}

#content .description .block .titl {padding: 12px 10px;background: #06b8ff;color: #3b3b3b;font-size: 17px;font-weight: 700;text-align: center;width: 467px;}

table {width: 100%;display: block;border: 1px solid #ddd;margin-bottom: 20px;border-top: 0;}
table tbody { width: 100%; display: block;}
table tr {width: 100%; display: block; border-bottom: 1px solid #ddd;}
table tr:last-child {border:none;}
table tr td {width: 218px; border-right: 1px solid #ddd; padding: 10px; display: table-cell;}
table tr td:first-child { font-weight: 700}
table tr td:last-child {border:none;}

.tarif { width: 100%; padding: 0 20px; border-bottom: 1px solid #dedede; }
.tarif .baslik { font-size: 32px;  }
.tarif .icerik { width: 100%; min-height: 285px; }
.tarif .icerik .Timage { width: 33%; overflow: hidden; float: left; }
.tarif .icerik .Timage img { max-width: 300px; max-height: 285px; }
.tarif .icerik .malzemeler { width: 33%; float: left;  }
.tarif .icerik .yapilis { width: 100%; float: left;  }
.tarif .kaynak { width: 100%; color: #000; font-weight: 700; font-size: 14px; text-align: right; }
.tarif .kaynak a { text-decoration: underline; color: #000; }

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

	#slider .caption {display: none;}
    
	#shortcuts {display: none;}
	#content { padding: 20px; width: auto; }
	#content .title {left: 0; top: 0; position: relative; line-height: 40px; margin: 20px 0 30px 0; padding-left: 0;}
	#content .list ul li {width: 100%; min-width: 350px;}

	.block {width: 100% !important;}
	.block .titl { width: 100% !important; }

	.description { overflow: hidden; }
}

.adres { width: 40%; float: left; }
.form { width: 520px; float: right; }
.harita { width: 100%;height: 450px; float: left; }