@font-face { font-family: 'ataFont'; src: url('../font/ufonts.com_ft77-ataFont.eot'); src: url('../font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('../font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('../font/ufonts.com_ft77-ataFont.woff') format('woff'), url('../font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ataFont'; src: url('../font/ufonts.com_ft77-ataFont.eot'); src: url('../font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('../font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('../font/ufonts.com_ft77-ataFont.woff') format('woff'), url('../font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	border:none;
  	outline: none;
}

ol li {
	list-style-type: none;
}

li {
	list-style: inside;
}

div.wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

div.mobil-icon {
	float: right;
	width: 40px;
	height: 99px;
	display: none;
	transition: 0.2s all ease-in-out;
}

div.menu-mobil-class {
	float: left;
	width: 100%;
	height: 100%;
	position: fixed;
	box-sizing: border-box;
	margin-top: 59px;
	padding-top: 50px;
	background-color: #fff;
	transition: 0.2s all ease-in-out;
	z-index: 888;
}

div.menu-mobil-class ul {
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

div.menu-mobil-class li {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	border: none;
}

div.menu-mobil-class li a {
	color: #000;
	width: 100%;
	height: 100%;
	display: block;
	border:none;
	box-sizing: border-box;
	padding: 20px;
	background-color: rgba(0,0,0,0.05);
	border-radius: 10px;
}

div.mobil-icon img {
	object-fit: cover;
	width: 100%;
	height: 40px;
	margin: 30px 0;
}

div.logo {
	float: left;
	width: 240px;
	height: 68px;
	margin-top: 16px;
	transition: .3s all ease-in-out;
}

div.logo a div.in {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

div.logo img {
	float: left;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

header li.colordil-phone {
	float: right;
	list-style-type: none;
	color: #000;
	height: 60px;
	display: none;
}

header li.colordil-phone a {
	color: #3092c2;
	text-decoration: none;
	line-height: 60px;
	margin-right: 20px;
}

header {
	width: 100%;
	float: left;
	height: 99px;
	position: relative;
	z-index: 99999;
}

header nav {
	float: left;
	width: 100%;
	height: 99px;
	z-index: 9999;
	position: fixed;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
	background-color: #fff;
	transition: .3s all ease-in-out;
}

header nav ul {
	float: right;
	margin-top: 47px;
	transition: .3s all ease-in-out;
}

header nav ul li {
	list-style-type: none;
	float: left;
	margin-right: 20px;
}

header nav ul li:last-child {
	margin-right: 0;
}

header nav ul li a {
	color: #2d2556;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
}

header nav ul li a:hover {
	color: #2fa4ae;
}

header nav ul li a.active {
	color: #2fa4ae;
}

section.slider {
	width: 100%;
	height: 866px;
	float: left;
	position: relative;
}

section.slider div.slider-image {
	float: left;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: absolute;
	z-index: 1;
}

section.slider div.slider-image img {
	width: 800px;
	float: right;
	position: relative;
	margin-right: 200px;
}

section.slider div.slider-title {
	float: left;
	position: relative;
	z-index: 10;
	width: 779px;
	margin-top: 88px;
	text-align: left;
}

section.slider div.slider-title h1 {
	float: left;
	font-size: 60px;
	font-weight: 100;
	color: #2fa4ae;
}

section.slider div.slider-title span {
	font-weight: 500;
	color: #2fa4ae;
}

section.slider div.slider-text-out {
	margin-top: 21px;
	float: left;
	width: 100%;
}

section.slider div.slider-text {
	width: 568px;
	height: 151px;
	border: 2px solid #7f7f82;
	float: left;
	border-left: none;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	padding-right: 117px;
	padding-top: 23px;
	padding-bottom: 27px;
}

section.slider div.slider-text p {
	font-size: 15px;
	font-weight: 300;
	color: #565656;
	line-height: 31px;
}

section.slider a.slider-button {
	width: 132px;
	height: 42px;
	float: left;
	position: relative;
	background-color: #2d2556;
	z-index: 10;
	margin-top: -20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	line-height: 42px;
}

section.blog {
	float: left;
	width: 100%;
	height: 658px;
	position: relative;
	z-index: 10;
	margin-top: -297px;
}

section.blog div.blog-wrapper {
	max-width: 1148px;
	width: 100%;
	margin: 0 auto;
}

section.blog div.blog-in {
	margin:0 auto;
	width: 1200px;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	padding: 34px 0;
	padding-bottom: 0;
}

section.blog div.blog-wrapper div.blog-out-box {
	float: left;
	width: 361px;
	height: 280px;
	position: relative;
	margin-right: 30px;
	margin-bottom: 31px;
}

section.blog div.blog-wrapper div.blog-out-box:nth-child(3n) {
	margin-right: 0;
}

section.blog div.blog-wrapper div.blog-out-box:nth-child(4) {
	margin-bottom: 0;
}
section.blog div.blog-wrapper div.blog-out-box:nth-child(5) {
	margin-bottom: 0;
}
section.blog div.blog-wrapper div.blog-out-box:nth-child(6) {
	margin-bottom: 0;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box {
	float: left;
	background-color: #f6f6f6;
	width: 100%;
	height: 246px;
	margin-top: 31px;
	box-sizing: border-box;
	padding-top: 65px;
	padding-left: 31px;
	padding-right: 43px;
}

section.blog div.blog-wrapper div.blog-out-box div.box-icon {
	float: left;
	width: 55px;
	height: 65px;
	background-color: #2d9bac;
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
	left: 37px;
	position: absolute;
	z-index: 20;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box span {
	font-size: 18px;
	color: #000;
	float: left;
	width: 100%;
	font-weight: 500;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box h2 {
	font-size: 18px;
	color: #000;
	float: left;
	width: 100%;
	font-weight: 500;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box h3 {
	font-size: 18px;
	color: #000;
	float: left;
	width: 100%;
	font-weight: 500;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box p {
	color: #afafaf;
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	margin-top: 28px;
}

section.blog div.blog-wrapper div.blog-out-box div.blog-box a.box-button {
	color: #2d9bac;
	float: left;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	margin-top: 24px;
	background-image: url(../img/arrow-icon.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 9px;
}

div.color-section a.tum-hizmetler {
	float: right;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-top: 70px;
}

div.color-section {
	float: left;
	width: 100%;
	height: 101px;
	background-color: #2d9bac;
	position: relative;
	margin-top: -63px;
	margin-bottom: 31px;
}

section.home-kurumsal {
	float: left;
	width: 100%;
	height: 534px;
	background-color: #f6f6f6;
}

section.home-kurumsal div.left {
	width: 960px;
	height: 100%;
	float: left;
}

section.home-kurumsal div.left div.image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 100%;
	height: 100%;
}

section.home-kurumsal div.right {
	width: 600px;
	height: 100%;
	float: left;
	text-align: left;
}

section.home-kurumsal div.right h2 {
	margin-top: 68px;
	margin-left: 54px;
	font-size: 48px;
	font-weight: 100;
	color: #2d9bac;
	float: left;
	text-align: left;
}

section.home-kurumsal div.right div.boxes {
	float: left;
	margin-top: 72px;
	width: 599px;
}

section.home-kurumsal div.right div.boxes div.box {
	width: 100%;
	box-sizing: border-box;
	padding-left: 52px;
	float: left;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 23px;
}

section.home-kurumsal div.right div.boxes div.box:nth-child(2) {
	margin-top: 24px;
}

section.home-kurumsal div.right div.boxes div.box:nth-child(3) {
	margin-top: 24px;
	border-bottom: 0;
}

section.home-kurumsal div.right div.boxes div.box div.box-icon {
	float: left;
	width: 72px;
	height: 72px;
	background-color: #00bfa5;
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 21px;
}

section.home-kurumsal div.right div.boxes div.box div.box-title {
	width: 70%;
	margin-top: 12px;
	float: left;
}

section.home-kurumsal div.right div.boxes div.box div.box-title h3 {
	font-size: 18px;
	font-weight: 500;
	color: #222222
}

section.home-kurumsal div.right div.boxes div.box div.box-text {
	float: left;
	margin-top: 5px;
}

section.home-kurumsal div.right div.boxes div.box div.box-text p {
	font-size: 15px;
	font-weight: 300;
	color: #222222;
}

section.referanslar {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

section.referanslar div.wrapper h3 {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 48px;
	font-weight: 100;
	color: #2d9bac;
	margin-top: 93px;
}

section.referanslar div.wrapper p {
	width: 100%;
	max-width: 703px;
	height: auto;
	float: left;
	margin-left: calc(50% - 351.5px);
	text-align: center;
	margin-top: 40px;
	font-weight: 300;
	margin-bottom: 51px;
}

div.referans-box {
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 76px;
}

section.referanslar div.wrapper div.rotator {
	min-width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: inline-flex;
	transition: 0.5s all ease-in-out;
}

section.referanslar div.wrapper div.rotator a.r-out-box {
	float: left;
	margin-right: 75px;
}

section.referanslar div.wrapper div.rotator div.r-box {
	width: 179px;
	height: 82px;
	float: left;
}

section.referanslar div.wrapper div.rotator div.r-box div.image {
	float: left;
	width: 100%;
	height: 100%;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}

section.referanslar div.left-arrow {
	float: left;
	width: 32px;
	height: 50px;
	background-image: url(../img/left-arrow.png);
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 10px;
}

section.referanslar div.right-arrow {
	float: left;
	width: 32px;
	height: 50px;
	background-image: url(../img/right-arrow.png);
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;
	top: 10px;
}

footer {
	width: 100%;
	height: 68px;
	float: left;
	background-color: #2d9bac;
	position: relative;
}

footer div.copyright {
	float: left;
	height: 100%;
	position: relative;
}

footer div.copyright p {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	line-height: 67px;
}

footer div.copyright p span {
	font-weight: 200;
}

footer div.social {
	float: left;
	width: 173px;
	height: 100%;
	position: absolute;
	background-color: #247c8a;
	left: calc(50% - 86.5px);
}

footer div.social div.social-box {
	width: 43px;
	height: 100%;
	position: relative;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}

footer div.social div.social-box:last-child {
	border-right: none;
}

footer div.social div.social-out-box {
	float: left;
	width: 173px;
	height: 22px;
	margin-top: 22px;
}

footer div.social div.social-box img {
	float: left;
	width: 16px;
	height: 22px;
	object-fit: contain;
	padding-left: 13px;
}

footer div.atamedya a {
	float: right;
	line-height: 63px;
	font-family: 'ataFont';
	color: #fff;
	font-size: 13px;
}

section.k-header {
	width: 100%;
	height: 314px;
	float: left;
	background-image: url(../img/kurumsal-header.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

section.k-header h3 {
	float: left;
	position: absolute;
	bottom: 0px;
	height: 80px;
	color: #e31e25;
	background-color: #fff;
	width: 266px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	font-size: 36px;
	font-weight: 300;
}

section.k-header h1 {
	float: left;
	position: absolute;
	bottom: 0px;
	height: 80px;
	color: #e31e25;
	background-color: #fff;
	width: 266px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	font-size: 36px;
	font-weight: 300;
}

section.colored-line {
	width: 100%;
	height: 33px;
	float: left;
	background-color: #2d9bac;
}

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

section.content div.left {
	float: left;
	width: 266px;
	height: auto;
	background-color: #fff;
	position: relative;
	z-index: 999;
	margin-top: -50px;
	box-sizing: border-box;
	padding-left: 17px;
	padding-right: 30px;
}

section.content div.left ul {
	float: left;
	width: 100%;
}

section.content div.left ul li {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #eaeaea;
}

section.content div.left ul li a {
	font-size: 16px;
	color: #788281;
	line-height: 50px;
}

section.content div.left ul li a.active {
	font-weight: 500;
	color: #2d9bac;
}

section.content div.left ul li a.active::before {
	background-color: #2d9bac;
}

section.content div.left ul li a::before {
	content: "";
	float: left;
	position: relative;
	margin-top: 20px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: 1px solid #2d9bac;
	background-color: transparent;
	margin-right: 16px;
}

section.content div.right {
	width: 934px;
	height: auto;
	float: left;
}

section.content div.right div.image {
	width: 100%;
	height: 323px;
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 16px;
	position: relative;
}

section.content div.right h1.image-title {
	float: left;
	height: 50px;
	line-height: 50px;
	color: #313131;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	margin-top: 15px;
}

section.content div.right div.image h1.image-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0px 12px;
	min-width: 117px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 24px;
	font-weight: 100;
	text-align: center;
	margin-left: 12px;
	margin-bottom: 11px;
}

section.content div.right div.text {
	float: left;
	margin-top: 32px;
	margin-bottom: 94px;
	width: 100%;
}

section.content div.right div.text * {
	font-size: 15px;
	font-weight: 300;
	color: #313131;
	line-height: 28px;
}

section.content div.right div.text strong,
section.content div.right div.text b {
	font-weight: 500;
}

section.content div.right div.title {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 20px;
}

section.content div.right div.title h1 {
	font-size: 26px;
	font-weight: 400;
	color: #e31e25;
}

section.urun-list {
	float: left;
	width: 100%;
}

section.urun-list div.left {
	float: left;
	width: 266px;
	height: auto;
	background-color: #fff;
	position: relative;
	z-index: 999;
	margin-top: -50px;
	box-sizing: border-box;
	padding-left: 17px;
	padding-right: 30px;

}

section.urun-list div.left ul {
	float: left;
	width: 100%;
}

section.urun-list div.left ul.alt {
	float: left;
}

section.urun-list div.left ul li {
	float: left;
	display: block;
	width: 100%;
	min-height: 50px;
	border-bottom: 1px solid #eaeaea;
}

section.urun-list div.left ul li.alt-li {
	border: none;
	position: relative;
}

section.urun-list div.left ul li a {
	font-size: 14px;
	color: #788281;
	line-height: 50px;
}

section.urun-list div.left ul li a::before {
	content: "";
	float: left;
	position: relative;
	z-index: 15;
	margin-top: 20px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: 1px solid #2d9bac;
	background-color: transparent;
	margin-right: 16px;
}

section.urun-list div.left ul li a.active {
	font-weight: 500;
	color: #2d9bac;
}

section.urun-list div.left ul li div.cizgi {
	width: 98%;
	height: 1px;
	border-bottom: 1px solid #eaeaea;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

section.urun-list div.left ul li div.yan-cizgi {
	width: 1px;
	height: 25px;
	border-left: 1px solid #2d9bac;
	float: left;
	position: absolute;
	left: 3px;
	bottom:0;
}

section.urun-list div.left ul li a.active::before {
	background-color: #2d9bac;
}

section.urun-list div.left ul.alt {
	box-sizing: border-box;
	border-left: 1px solid #2d9bac;
	margin-left: 3px;
}

section.urun-list div.left ul.alt li a {
	float: left;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
}

section.urun-list div.left ul.alt li a::before {
	content: "";
	float: left;
	width: 6px;
	height: 1px;
	background-color: #2d9bac;
	border-radius: none;
	border: none;
	margin-top: 24px;
}

section.urun-list div.right {
	float: left;
	width: 934px;
	height: auto;
	margin-bottom: 53px;
	margin-top: 24px;
}

section.urun-list div.right a.urun-box-out {
	float: left;
	width: 219px;
	margin-right: 19px;
	margin-bottom: 36px;
}

section.urun-list div.right a.urun-box-out:nth-child(4n) {
	margin-right: 0px;
}

section.urun-list div.caturun a.urun-box-out:nth-child(4n+2) {
	margin-right: 0px;
}

section.urun-list div.caturun a.urun-box-out:nth-child(4n) {
	margin-right: 19px;
}

section.urun-list div.right div.urun-box {
	float: left;
}

section.urun-list div.right div.urun-box div.urun-resim {
	float: left;
	width: 219px;
	height: 210px;
	border: 1px solid #dbdad8;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
}

section.urun-list div.right div.urun-box div.urun-title {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

section.urun-list div.right div.urun-box div.urun-title p {
	font-size: 14px;
	font-weight: 300;
	color: #313131;
}

section.urun-detay div.right div.route-nav {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 24px;
	margin-bottom: 20px;
}

section.urun-detay div.right div.route-nav ol {
	float: left;
}

section.urun-detay div.right div.route-nav ol li {
	float: left;
}

section.urun-detay div.right div.route-nav ol li::before {
	content: "";
	float: right;
	position: relative;
	width: 12px;
	height: 1px;
	background: #000;
	margin: 0px 14px;
	margin-top: 10px;
}

section.urun-detay div.right div.route-nav ol li:last-child::before {
	display: none;
}

section.urun-detay div.right div.route-nav ol li a {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

section.urun-detay div.right div.route-nav ol li:nth-child(2) a {
	color: #2d9bac;
}

section.urun-detay div.right div.route-nav ol li:nth-child(3) a {
	color: #2d9bac;
}

section.urun-detay div.right div.images {
	width: 499px;
	height: auto;
	float: left;
	margin-right: 31px;
}

section.urun-detay div.right div.images div.big-image {
	float: left;
	width: 499px;
	height: 478px;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border: 1px solid #dbdad8;
	background-size: cover;
	cursor: zoom-in;
}

section.urun-detay div.right div.images div.small-images {
	margin-top: 13px;
	width: 115px;
	height: 110px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	border: 1px solid #dbdad8;
	margin-right: 13px;
	cursor: zoom-in;
}

section.urun-detay div.right div.images div.small-images:nth-child(4n+1) {
	margin-right: 0;
}

section.urun-detay div.right div.text {
	float: none;
	box-sizing: border-box;
	min-height: 500px;
}

section.urun-detay div.right div.text h1 {
	font-size: 22px;
	color: #2d9bac;
	font-weight: 100;
	margin-bottom: 39px;
}


section.urun-detay div.right div.text p {
	font-size: 14px;
	font-weight: 300;
	color: #313131;
	line-height: 30px;
}

section.urun-detay div.cat-urun {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 54px;
}

div.cat-title {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 22px;
}

div.cat-title span {
	font-size: 30px;
	font-weight: 100;
	color: #2d9bac;
	float: left;
	width: 100%;
}

section.urun-detay div.cat-urun a.urun-box-out:nth-child(4n) {
	margin-right: 19px;
}

section.urun-detay div.cat-urun a.urun-box-out:nth-child(4n+1) {
	margin-right: 0px;
}

section.urun-detay div.right {
	margin-bottom: 66px;
}

section.referans div.right {
	width: 100%;
}

section.referans div.right a.urun-box-out:nth-child(4n) {
	margin-right: 19px;
}

section.referans div.right a.urun-box-out:nth-child(5n) {
	margin-right: 0px;
}

section.haber {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-top: 26px;
}

section.haber div.haber-image {
	float: left;
	width: 600px;
	height: 432px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-right: 18px;
}

section.haber div.haber-text {
	position: relative;
}

section.haber div.haber-text h4 {
	top: 11px;
	position: relative;
	font-size: 22px;
	font-weight: 400;
	color: #e31e25;
	margin-bottom: 35px;
}

section.haber div.haber-text p {
	font-size: 14px;
	font-weight: 300;
	color: #3d4038;
	line-height: 34px;
}

section.haber-list div.right {
	width: 100%;
}

section.haber-list div.right a.urun-box-out:nth-child(4n) {
	margin-right: 19px;
}

section.haber-list div.right a.urun-box-out:nth-child(5n+1) {
	margin-right: 0px;
}

section.iletisim {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 42px;
}

section.iletisim div.harita {
	float: left;
	width: 1200px;
	height: 286px;
	/* position: absolute; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 5;
	margin-top: 22px;
}

section.iletisim div.harita iframe {
	width: 100%;
	height: 100%;
	float: left;
}

section.iletisim div.harita div.map {
	width: 100%;
	height: 100%;
	float: left;
	background-image: url(../img/harita3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.g-recaptcha{
	float: left;
	overflow: hidden;
	margin-top: 10px;
}

section.iletisim div.form {
	width: 676px;
	float: left;
	box-shadow: 0 0 8px 2px rgba(0,0,0,0.10);
	position: relative;
	z-index: 20;
	background-color: #fff;
	margin-top: 43px;
	/* margin-left: 22px; */
	box-sizing: border-box;
	padding: 0 28px 28px 28px;
}

section.iletisim div.form h2 {
	font-size: 28px;
	font-weight: 300;
	color: #2d9bac;
	margin-top: 35px;
	margin-bottom: 29px;
}

section.iletisim div.form form {
	width: 100%;
	height: auto;
	float: left;
}

section.iletisim div.form form input {
	float: left;
	width: 620px;
	height: 45px;
	background: none;
	border: 1px solid rgba(145, 145, 145, 0.39);
	margin-bottom: 16px;
	box-sizing: border-box;
	padding: 0 13px;
}

section.iletisim div.form form input:focus , section.iletisim div.form form textarea:focus {
	outline: 1px solid #2d9bac;
}

section.iletisim div.form form textarea {
	width: 620px;
	height: 151px;
	border: 1px solid rgba(145, 145, 145, 0.39);
	background: none;
	resize: none;
	box-sizing: border-box;
	padding: 13px 13px;
	overflow: auto;
}

section.iletisim div.form form button {
	position: relative;
	float: right;
	background-color: #2d9bac;
	border: none;
	width: 82px;
	height: 34px;
	color: #fff;
	margin-top: 10px;
}

section.iletisim div.bilgiler {
	width: 501px;
	height: 291px;
	float: right;
	/* margin-top: 308px; */
	box-sizing: border-box;
	padding-top: 33px;
	padding-left: 30px;
}

section.iletisim div.bilgiler h2 {
	font-size: 28px;
	font-weight: 300;
	float: left;
	width: 100%;
	color: #2d9bac;
	margin-bottom: 20px;
}

section.iletisim div.bilgiler p {
	color: #272a2a;
	font-size: 16px;
	font-weight: 300;
	float: left;
}

section.iletisim div.bilgiler div.bilgi-in {
	float: left;
	margin-top: 15px;
}

section.iletisim div.bilgiler div.bilgi-box {
	width: 322px;
	height: 50px;
	float: left;
	line-height: 41px;
	box-sizing: border-box;
	border-top: 1px solid #dad9d8;
}

section.iletisim div.bilgiler div.bilgi-box:last-child {
	border-bottom: 1px solid #dad9d8;
}

section.iletisim div.bilgiler div.bilgi-box p {
	color: #2d9bac;
	font-weight: 400;
	height: 41px;
	border-left: 2px solid #2d9bac;
	margin-top: 3px;
	box-sizing: border-box;
	padding-left: 10px;
}

select.mobile-select {
	width: 100%;
    height: auto;
    height: 40px;
    padding: 0 10px;
    border-radius: 6px;
    margin-top: 20px;
    display: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/down-arrow.png);
    background-size: 16px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #ccc;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	color: transparent!important;
}

.owl-next {
	width: 50px;
	height: 50px;
	position: absolute;
	right: -20px;
	top: 57px;
	background-color: transparent;
	background-image: url(../img/right-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}

.owl-prev {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -20px;
	top: 57px;
	background-color: transparent;
	background-image: url(../img/left-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}

.owl-dot {
	background: 0 0;
}

.item {
	min-width: 200px;
	height: 200px;
}

.item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	box-sizing: border-box;
	padding: 0 35px;
}

section.hizmetlerimiz {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
}

section.hizmetlerimiz div.right {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

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

section.galeri div.right {
	float: left;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 20px;
}

section.galeri div.right div.urun-box {
	float: left;
	width: 190px;
	height: 250px;
	margin-right: 12px;
	margin-bottom: 30px;
	overflow: hidden;
}

section.galeri div.right div.urun-box:nth-child(6n) {
	margin-right: 0;
}

section.galeri div.right div.urun-box div.urun-resim {
	float: left;
	width: 190px;
	height: 190px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	cursor: zoom-in;
}

section.galeri div.right div.urun-box div.urun-title {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 300;
}

header nav ul li a.dil {
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

div.cat-title {
	width: 100%;
	float: left;
	text-align: left;
}

div.cat-title h1 {
	font-size: 22px;
}

div.cat-aciklama {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding-right: 10px;
}

div.cat-aciklama p {
	float: left;
	font-size: 14px;
	color: #484a4ed4;
	line-height: 26px;
	margin-bottom: 20px;
}

section.k-header span {
    float: left;
    position: absolute;
    bottom: 47px;
    color: #fff;
    font-size: 48px;
    font-weight: 100;
}

div.belge-box {
	width: 190px;
	height: auto;
	float: left;
	margin: 20px;
	margin-left: 0;
	margin-right: 57px;
}

div.right div.belge-box:nth-child(4n+2) {
	margin-right: 0;
}

div.belge-box div.belge-image {
	width: 190px;
	height: 190px;
	float: left;
	background-size: 80%;
	background-position: center;
	box-sizing: border-box;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
}

div.belge-box div.belge-content {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: center;
}

div.belge-box div.belge-content span {
	font-size: 15px;
	font-weight: 300;
	color: #313131;
}

div.maps iframe {
	width: 100%;
	height: 100%;
	float: left;
}

section.teklif-al {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-top: 50px;
}

section.teklif-al div.title {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}

section.teklif-al div.content {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

section.teklif-al div.content p {
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	color: #565656;
}

section.teklif-al div.title h1 {
	font-size: 26px;
	font-weight: 300;
	color: #e31e25;
}

section.teklif-al div.teklif-form {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	box-sizing: border-box;
	padding: 0px 200px;
}

section.teklif-al div.teklif-form form#teklifForm {
	width: 100%;
	height: auto;
	float: left;
}

section.teklif-al div.teklif-form form#teklifForm div.row {
	float: left;
	width: 100%;
	height: 50px;
	float: left;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-left: 20px;
}

section.teklif-al div.teklif-form form#teklifForm div.textrow {
	float: left;
	width: 100%;
	height: 280px;
	float: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding-left: 20px;
}

section.teklif-al div.teklif-form form#teklifForm div.textrow label {
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 300;
	float: left;
	color: #868686;
}

section.teklif-al div.teklif-form form#teklifForm div.textrow label span {
	float: right;
}

section.teklif-al div.teklif-form form#teklifForm div.textrow textarea {
	float: left;
	width: calc(100% - 150px);
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 15px 20px;
	resize: none;
	color: #868686;
}

section.teklif-al div.teklif-form form#teklifForm div.row label {
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 300;
	float: left;
	color: #868686;
}

section.teklif-al div.teklif-form form#teklifForm div.row label span {
	float: right;
}

section.teklif-al div.teklif-form form#teklifForm div.row input {
	width: calc(100% - 150px);
	height: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
	color: #868686;
	position: relative;
}

section.teklif-al div.teklif-form form#teklifForm div.row input::placeholder {
	color: #ccc;
}

section.teklif-al div.teklif-form form#teklifForm button {
    float: right;
    width: 114px;
    height: 34px;
    background-color: #55ab0d;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
    cursor: pointer;
    border: none;
}

@media screen and (max-width:500px){
	.g-recaptcha,
	section.iletisim div.form form button{
		width: 100%;
	}
}