@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

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

* { box-sizing: border-box; padding: 0; margin: 0; font-family: 'Open Sans', 'erhan', sans-serif; }

html * {
	box-sizing: border-box;
	font-size: 15px;  font-family: 'Open Sans', 'erhan', tahoma, arial;  font-weight: 400;
	color: #353433;
	margin: 0; padding: 0;
	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	
}




h1.sayfabaslik {color:#1B1D32; font-weight:600; font-size:22px; width:100%; display:block;}

body,header,table,section,article,div,span,a,ul,li,footer,img,b,u,i { margin: 0; padding: 0; outline: none; }

.Ficon {font-size:18px; font-style:normal; color:inherit; padding-right:5px; line-height:inherit; }
.Ficon2 {font-size:24px; font-style:normal; color:inherit; padding-right:5px; line-height:inherit; }
.Font18R {font-size: 18px }
.Font20R {font-size: 20px }
.Font22R {font-size: 22px }
.Font24R {font-size: 24px }
a { text-decoration: none; outline: none; }
strong, .bold, b { font-weight: 600; }
body {  background: #FEFEFE; }
section { float: left; width: 100%; }
.cwhite { color: #FEFEFE; }
.unselectable, .uns { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dnone { display: none; }
.dblock {display: block; }
.dinline {display:inline; }
.dinlineb {display: inline-block; }
.vhidden { visibility: hidden; }
.vvisible { visibility: visible; }
.addHand { cursor: pointer; }
.dflex { display: flex; }
.fleft { float: left; }
.fright { float: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.fcenter { justify-content: center; }
.tright { text-align: right }
.wall { width: 100%; float: left; }
.w90 { width: 90%; float: left; margin: 0 5%; }
.w94 { width: 94% !important; float: left; margin: 0 3% !important; }
.addShadow { box-shadow: rgba(172, 172, 172, 0.25) 0px 1px 6px 0px; }

.mt10px { margin-top: 10px !important}
.mb10px { margin-bottom: 10px !important }
.ml10px { margin-left: 10px !important }

.mt12px { margin-top: 12px !important}
.mb12px { margin-bottom: 12px !important }
.ml12px { margin-left: 12px !important }

.mt20px, .mt20pxR { margin-top: 20px; }
.mb20px {margin-bottom: 20px !important;}
.mt40px { margin-top: 40px; }
.mb40px { margin-bottom: 150px; }
.mb120px { margin-bottom: 120px; }
.mb40pxR { margin-bottom: 40px; }

.pb20px {padding-bottom: 20px !important;}
.pt20px {padding-top: 20px !important;}

.pb16px {padding-bottom: 16px !important;}
.pt16px {padding-top: 16px !important;}
.fred {color: #DE0000;}
.fblue {color:#03045e; }
.prelative { position: relative; }
.pabsolute { position: absolute; } 

.fullwidthimg { display:block; width:100%; height:auto; }

.hideondesktop { display: none !important; }

.hizmetboxL {width: 90%; height: 52px; line-height:52px; background: #3676e2; color:#FEFEFE; font-size:16px; text-align:center;	margin:12px 0; float: left;}
.hizmetboxR {width: 90%; height: 52px; line-height:52px; background: #3676e2; color:#FEFEFE; font-size:16px; text-align:center;	margin:12px 0; float: right;}


.hizmetboxL a, .hizmetboxR a {
	color:#FEFEFE; font-size:16px;
}

.bgimg1 {
	
	background-image:url('../img/bg/service-half-cycle.png');
	background-repeat:no-repeat;
	background-position:right top;
}

.bgimg2 {
	/*
	background-image:url('../img/bg/blue-half-cycle.png'), url('../img/bg/service-half-cycle.png');
	background-repeat:no-repeat, no-repeat;
	background-position:left top, right top;
	*/
}


#CONTENT { display:block; width: 100%; margin:100px 0% 20px 0%; padding:0;}


#SiteCall { float: left; width:100%; min-height: 40px; line-height:40px; background: #1b1d32; padding:0; margin:0}

#SiteCall div, #SiteCall div a   { line-height:40px; height:40px; padding:0; margin:0; color:#FEFEFE;}

div.SiteCalllogo { width:47%; padding: 0; margin:0 2% 0 1%; float:right; }
div.SiteCallcopyright { width:98%; padding: 0; text-align:center; margin:0 1% 0 1%; float:left; font-weight:400; font-size:13px; color:#FDFDFD}

#SiteCall div a { float:right; display: flex !important; align-items: center; justify-content: center;}
#SiteCall div a img { margin:0; padding:0; display:block; }

/**Footer**/

/**Alt Menü Başla**/
.p80 { padding:16px 0; width:92%; margin:0 4%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: stretch; }
.p80 img {width: 240px; height:60px; margin:0; padding:0; display:inline-block}
#FOOTER {
  float: left;
  width: 100%;
  background: #1B1D32;
}

#FOOTER div { border-top:1px solid #2d323f !important; }
#FOOTER div ul { width:24%; list-style:none; }
#FOOTER div ul li { margin:10px 0; }
#FOOTER div ul li.FooterLiHead {margin:0; font-weight:600; color:#d1d1d1; font-size:18px; line-height:25px}
#FOOTER div ul li a, #FOOTER span ul li a {font-weight:400;  color:#949cb0; font-size:15px; line-height:22px}
#FOOTER div ul li a:hover, #FOOTER span ul li a:hover { color:#FFFFFF;}

#FOOTER div ul:last-child{border-left:1px solid #2d323f !important; padding-left:25px}

#FOOTER span { padding-top:16px; float: left;}
#FOOTER span ul { float:left; height:50px; list-style:none;}
#FOOTER span ul li {float:left; line-height:50px;}
#FOOTER span ul li img {display:block}
#FOOTER span ul li a:first-child{margin-left:0px;}
#FOOTER span ul li:last-child{float:right}
#FOOTER span ul li a {margin-left:32px }
#FOOTER span ul li a i {margin-right:5px; font-size:18px }

.MyRow {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100% !important;
  padding-left:3% !important;
  padding-right:3% !important;
  margin-bottom: 20px;
	
}

.BgGrey { background-color: #F1F1F1; }
.BgTextPage { background-color: #F5F7FF }
.MyRowinModule {display:flex !important; align-items: center; flex-wrap: wrap; position:relative; float:left;}
.MyRowinModule .MyRowHead2 {  position:absolute; top:-32px; }
.MyRowIn94 { display: inline-block; width: 94%; padding: 3%; }
.MyRowIn96 { display: inline-block; width: 96%; padding: 2%; }
.MyRowIn98 { display: inline-block; width: 98%; padding: 1%; }

.MyRowMiniBorder { border: 1px solid #eeeeee; border-radius: 8px; }

.HTMLRowHead {
	
	display: block;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	margin:12px 0px 12px 0px;
	min-height:22px;
	width:100%;
}


.MyRowHead {
	width: 100%;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	position: relative;
	margin:16px 0px 20px 0px;
	min-height:40px;

	

}


.MyRowHead1 {
text-align:center;
  font-size: 24px;
  color: #3676e2;
  position: relative;
  font-weight:600;
	
}

.MyRowHead1:before {
  content: "";
  position: absolute;
  width: 320px;
  bottom: -12px;
  left: 50%;
  margin-left: -160px;
  height: 2px;

  background: #3676e2;
}
.MyRowHead1:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: -23px;
  left: 50%;
  margin-left: -12px;
  border: 4px solid #fff;
  border-radius: 20px;
  background: #3676e2;
}
.MyRowHead2 {
display:none;
}


@media (max-width: 1024px) {
	
	
	.MyRowHead {

		margin-bottom:30px !important;
		margin-top:10px !important;
	}
	
	.MyRowHead1 {
		left: 50%;
		top: 40%;
		font-size: 26px !important;
		padding:4px 16px;
		text-align: center;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	
}

/*
.MyRowHead {
	width: 100%;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	margin:50px 0px 60px 0px;
	min-height:40px;
}

.MyRowHead1 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:#e6e6e6;
	font-size:60px;
	font-weight: 700;
	letter-spacing: 4px;
	
}

.MyRowHead2 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:#2A2A2A;
	font-size:36px;
	font-weight: 700;
	letter-spacing: 0px;
}
*/
.MyRow2 { width: 15%; margin-top: 12px; display: inline-block; }
.MyRow3 { width: 23.5%; margin-top: 12px; display: inline-block; }
.MyRow4 { width: 32%; margin-top: 12px; display: inline-block; }
.MyRow6 { width: 49%; margin-top: 12px; display: inline-block; }
.MyRow8 { width: 66%; margin-top: 12px; display: inline-block; }
.MyRow9 { width: 74.5%; margin-top: 12px; display: inline-block; }
.MyRow10 { width: 82.5%; margin-top: 12px; display: inline-block; }
.MyRow12 { width: 100%; margin-top: 12px; display: inline-block; }

.MyRow6X { width: 49%; display: inline-block; }

.MyFlexCenter {	padding: 0; margin: 0; list-style: none; display: flex !important; align-items: center; justify-content: center; }
.MyFlexVCenter {	padding: 0; margin: 0; list-style: none; display: flex !important; align-items: center; }

a.inputeye { display:inline-block; margin-left:12px; font-size:16px; padding:6px 6px; border-radius:6px; }

@media (max-width: 359px) {
/**animated**/
	.wow { visibility: hidden; }
	.ie8 .wow, .ie9 .wow { visibility: visible; }
	.animated { animation-duration: 1s;	animation-fill-mode: both; }
	.animated.infinite { animation-iteration-count: infinite; }
	.animated.hinge { animation-duration: 2s; }

	@keyframes fadeInRight {
		from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
		}
		to {
		opacity: 1;
		transform: none;
		}
	}

	.fadeInRight {
		animation-name: fadeInRight;
	}

	@keyframes fadeInLeft {
		from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
		}
		to {
		opacity: 1;
		transform: none;
		}
	}
	.fadeInLeft {
	animation-name: fadeInLeft;
	}
	/*Spin*/
	.animate-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
	}
	@-moz-keyframes spin {
		0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}
	@-webkit-keyframes spin {
		0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}
	@-o-keyframes spin {
		0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}
	@-ms-keyframes spin {
		0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}
	@keyframes spin {
		0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}
		100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}
}
/**Whats App**/

.floating-wpp {
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 14px;
    transition: bottom 0.2s;
	z-index:8000;
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
    transition: box-shadow 0.2s;
    cursor: pointer;
    overflow: hidden;
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
}

.floating-wpp:hover { bottom: 17px; }

.floating-wpp:hover .floating-wpp-button { box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.4); }

.floating-wpp .floating-wpp-popup {
    /*border: 2px solid white;*/
    border-radius: 6px;
    background-color: #E5DDD5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width: 0px;
    height: 0px;
    bottom: 0;
    opacity: 0;
    transition: bottom 0.1s ease-out, opacity 0.2s ease-out;
    transform-origin: bottom;
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 62px;
    opacity: 1;
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: white;
    padding: 8px;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.2s;
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: 0.2s;
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 10px -15px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.floating-wpp .floating-wpp-input-message {
    background-color: white;
    margin: 10px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer;
}

/*Sayfalama*/
#ResultPager{width:96%; text-align:center; display:flex; margin:20px 1% 20px 1%; align-items: center; justify-content: center;}
.rpaging a{text-decoration:none; border:solid 1px #0096c7; color:#0096c7; font-size:15px;}
.rpaging a,.rpaging span{display:block; float:left; padding:.2em .4em; margin-right:4px; margin-bottom:4px; min-width:1em; text-align:center; font-size:15px;}
.rpaging .current{ background:#0096c7; color:#fff; border:solid 1px #0096c7}
.rpaging .current.prev, .rpaging .current.next{ color:#0096c7; border-color:#0096c7; background:#fff; font-size:15px;}
/*Sayfalama Bitti*/

/*=============== Tepe Menü ===============*/

header input, header button { border: none;  outline: none; }

header ul { list-style: none; }

/*=============== REUSABLE CSS CLASSES ===============*/
.navcontainer {
  max-width: 94%;
  margin:0 3%;
  padding:0px;
  margin-inline: 1.5rem;
}

.search, .login {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: hsla(230, 75%, 15%, .1);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px); /* For safari */
  padding: 8rem 1.5rem 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s;
}

.search__close, .login__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1.5rem;
  color: hsl(230, 75%, 15%);
  cursor: pointer;
}

/*=============== HEADER & NAV ===============*/
.header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #FCFCFC;
-webkit-box-shadow: 0px 5px 10px -5px rgba(149,149,149,0.85); 
box-shadow: 0px 5px 10px -5px rgba(149,149,149,0.85);
  z-index: 100
}

.navmain {
  height: 3.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.nav__logo {
  color: hsl(230, 75%, 15%);
  font-weight: 600;
  transition: color .4s;
  width:240px;
  height:60px;
}

.nav__logo img {
  width:240px;
  height:60px;
display:block;  
}

.nav__actions {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.nav__search, .nav__login, .nav__toggle, .nav__close {
  font-size: 1.25rem; color: hsl(230, 75%, 15%); cursor: pointer; transition: color .4s;
}

:is(.nav__logo, .nav__search, .nav__login, .nav__toggle, .nav__link):hover { color: hsla(150, 50%, 0%, 0.55); }

/* Navigation for mobile devices */
@media screen and (max-width: 1025px) {
	
	.nav__menu {
		position: fixed;
		top: -100%;
		left: 0;
		background-color: hsl(230, 100%, 98%);
		box-shadow: 0 8px 16px hsla(230, 75%, 32%, .15);
		width: 100%;
		padding-block: 4.5rem 4rem;
		transition: top .4s;
	}
	
}

.nav__list {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  text-align: center;
}

.nav__link {
  color: hsla(150, 15%, 0%, 0.95);
  font-weight: 600;
  transition: color .4s;
  font-size:16px;
}

.nav__close {
  position: absolute; top: 1.15rem; right: 1.5rem;
}

/* Show menu */
.show-menu { top: 0; }

/*=============== SEARCH ===============*/
.search__form {
  display: flex;
  align-items: center;
  column-gap: .5rem;
  background-color: hsl(230, 100%, 97%);
  box-shadow: 0 8px 32px hsla(230, 75%, 15%, .2);
  padding-inline: 1rem;
  border-radius: .5rem;
  transform: translateY(-1rem);
  transition: transform .4s;
}

.search__icon { font-size: 1.25rem; color: hsl(230, 75%, 15%); }

.search__input {
  width: 100%;
  padding-block: 1rem;
  background-color: hsl(230, 100%, 97%);
  color: hsl(230, 12%, 40%);
}

.search__input::placeholder { color: hsl(230, 12%, 40%); }

/* Show search */
.show-search { opacity: 1; pointer-events: initial; }

.show-search .search__form { transform: translateY(0); }

/*=============== LOGIN ===============*/
.login__form, .login__group { display: grid; }

.login__form {
  background-color: hsl(230, 100%, 97%);
  padding: 2rem 1.5rem 2.5rem;
  box-shadow: 0 8px 32px hsla(230, 75%, 15%, .2);
  border-radius: 1rem;
  row-gap: 1.25rem;
  text-align: center;
  transform: translateY(-1rem);
  transition: transform .4s;
}

.login__title { font-size: 1.25rem; color: hsl(230, 75%, 15%); }

.login__group { row-gap: 1rem; }

.login__label {
  display: block;
  text-align: initial;
  color: hsl(230, 75%, 15%);
  font-weight: 500;
  margin-bottom: .25rem;
}

.login__input {
  width: 100%;
  background-color: hsl(230, 100%, 97%);
  border: 2px solid hsl(230, 25%, 80%);
  padding: 1rem;
  border-radius: .5rem;
  color: hsl(230, 12%, 40%);
}

.login__input::placeholder { color: hsl(230, 12%, 40%); }

.login__signup { margin-bottom: .5rem; }

.login__signup a { color: hsl(230, 75%, 56%); }

.login__forgot { display: inline-block; color: hsl(230, 75%, 56%); margin-bottom: 1.25rem; }

.login__button {
  display: inline-block;
  background-color: hsl(230, 75%, 56%);
  width: 100%;
  color: #fff;
  font-weight: 600;
  padding: 1rem;
  border-radius: .5rem;
  cursor: pointer;
  transition: box-shadow .4s;
}

.login__button:hover { box-shadow: 0 4px 24px hsla(230, 75%, 40%, .4); }

/* Show login */
.show-login { opacity: 1; pointer-events: initial; }

.show-login .login__form { transform: translateY(0); }

/*=============== BREAKPOINTS ===============*/
/* For medium devices */
@media screen and (min-width: 576px) {
	.search,
	.login {
	padding-top: 10rem;
	}

	.search__form {
	max-width: 450px;
	margin-inline: auto;
	}

	.search__close,
	.login__close {
	width: max-content;
	top: 5rem;
	left: 0;
	right: 0;
	margin-inline: auto;
	font-size: 2rem;
	}

	.login__form {
	max-width: 400px;
	margin-inline: auto;
	}

}

/* For large devices */
@media screen and (min-width: 1025px) {
	.navmain {
	height: calc(3.5rem + 2rem);
	column-gap: 3rem;
	}
	.nav__close, 
	.nav__toggle {
	display: none;
	}
	.nav__menu {
	margin-left: auto;
	}
	.nav__list {
	flex-direction: row;
	column-gap: 3rem;
	}

	.login__form {
	padding: 3rem 2rem 3.5rem;
	}
}

@media screen and (min-width: 1150px) {
	.navcontainer {
		margin-inline: auto;
	}
}

/* CSS */
.button-whatsapp {
	background-color: initial;
	background-image: linear-gradient(-180deg, #00D775, #00BD68);
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	outline: 0;
	overflow: hidden;
	padding: 0 20px;
	pointer-events: auto;
	position: relative;
	text-align: center;
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: top;
	white-space: nowrap;
	border: 0;
}

.button-whatsapp:hover { background: #00bd68; }

.button-hemenara {
  background-color: initial;
  background-image: linear-gradient(-180deg, #183F78, #3B6B9B);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  border: 0;
}

.button-hemenara:hover { background: #183F78; }

.button-hemenara b, .button-whatsapp b {
	color:inherit;
	line-height:36px;
	height:36px;
	display:inline-block;
	color:#FEFEFE;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:98%;z-index:1; margin-left:1%; margin-right:1%}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 4px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
	}

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px;
	  }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }
.owl-theme .owl-controls { text-align: center; }
.owl-buttons { display: none; }
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    opacity: 0.8;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 0.8; }

.owl-dots {
	
position:absolute;
bottom:40px;
left: 50%;
height:0px !important;
margin:0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
	
}

.itemyorum {
	
	width: 96%;
	min-height: 190px;
	display: inline-block;
	border: 1px solid #b3b3b3;
	border-radius: 6px;
	position: relative;
	margin: 20px 2% 0 2%;
	
}


.itemyorumC {
	width: 96%;
	min-height: 260px;
	display: inline-block;
	border: none !important;
	
	position: relative;
	margin: 0px 2% 0 2%;
	
}

.itemyorum span {
	
	position: absolute;
	top: -24px;
	right: -12px;
	font-size: 42px;
	color: #D6D6D6;
}

.itemyorum i {
	font-style: normal;
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 42px;
	color: #D6D6D6;
}

.yorumimg {
	
	position: absolute;
	left: 10px;
	top: 10px;
	display: block;
	width: 80px;
	height: 80px;
		
}

.imgkisi {

	width: 80px;
	height: 80px;
	display: block;
	
}

.isimkisi {
	
	position: absolute;
	top: 40px;
	left: 110px;
	font-size: 18px;
	display: block;
	font-weight: 600;
	color: #5A5A5A;
}

.kisiyorum {
	position: absolute;
	top: 115px;
	left: 0px;
	font-size: 14px;
	display: block;
	font-weight: 600;
	width:100%;
	padding:0 10%;
	color: #9A9A9A;
}

.tesekkuryorum, .tesekkuryorumC {
	position: absolute;
	top: 16px;
	left: 0px;
	font-size: 22px;
	display: block;
	font-weight: 600;
	width:100%;
	padding:0 5%;
	color: #9A9A9A;

	text-align: center;
}

.tesekkuryorumC u {
	
	font-size: 22px;
	text-decoration:none;

	display:block;
	margin:8px auto 0px auto;
}

.tesekkuryorumC b {
	display: block;
	font-size: 64px;
	width :190px;
	height:190px;
	line-height:180px;
	border:4px solid #454545;
	border-radius: 95px;
	margin:0 auto;
}

.tesekkuryorum b {
	display: block;
	font-size: 64px;
}

.kisiyildiz {
	width: 100%;
	height: 24px;
	display: block;
	position: absolute;
	left: 0px;
	top: 78px;
	color: #ffb64d;
	text-align:center;
	letter-spacing: 4px;
	font-size: 20px;

}

@media screen and (max-width: 1600px) { 
	.kisiyildiz {top: 85px;}
}

@media screen and (max-width: 1400px) {
	.navcontainer { max-width: 96%; margin:0 2%; }
	 #CONTENT { width: 96%; margin:100px 2% 20px 2%; }
	 
}

@media screen and (max-width: 1024px) { 
	.nav__logo, .nav__logo img { width:180px; height:45px }
	.nav__close { top: 0.6rem;  right: .6rem; }
	#CONTENT { width: 96%; margin:64px 2% 20px 2%; }
	.MyRowHead { margin:40px 0px 40px 0px; }
	
}

@media (max-width: 720px) {
	.owl-dots {	bottom:24px !important; }
	.MyRowIn96, .MyRowIn98 { width: 94%; padding: 3%; }

	.hideonmobile {	display: none !important; visibility: hidden !important; }

	.MyRow2 { width: 49%; }
	.MyRow3 { width: 100%; }
	.MyRow4, .MyRow6, .MyRow8, .MyRow9,	.MyRow10 { width: 100%;	}

	#SiteCall div.SiteCalllogo { width:100%; padding: 0; margin:0; float:right; text-align:center;}
	#SiteCall div.SiteCallcopyright { width:100%; padding: 0; margin:0; float:left; text-align:center;}
	#SiteCall div a { float:right; width:100%; text-align:center}

	#FOOTER div { padding-top:0px;}
	#FOOTER div ul {width:50%; padding-top:30px}

	#FOOTER div ul:last-child{border-left:none !important; padding-left:0px !important;}

	#FOOTER span ul { width: 100%; float:left; margin:0; }
	#FOOTER span ul li { width:100%; float:left; text-align: center; }
	#FOOTER span ul li img { margin:0 auto; display: block; }
	#FOOTER span ul li:last-child{ text-align:center; }
	.Font20R {font-size:16px; }
	.mt20pxR {margin-top: 12px !important;  }
	.MyRowHead { margin:30px 0px 30px 0px; }
	.hizmetboxL, .hizmetboxR {width: 100%; }

}

@media (max-width: 480px) {
	
	.SiteCallcopyright {font-size:14px }
	.guvenli {font-size:26px; padding:0px 4px 8px 4px;}
	.guvenlitxt {font-size:34px;}
	
	.MyRow,	.MyRow2, .MyRow3, .MyRow4, .MyRow6 { width: 100%; margin-top:10px !important; }

	.MyRow { padding-top:5px !important; padding-bottom:5px !important; }

	#FOOTER span ul li:first-child{ text-align:center !important; padding:0; margin:0; }

	#FOOTER div ul li.FooterLiHead { margin:0 0 16px 0; color:#d1d1d1; font-size:16px; line-height:20px; }
	#FOOTER div ul li a { font-size:12px; line-height:20px}
	#FOOTER span ul li a {font-size:14px; line-height:20px; font-weight:600;}
	#FOOTER span ul li a {margin-left:12px; }
	#FOOTER span ul li a:first-child {margin-left:0px}
	
	.MyRowHead { margin:10px 0px 10px 0px; }
	.MyRowHead1 { font-size:42px; letter-spacing: 4px; }
	.MyRowHead2 { font-size:28px; letter-spacing: 0px; }
	.Ficon { padding:0px !important; margin:0px !important; font-size:24px; line-height:36px; }
	
	.button-hemenara b, .button-whatsapp b { display:none; }
	
	.button-whatsapp, .button-hemenara {
		 padding: 0 10px;
		 border-radius: 20px;
		 height: 40px;
		 line-height: 40px;
	}
	.itemyorum {width: 94%; margin:20px 3% 0 3%; min-height:200px;}
	.yorumimg, .imgkisi {
		width: 60px;
		height: 60px;
	}
	.kisiyorum {padding:0 5%; top: 100px;}
	.isimkisi {
		left: 80px;
		top: 18px;
	}
	.kisiyildiz {
		top:72px;
	}
	
	.tesekkuryorum {
		top: 50px;
		font-size: 18px;
	}

	.tesekkuryorum b {
		dispay: block;
		font-size: 48px;
	}
	
}

@media (max-width: 380px) { 
	.nav__logo, .nav__logo img { width:160px; height:40px }
	.guvenli { font-size:22px; }
	.guvenlitxt { font-size:28px; }
	
	.MyRowHead1 { font-size:38px; letter-spacing: 3px; }
	.MyRowHead2 { font-size:28px; letter-spacing: 0px; }
	.itemyorum {width: 82%; margin:20px 9% 0 9%;}
	.isimkisi {
		left: 80px;
		top: 30px;
	}
	
}

@media (max-width: 360px) {
	.MyRowHead1 { font-size:35px; letter-spacing: 3px; }
	.MyRowHead2 { font-size:25px; letter-spacing: 0px; }
}

@media (max-width: 320px) {
	.MyRowHead1 { font-size:30px; letter-spacing: 3px; }
	.MyRowHead2 { font-size:20px; letter-spacing: 0px; }

}


/*Contact Alanı*/


 .contact-section {
   
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: 8px;
      background: #f5f5f5;
    }

    .map-area {
      min-height: 520px;
      background: #ddd;
      overflow: hidden;
    }

    .map-area iframe {
      width: 100%;
      height: 100%;
      min-height: 520px;
      border: 0;
      display: block;
    }

    .info-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .info-box {
      background: #20242d;
      color: #fff;
      min-height: 256px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 30px 20px;
    }

    .info-box .info-content {
      max-width: 220px;
    }

    .icon {
      width: 72px;
      height: 72px;
      border: 2px solid rgba(58, 107, 199, 0.35);
      border-radius: 50%;
      margin: 0 auto 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #fff;
    }

    .info-box h3 {
      font-size: 20px;
      letter-spacing: 2px;
      margin-bottom: 16px;
      font-weight: 600;
	  color:#FCFCFC;
    }

    .info-box p,
    .info-box a {
      font-size: 16px;
      line-height: 1.8;
      color: #e8e8e8;
      text-decoration: none;
    }

    .info-box a:hover {
      text-decoration: underline;
    }

    @media (max-width: 900px) {
      .contact-section {
        grid-template-columns: 1fr;
      }

      .map-area,
      .map-area iframe {
        min-height: 350px;
      }

      .info-grid {
        grid-template-columns: 1fr;
      }

      .info-box {
        min-height: 220px;
      }
    }


	/** Services Alanı **/



    .services-section {

      margin: 0 auto;
    }

    .services-title {
      text-align: center;
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 14px;
      color: #16213e;
	  display:block;
	  width:100%;
    }

    .services-subtitle {
      text-align: center;
      font-size: 15px;
      color: #6b7280;
		display:block;
      margin: 0 auto 40px auto;
      line-height: 1.6;
	  width:100%;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 28px;
    }

    .service-card {
      background: #ffffff;
      border-radius: 10px;
      padding: 30px 22px 26px;
      text-align: center;
      box-shadow: 0 10px 24px rgba(19, 35, 67, 0.08);
      position: relative;
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease,
        background 0.25s ease, color 0.25s ease;
      min-height: 260px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }

    .service-card::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 5px;
      background: #3676e2;
    }

    .service-card:hover,
    .service-card.active {
      background: #3676e2;
      transform: translateY(-6px);
      box-shadow: 0 16px 34px rgba(54, 118, 226, 0.28);
    }

    .service-icon {
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background: #3676e2;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 22px;
      transition: background 0.25s ease, color 0.25s ease;
      flex-shrink: 0;
    }

    .service-card:hover .service-icon,
    .service-card.active .service-icon {
      background: #ffffff;
      color: #3676e2;
    }

    .service-icon svg {
      width: 34px;
      height: 34px;
      stroke: currentColor;
    }

    .service-card h3 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 14px;
      color: #18233d;
      transition: color 0.25s ease;
    }

    .service-card p {
      font-size: 14px;
      line-height: 1.7;
      color: #5f6b85;
      transition: color 0.25s ease;
      max-width: 260px;
    }

    .service-card:hover h3,
    .service-card:hover p,
    .service-card.active h3,
    .service-card.active p {
      color: #ffffff;
    }

    @media (max-width: 1200px) {
      .services-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 900px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 560px) {
      body {
        padding: 25px 14px;
      }

      .services-title {
        font-size: 26px;
      }

      .services-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .service-card {
        min-height: auto;
        padding: 26px 18px 22px;
      }

      .service-card h3 {
        font-size: 20px;
      }
    }