*{
	box-sizing: border-box;
	font-family: "Oswald", sans-serif;
	text-decoration:none;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;line-height: 1.3;}
a{
	color: inherit;
	transition: all .3s;
}
h1,h2,h3,h4,h5,h6,p,ul{
	margin: 0;
	padding: 0;
}
body{background-color: #ffffff;}
img{
	width: 100%;
	vertical-align: middle;
	border-style: none;
}
.svg_depo{
	display: none !important;
}
.yukleniyor{
	position:fixed;
	width:100%;
	height:100%;
	background:#fff;
	z-index:100000
}
.loadresim{
	width: 220px;
	height: 220px;
	position: absolute;
	left: 50%;
	top: 50%;
	padding-top: 9px;
	transform: translate(-50%,-50%);
}
.loadresim:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	z-index: -1;
	top: 0;
	background:url('../images/cache/cark.png');
	background-size: 100%;
	background-position: center;
	background-repeat:no-repeat;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}
.loadresim img{
	width: 55%;
	display:block;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@keyframes spin { 100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}
.header{
	width: 100%;
	background-image: url(../images/cache/hmaske.png), linear-gradient(45deg, #ffffff 80%, #fff3e8);
	background-size: 40%,cover;
	background-repeat: no-repeat;
	background-position: 19% 39%,center;
	padding: 18px 0;
	position: relative;
}
.header .container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.header .col-3, .header .col-2{
	padding: 0;
}
.header .logo{
	display: block;
	max-width: 270px;
}
.header .col-7{
	text-align: center;
}
.header .menu{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.header .menu li{
	list-style-type: none;
	padding: 0 10px;
	display: inline-block;
}
.header .menu li a{
	display: block;
	text-transform: uppercase;
	color: #ef8321;
	font-weight: 600;
	font-size: 17px;
}
.header .menu .acilan{
	position: relative;
}
.header .menu .alt_menu{
	position: absolute;
	background: #ffffff;
	padding: 10px 0;
	display: none;
	z-index: 8;
	width: 220px;
	left: 50%;
	transform: translateX(-50%);
}
.header .menu .alt_menu a{
	font-size: 15px;
	font-weight: 500;
	padding: 15px 7px;
	opacity: 1 !important;
}
.header .menu .acilan:hover .alt_menu{
	display: block;
	border-bottom: solid 1px #ddd;
}
.header .ilet_ust{
	padding: 0 10px 10px;
	position: relative;
}
.header .ilet_ust:before{
	content: '';
	width: 207px;
	height: 2px;
	max-width: 85%;
	background-color: #00a8e7;
	position: absolute;
	bottom: -2px;
	right: 0;
}
.header .ilet_ust ul{
	text-align: right;
}
.header .ilet_ust ul li{
	list-style-type: none;
	padding: 0 10px;
	display: inline-block;
	text-align: center;
}
.header .ilet_ust ul li a{
	color: #232323;
	font-size: 25px;
}
.header .ilet_alt{
	padding: 10px 10px 0;
	text-align: right;
}
.header .ilet_alt a{
	color: #ef8321;
	font-size: 20px;
	font-weight: 800;
}
.header .ilet_alt a:last-child{
	font-size: 16px;
	color: #00a8e7;
	margin-top: 3px;
	display: inline-block;
}

.header .ilet_alt span{
	color: #570006;
}
.mob_menu_ac{
	width: 46px;
	height: 37px;
	background-color: #00a8e7;
	position: absolute;
	right: 25px;
	top: 72%;
	display: none;
}
.mob_menu_ac .box{
	width: 73%;
	height: 4px;
	background-color: #fff;
	margin: 6px auto;
	border-radius: 5px;
}

.slider{
	height: auto;
	background: #a31414;
	position: relative;
	text-align: center;
	padding: 120px 0 176px;
}
.slider .item{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.slider .item img{
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.slider .text{
	width: 95%;
	max-width: 779px;
	border-radius: 10px;
	background: url(../images/cache/kardan-mili-mask.png),rgba(0,168,231,0.90);
	padding: 45px;
	background-blend-mode: color-burn;
	position: relative;
	z-index: 2;
	display: inline-block;
	min-height: 220px;
	left: -220px;
}
.slider .text .row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.slider .text:before{
	content:'';
	width: 2px;
	height: 62%;
	position: absolute;
	background: radial-gradient(#ffffff 45%, rgba(0,0,0,0));
	left: 46%;
	top: 50%;
	transform: translate(-50%,-51%);
}
.slider .text h1,.slider .text h2{
	text-align: left;
	color: #ffffff;
	font-weight: 700;
	font-size: 34px;
	line-height: 1.3;
}
.slider .text p{
	text-align: left;
	color: #ffffff;
	line-height: 1.4;
	font-size: 15px;
}

.slider .alt_kutu{
	position: absolute;
	width: 215px;
	z-index: 2;
	bottom: -74px;
	left: 40%;
	transform: translateX(-50%);
	filter: drop-shadow(0px 9px 10px #000);
}
.slider:before{
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background: #ffffff;
	box-shadow: 0 2px 14px #ddd;
}
.form_alan_dis{
	width: 100%;
	position: relative;
	max-width: 1270px;
	margin: 0 auto;
}
.form_alan{
	position: absolute;
	top: -435px;
	right: 15px;
	background: #fff;
	width: 420px;
	border-radius: 10px;
	box-shadow: 0 0 14px rgba(0,0,0,0.15);
	padding: 20px 20px 10px;
	z-index: 88;
	overflow: hidden;
}
.form_alan p{
	display: none;
}
.form_alan_aktif:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0);
	backdrop-filter: saturate(53%) blur(5px);
}
.form_alan_aktif p{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #046abf;
	padding: 16px;
	color: #fff;
	font-size: 17px;
	border-radius: 10px;
	display: block;
	z-index: 3;
	text-align: center;
}
.form_alan .ust{
	font-size: 20px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #464646;
	font-weight: 700;
	position: relative;
	margin-bottom: 15px;
}
.form_alan .ust:before{
	content: '';
	width: 50px;
	height: 3px;
	background: #fd9a1e;
	position: absolute;
	bottom: -12px;
	border-radius: 65px;
}
.form_alan .col-12{
	padding: 10px 0;
}
.form_alan button{
	width: 100%;
	padding: 7px;
	font-size: 17px;
	background: linear-gradient(
		95deg, #27a1f8, #0063b8);
	border: unset;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.input_alan{
	position: relative;
	padding-left: 63px;
}
.input_alan i{
	width: 50px;
	height: 38px;
	background: #eff4f9;
	color: #1f70bf;
	text-align: center;
	line-height: 38px;
	position: absolute;
	left: 0;
	font-size: 16px;
	border-radius: 11px;
	top: 21px;
}
.input_alan label{
	font-size: 15px;
	margin-bottom: 2px;
	min-height: 18px;
	display: block;
}
.input_alan input{
	width: 100%;
	display: block;
	border: solid 1px #d0dae1;
	padding: 9px;
	min-height: 33px;
	border-radius: 7px;
}
.input_alan textarea{
	width: 100%;
	resize: vertical;
	border: solid 1px #afafaf;
	margin-bottom: -6px;
	min-height: 75px;
	padding: 10px;
	border-radius: 4px;
}

.ana_diger{
	padding: 45px 0;
}
.ana_diger .sag{
	padding-top: 55px;
}
.ana_diger .diger_kutu{
	height: 0;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 0 14px 1px #e3e3e3;
}
.ana_diger .diger_kutu:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, #1d1d1d -3%, rgba(0, 0, 0, 0) 40%);
	z-index: 1;
	transition: 500ms all;
}
.ana_diger .diger_kutu:hover:before{
	background: linear-gradient(0deg, black -3%, rgba(0,0,0,0) 40%);
}
.ana_diger .diger_kutu span{
	position: absolute;
	background: #0260a0;
	padding: 8px;
	font-size: 12px;
	color: #fff;
	border-bottom-right-radius: 11px;
	z-index: 2;
}
.ana_diger .diger_kutu img{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: cover;
	transition: 500ms transform;
}
.ana_diger .diger_kutu:hover img{
	transform: scale(1.1);
}
.ana_diger .diger_kutu .alt{
	font-size: clamp(18px,4vw,26px);
	position: absolute;
	bottom: 11%;
	padding: 0 70px 0 20px;
	color: #fff;
	width: 100%;
	z-index: 1;
	line-height: 1.1;
}
.ana_diger .diger_kutu .alt i{
	position: absolute;
	right: 19px;
	border: dashed 1px #ffffff;
	width: 40px;
	height: 40px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 45px;
	font-size: 18px;
	text-align: center;
	line-height: 39px;
	transition: 500ms transform;
}
.ana_diger .diger_kutu .alt i.fa-play{
	color: #ff0000;
	border-color: #f36060;
}
.ana_diger .diger_kutu:hover .alt i{
	transform: translateY(-50%) scale(1.3);
}

.ana_urun_alan{
	padding: 90px 0 80px;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.ana_urun_alan:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: -1;
	background: url(../images/cache/hmaske.png);
	background-position: center 4%;
	background-size: 70%;
	background-repeat: no-repeat;
	opacity: 1;
}
.ana_urun_alan .baslik{
	margin-bottom: 35px;
}
.ana_urun_alan .baslik span{
	font-size: 35px;
	text-transform: uppercase;
	float: left;
}
.ana_urun_alan .baslik a{
	float: right;
	font-size: 17px;
	margin-top: 11px;
}
.ana_urun_alan .baslik a i{
	background: #ef8321;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	margin-left: 10px;
}
.ana_urun_alan .urun_kutu{
	width: 100%;
	background-color: #fff;
	min-height: 250px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.ana_urun_alan .owl-carousel .owl-stage-outer{
	width: 500% !important;
}
.ana_urun_alan .urun_kutu .sol{
	width: 35%;
	background-color: #00a8e7;
	padding: 40px;
	position: relative;
}
.ana_urun_alan .urun_kutu .sol h2{
	font-size: 23px;
	line-height: 1.3;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.ana_urun_alan .urun_kutu .sol a{
	width: 145px;
	font-size: 14px;
	color: #fff;
	display: block;
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 100%;
}
.ana_urun_alan .urun_kutu .sol a i{
	font-size: 17px;
	margin-left: 4px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	color: #f77600;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	transform: rotateZ(-22deg);
}
.ana_urun_alan .urun_kutu .sag{
	width: 65%;
	height: 0;
	padding-bottom: 41%;
	position: relative;
}
.ana_urun_alan .urun_kutu .sag img{
	object-fit: cover;
	height: 100%;
	object-position: center;
	position: absolute;
	left: 0;
	top: 0;
}
.ana_kurumsal{
	padding: 50px 0;
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}
.ana_kurumsal .container{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	min-height: 500px;
}
.ana_kurumsal .sayim{
	width: 100%;
	height: 100%;
	background-color: #00a8e7;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 0;
	position: relative;
	z-index: 1;
}
.ana_kurumsal .sayim:before{
	content: 'HYDARULIC';
	position: absolute;
	width: 100%;
	height: 100%;
	left: -10px;
	top: 0;
	writing-mode: vertical-lr;
	font-size: 69px;
	color: #038dc1;
	font-weight: 900;
	text-align: center;
	line-height: 100%;
	z-index: -1;
}
.ana_kurumsal .sayim .sayi{
	font-size: 27vw;
	font-weight: 900;
	letter-spacing: -54px;
	color: #ffffff;
	text-align: right;
	position: relative;
	right: 19px;
	line-height: 80%;
}
.ana_kurumsal .sayim p{
	font-size: 31px;
	text-align: right;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 25px;
	line-height: 32px;
	margin: 45px 0 0;
}
.ana_kurumsal .texts{
	padding: 35px;
}
.ana_kurumsal .texts small{
	font-size: 24px;
	padding-left: 35px;
	position: relative;
}
.ana_kurumsal .texts small:before{
	content: '';
	width: 25px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #00a8e7;
	border-radius: 11px;
}
.ana_kurumsal .texts h2{
	font-size: 33px;
	line-height: 40px;
	display: block;
	padding: 8px 0 20px;
}
.ana_kurumsal .texts h2 span{
	color: #ef8321;
}
.ana_kurumsal .texts p{
	font-size: 18px;
	padding-bottom: 40px;
}
.ana_kurumsal .texts .numm{
	display: inline-block;
	font-size: 63px;
	font-weight: 800;
	color: #474747;
	margin-right: 40px;
	line-height: 100%;
	max-width: 260px;
	padding: 8px 0;
}
.ana_kurumsal .texts .numm strong{
	font-size: 24px;
	display: block;
	line-height: 25px;
	padding-top: 9px;
	color: #e4770b;
}
.ana_orta_info{
	padding: 50px 0;
}
.ana_orta_info .orta{
	padding: 40px;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-image: url('../images/cache/bgs.png'),linear-gradient(45deg, #f7f7f7, #fefefe);
	background-repeat: no-repeat;
	background-position: right bottom,center;
	background-size: contain,auto;
}
.ana_orta_info .orta small{
	display: inline-block;
	padding: 5px 30px 5px 5px;
	border-bottom: solid 1px #ef8321;
	font-size: 17px;
}
.ana_orta_info .orta h2{
	color: #413030;
	font-size: 29px;
	font-weight: 700;
	display: block;
	margin: 15px 0 11px;
}
.ana_orta_info .orta p{
	font-size: 14px;
	color: #262626;
	line-height: 21px;
	max-width: 510px;
}
.ana_orta_info .orta .col-5{
	text-align: center;
}
.ana_orta_info .orta a{
	position: relative;
	font-size: 30px;
	font-weight: 800;
	color: #4f4f4f;
	padding: 0 0 0 80px;
}
.ana_orta_info .orta a:before{
	content: '\f095';
	font-family: 'Font Awesome 6 Free';
	font-size: 25px;
	width: 65px;
	height: 65px;
	position: absolute;
	background-color: #00a8e7;
	color: #ffffff;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	line-height: 68px;
	border-radius: 50%;
}
.ana_hizmet_alan{
	width: 100%;
	background: #f7f7f7;
	padding: 70px 0;
}
.ana_hizmet_alan .bolum_baslik p{
	max-width: 1020px;
	font-size: 15px;
	padding: 3px 10px;
	border-left: solid 3px #f1913a;
	line-height: 1.3;
	margin: 11px 0 0;
	color: #4e4e4e;
}

/*.bolum_baslik.sol{ margin-bottom: 40px; }
.bolum_ust.sol{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--vurgu);
	margin-bottom: 10px;
}
.bolum_ust.sol::before{ content: ''; width: 24px; height: 2px; background: var(--vurgu); }
*/
.hizmet_satir{
	margin-bottom: 4px;
}
.bolge_gorsel{
	width: 100%;
	height: 280px;
	overflow: hidden;
	position: relative;
}
.bolge_gorsel img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
	filter: brightness(.85);
}
.bolge_yazi{
	background: #fff;
	height: auto;
	min-height: 280px;
	padding: 32px 36px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 3px solid transparent;
	transition: border-color .3s;
}

.bolge_sehir{
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--yazi);
	letter-spacing: 1px;
	margin-bottom: 14px;
	line-height: 1;
}
.bolge_yazi p{
	font-size: 13.5px;
	line-height: 1.85;
	color: #666;
	flex: 1;
}
.bolge_yazi a{
	position: relative;
	display: inline-block;
	width: 130px;
	height: 37px;
	overflow: hidden;
	font-weight: 700;
	color: #00a8e7;
	margin: 10px 0 0;
}
.bolge_yazi a:before{
	content: 'Detaylı Gör';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	border: solid 3px #00a8e7;
	text-align: center;
	line-height: 33px;
	border-radius: 7px;
	font-size: 14px;
}

.hizmet_satir.ters .col-4{ float: right; }
.hizmet_satir.ters .col-8{ float: left; }
.hizmet_satir.ters .bolge_yazi{ border-left: none; border-right: 3px solid transparent; }

.ana_kategori{
	padding: 40px 0;
}
.ana_kategori .container{
	display: flex;
	align-items: center;
}
.ana_kategori .baslik{
	font-size: 40px;
	text-transform: uppercase;
	line-height: 48px;
	font-weight: 100;
	display: inline-block;
	position: relative;
	color: #11304b;
}
.ana_kategori .baslik strong{
	color: #f08e25;
}
.ana_kategori .baslik div{
	margin-top: 25px;
}
.ana_kategori .baslik div span{
	display: inline-block;
	width: 84%;
	height: 35px;
	background-color: #ef8321;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 37px;
	float: left;
	margin: 2px 0;
	border-radius: 10px;
	cursor: pointer;
}
.ana_kategori .owl-stage-outer{
	padding: 15px 0;
}
.ana_kategori .sag{
	overflow: hidden;
	margin-left: 25px;
	padding-left: 15px;
	border-left: solid 2px #d6d6d6;
	width: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.kategori_kutu{
	width: 100%;
	border: solid 2px #f08e25;
	border-radius: 13px;
	overflow: hidden;
	position: relative;
	transition: 500ms all;
	background-color: #fff;
}
.kategori_kutu:hover{
	filter: grayscale(0);
}
.kategori_kutu .resim_alan{
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
}
.kategori_kutu .resim_alan img{
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}
.kategori_kutu h2{
	font-size: 16px;
	text-align: center;
	padding: 8px;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.alt_text{
	padding: 15px;
	margin-top: 15px;
	border-top: solid 1px #ddd;
	font-size: 16px;
}
.sayfa_ust{
	padding: 90px 0 0;
	background-image: url(../images/cache/sayfa_ust.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sayfa_ust h1,
.sayfa_ust strong{
	font-weight: 600;
	font-size: 35px;
	margin-bottom: 30px;
	color: #ffffff;
	display: block;
	line-height: 1.2;
}
.sayfa_ust .alt{
	padding: 16px 0 16px;
	border-top: solid 1px #505050;
	color: #c6c6c6;
	background-color: #3a3a3a;
	font-size: 0;
}
.sayfa_ust .alt p{
	display: inline-block;
	margin: 6px 10px 0;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	line-height: 100%;
	color: #ffffff;
}

.sayfa_ust .alt p:not(:last-child):before{
	content: '';
	width: 5px;
	height: 5px;
	background-color: #00a8e7;
	position: absolute;
	right: -12.5px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

.ic_sayfa{
	background-color: #00a8e7;
	position: relative;
	z-index: 1;
}

.ic_sayfa:before{
	content: '';
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: -1;
}
.ic_sayfa .container{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.ic_sayfa .col-9{
	background-color: #ffffff;
}

.ic_sayfa .icerik{
	padding: 40px 50px 40px 0;
}
.ic_sayfa .yan_menu_dis{
	padding: 0;
}
.ic_sayfa .yan_menu{
	background-color: #00a8e7;
	height: 101%;
	position: relative;
	top: -110px;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	border-radius: 7px 7px 7px 0;
	padding: 22px 30px 35px;
}

.ic_sayfa .yan_menu ul{
	position: sticky;
	top: 20px;
}

.ic_sayfa .yan_menu li{
	list-style-type: none;
	padding: 14px;
}
.ic_sayfa .yan_menu li:hover{
	opacity: 1 !important;
}

.ic_sayfa .yan_menu li.baslik{
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding: 10px 10px 10px 34px;
	color: #ffffff;
}
.ic_sayfa .yan_menu li.baslik svg{
	width: 24px;
	height: 24px;
	color: #034963 !important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.ic_sayfa .yan_menu li:not(.baslik){
	border-left: solid 2px #037dab;
	padding-left: 23px;
	margin: 0 10px;
	position: relative;
	font-size: 17px;
	color: #ffffff;
}
.ic_sayfa .yan_menu li:not(.baslik):before{
	content: '';
	width: 13px;
	height: 2px;
	position: absolute;
	left: 0;
	background-color: #037dab;
	top: 50%;
	transform: translateY(-50%);
}

.kurumsal_sayfa img{
	margin-bottom: 10px;
	border-radius: 10px;
}
.kurumsal_sayfa p{
	font-size: 16px;
	line-height: 24px;
	color: #04212c;
	margin: 10px 0;
	display: block;
}
.kurumsal_sayfa h2{
	font-size: 25px;
	font-weight: 600;
	color: #565656;
	margin: 15px 0;
	display: block;
	line-height: 30px;
}
.kurumsal_sayfa .icerik ul{
	margin: 20px 0;
	display: block;
	padding: 0 0 0 39px;
}
.kurumsal_sayfa .icerik ul li{
	margin: 15px 0;
	font-size: 16px;
}
.kurumsal_sayfa .icerik ul li::marker{
	color: #00a8e7;
}
.kurumsal_sayfa .misyon{
	padding: 20px 25px;
	background-color: #f2f2f2;
	margin: 25px 0 0;
	border-left: solid 5px #00a8e7;
}
.kurumsal_sayfa .misyon h2{
	margin: 0 0 10px;
	font-size: 20px;
	color: #ef8321;
	font-weight: 500;
	text-transform: uppercase;
}
.kurumsal_sayfa .misyon p{
	color: #4d4d4d;
	font-size: 14px;
}

.hizmet_sayfa h2,
.hizmet_sayfa h3,
.hizmet_sayfa h4{
	font-size: 22px;
	display: block;
	margin: 10px 0;
	line-height: 1.2;
}
.hizmet_sayfa .icerik img{
	float: right;
	width: 280px;
	margin: 0 0 10px 20px;
	border-radius: 10px;
}
.hizmet_sayfa .icerik p{
	display: block;
	font-size: 16px;
	margin: 10px 0;
	color: #282d2f;
}
.hizmet_sayfa .icerik ul{
	margin: 20px 0;
	display: block;
	padding: 0 0 0 39px;
}
.hizmet_sayfa .icerik ul li{
	margin: 5px 0;
	font-size: 16px;
}
.hizmet_sayfa .icerik ul li::marker{
	color: #00a8e7;
}

.urun_kutu{
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 14px #d7d7d7;
}
.urun_kutu .urun_res{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	background: #ffffff;
}
.urun_kutu .urun_res img{
	height: 100%;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: 0;
	transition: 500ms transform;
}
.urun_kutu:hover .urun_res img{
	transform: scale(1.1);
}
.urun_kutu span{
	background: #ef8321;
	padding: 5px 10px;
	border-radius: 45px;
	color: #fff;
	font-size: 11px;
}
.urun_kutu .baslik{
	padding: 8px 70px 8px 15px;
	background-color: #fff;
	position: relative;
}
.urun_kutu .baslik strong{
	display: block;
	margin: 12px 0;
	height: 2rem;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.urun_kutu .baslik i{
	width: 45px;
	height: 45px;
	background-color: #00a8e7;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
}

.urun_resims{
	margin-bottom: 20px;
}
.urun_resims .owl-stage-outer{
	background: url(../images/cache/galeri_arka.jpg);
	border-radius: 10px;
	background-position: center;
	background-size: cover;
}
.urun_resims .owl-item{
	max-height: 500px;
	overflow: hidden;
}
.urun_resims .owl-item img{
	object-fit: cover;
	max-height: 500px;
	object-position: center;
	width: auto !important;
	margin: 0 auto;
	max-width: 100%;
}
.urun_resims .owl-dots{
	position: absolute;
	right: 10px;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 8px;
	background-color: rgb(0 168 231);
	border-radius: 65px;
}
.urun_resims .owl-dots button{
	width: 17px;
	height: 17px;
	background-color: #ffffff !important;
	display: block;
	border-radius: 50%;
	margin: 10px 0;
	position: relative;
}
.urun_resims .owl-dots button.active:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-51%, -49%);
	border: solid 2px #ffffff;
	border-radius: 50%;
	background-color: #ef8321;
}
.bas_text{
	position: absolute;
	left: -500%;
}
.urun_sayfa h2,
.urun_sayfa h3,
.urun_sayfa h4{
	font-size: 25px;
	display: block;
	margin: 10px 0;
}
.urun_sayfa p{
	display: block;
	font-size: 18px;
	margin: 10px 0;
	color: #282d2f;
	line-height: 1.6;
}
.urun_sayfa ul{
	margin: 20px 0;
	display: block;
	padding: 0 0 0 39px;
}
.urun_sayfa ul li{
	margin: 5px 0;
	font-size: 16px;
}
.urun_sayfa ul li::marker{
	color: #00a8e7;
}
table{
	width: 100%;
	margin: 20px auto;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #ffffff;
	border: solid 1px #b3b3b3;
}
table tr{
	border-bottom: solid 1px #b3b3b3;
	position: relative;
}
table tr:first-child th{
	padding: 8px 10px;
	background-color: #3f3f3f;
	letter-spacing: 1px;
	font-size: 15px;
	color: #ffffff !important;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: left;
}
table tr:first-child th *{
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}
table td{
	padding: 5px 10px;
	letter-spacing: 1px;
	font-size: 14px;
	color: #222222;
	text-align: left;
	white-space: nowrap;
	font-weight: 300;
}
table tr:first-child td *{
	color: #000 !important;
}
table tbody tr:nth-child(odd){
	background-color: #efefef;
}
table tbody tr:nth-child(even){
	background-color: #ffffff;
}
table div,
table span,
table p{
	background: unset !important;
	border: unset !important;
	padding: unset !important;
}
.galeri_alan{
	margin-bottom: 20px;
}
.galeri_kutu{
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
}
.galeri_kutu img{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: cover;
	border: solid 1px #ddd;
}

.iletisim_sayfa .ust_yazi{
	padding: 11px;
	border-bottom: solid 1px #b5b5b5;
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
}
.iletisim_sayfa .ust_yazi{
	padding: 11px;
	border-bottom: solid 1px #b5b5b5;
	font-size: 27px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 23px;
}
.iletisim_sayfa .ust_yazi small{
	font-size: 16px;
	position: relative;
	top: -3px;
	font-weight: 400;
}
.iletisim_sayfa .bilgi_alan{
	position: relative;
	padding: 10px 10px 10px 50px;
	margin-bottom: 10px;
}
.iletisim_sayfa .bilgi_alan i{
	position: absolute;
	left: 10px;
	background-color: #00a8e7;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
}
.iletisim_sayfa .sosyal_alan li{
	list-style-type: none;
	float: left;
	margin-right: 25px;
}
.iletisim_sayfa .sosyal_alan li a{
	font-size: 25px;
}
.iletisim_sayfa .harita_alan{
	margin-top: 50px;
}

.footer{
	padding: 35px 0;
	background-color: #00688f;
	background-image: url(../images/cache/hmaske.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
	background-blend-mode: color-dodge;
	color: #fff;
}
.footer .alt_menu{
	display: table;
	margin: 0 auto 10px;
}
.footer .alt_menu li{
	list-style-type: none;
	float: left;
	margin: 0 30px;
}
.footer .alt_menu li a{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	margin: 5px 0;
	display: block;
}
.footer a{
	color: #fff;
}
.footer .col-5 .bilgi{
	font-size: 15px;
	max-width: 321px;
	margin-bottom: 20px;
	margin-top: 5px;
	color: #ffffff;
}
.footer .col-5 .adres{
	max-width: 285px;
	text-align: right;
	color: #fff;
}
.footer .col-5 .adres i{
	margin-right: 5px;
	color: #fff;
}
.footer .col-7{
	text-align: right;
}
.footer .tel_no{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 5px;
	display: inline-block;
}
.footer .email{
	font-size: 16px;
	font-weight: 700;
	margin-left: 13px;
}
.footer .col-7 ul{
	text-align: right;
	margin-top: 20px;
}
.footer .col-7 ul li{
	display: inline-block;
}
.footer .col-7 ul li a{
	width: 40px;
	height: 40px;
	display: block;
	background-color: #e77f20;
	text-align: center;
	line-height: 40px;
}
.footer .bykara{
	width: 140px;
	margin-top: 25px;
	display: inline-block;
	font-size: 12px;
	position: relative;
}
.footer .bykara:before{
	content: 'BY KARAINTERAKTIF';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 11px;
	background-color: #00688f;
	color: #b1b1b1;
}

@media (min-width: 810px) and (max-width: 1337px){
	body {
		width: 1337px;
		zoom: var(--ekran-orani, 1);
		overflow-x: hidden;
	}
}
@media only screen and (max-width: 810px){
	body {
		width: 100%;
		zoom: 1;
		overflow-x: hidden;
	}
	.slider{
		padding: 51px 0 135px;
	}
	.mob_menu_ac{
		display: block;
	}
	.header{
		padding: 5px 0 0;
		background-size: 85%,cover;
	}
	.header .logo{
		padding: 20px;
	}
	.header .ilk_bas{
		order: 2;
	}
	.header .ilk_son{
		order: 1;
		border-bottom: solid 1px #e3e3e3;
		padding: 10px 0;
	}
	.header .ilet_ust ul{
		text-align: center;
	}
	.header .ilet_alt{
		text-align: center;
	}
	.header .ilet_ust:before{
		right: unset;
		left: 50%;
		transform: translateX(-50%);
	}
	.header .col-6{
		padding: 0;
	}
	.header .menu{
		width: 100%;
		position: absolute;
		top: 100%;
		left: -120%;
		background-color: #fff;
		padding: 30px 0;
		transition: 500ms all;
		z-index: 6;
	}
	.header .menu li{
		float: unset;
		width: 100%;
		margin: 15px 0;
		text-align: center;
	}
	.header .menu li a{
		font-size: 20px;
	}
	.header .menu .alt_menu{
		position: unset;
		width: 100%;
		background-color: #ffffff;
		transform: unset;
	}
	.slider:before{
		background-size: auto;
	}
	.slider .text{
		left: 0;
		padding: 25px;
	}
	.slider .text:before{
		display: none;
	}
	.slider .text h1, .slider .text h2{
		text-align: center;
	}
	.slider .text p{
		text-align: center;
	}
	.slider .alt_kutu{
		width: auto;
		left: 50%;
		transform: translateX(-50%);
		max-width: 180px;
		bottom: -60px;
	}
	.form_alan{
		position: relative;
		top: 0;
		right: 0;
		z-index: 1;
		width: 100%;
		padding-top: 85px;
	}
	.ana_kurumsal .sayim .sayi{
		font-size: 305px;
	}
	.ana_kategori .container{
		display: block;
	}
	.ana_kategori .baslik{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		word-wrap: break-word;
	}
	.ana_kategori .baslik br{
		display: none;
	}
	.ana_kategori .sag{
		width: 100%;
		margin: 0;
		padding: 0;
		border: unset;
	}
	.ana_kategori .baslik div{
		text-align: center;
	}
	.ana_kategori .baslik div span{
		max-width: 135px;
		width: 100%;
		margin: 3px;
		display: inline-block;
		float: unset;
	}
	.ic_sayfa .icerik{
		padding: 40px 0 40px 0;
	}
	.ic_sayfa .yan_menu{
		top: -20px;
		border-radius: 7px 0 7px 0;
	}
	.ana_diger .sag{
		padding: 10px;
	}
}
@media only screen and (max-width: 620px){
	.ana_urun_alan .urun_kutu .sol{
		width: 100%;
		padding: 25px;
	}
	.ana_urun_alan .urun_kutu .sol h2{
		margin-bottom: 13px;
		font-size: 20px;
	}
	.ana_urun_alan .urun_kutu .sol a{
		position: unset;
		transform: unset;
	}
	.ana_urun_alan .urun_kutu .sag{
		width: 100%;
		padding-bottom: 60%;
	}
}
@media only screen and (max-width: 550px){
	.ana_orta_info .orta a{
		font-size: 6vw;
		padding: 0 0 0 13vw;
	}
	.ana_orta_info .orta a:before{
		width: 10vw;
		height: 10vw;
		line-height: 10.5vw;
		font-size: 5vw;
	}
	.hizmet_sayfa img{
		float: unset;
		width: 100%;
		margin: 0 0 15px;
	}
}
@media only screen and (max-width: 425px){
	.ana_orta_info .orta{
		padding: 25px;
	}
	.ana_kurumsal .texts{
		padding: 15px;
	}
}