@charset "utf-8";

/******************************************************
						Body
******************************************************/
body {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	font-family: 'Josefin Sans', "Trebuchet MS", sans-serif;
	font-weight: 400;
}

a {
	transition: all .5s ease-in-out;
	text-decoration: none
}

a:hover {
	transition: all .5s ease-in-out
}

.cursor {
	cursor: pointer
}

.floatleft {
	float: left !important
}

.floatright {
	float: right !important
}

.text_yesil {
	color: #9dcb3b
}

.text_koyuyesil {
	color: #187475
}

.text_mavi {
	color: #0197d2
}

.text_buz {
	color: #4bcacc
}

.text_pembe {
	color: #dd547d
}

.text_koyumavi {
	color: #187475
}

.text_koyusari {
	color: #9a6709
}

.text_cokkoyuyesil {
	color: #3d5b0e
}

.font_bold,
strong {
	font-weight: 700;
}

h1 {
	font-size: 38px
}

h2 {
	font-size: 32px
}

h3 {
	font-size: 25px
}

h4 {
	font-size: 22px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

small {
	font-size: 10px
}

.font-25 {
	font-size: 25px
}

.font-23 {
	font-size: 23px
}

.font-20 {
	font-size: 20px
}

.font-18 {
	font-size: 18px
}

.font-16 {
	font-size: 16px
}

.font-14 {
	font-size: 14px
}

.font-12 {
	font-size: 12px
}

.font-10 {
	font-size: 10px
}

.text_beyaz {
	color: #fff
}

.text_siyah {
	color: #000
}

.text_gri {
	color: #999
}

.text_acikgri {
	color: #aeaeae
}

.text_center {
	text-align: center
}

.text_left {
	text-align: left
}

.text_right {
	text-align: right
}

.top5 {
	margin-top: 5px
}

.top10 {
	margin-top: 10px
}

.top15 {
	margin-top: 15px
}

.top20 {
	margin-top: 20px
}

.top25 {
	margin-top: 25px
}

.top30 {
	margin-top: 30px
}

.left5 {
	margin-left: 5px
}

.left10 {
	margin-left: 10px
}

.left15 {
	margin-left: 15px
}

.left20 {
	margin-left: 20px
}

.left30 {
	margin-left: 30px
}

.bottom_20 {
	padding-bottom: 20px
}

.bg_beyaz {
	background-color: #fff
}

.bg_acikgri {
	background-color: #f4f4f4
}

.bg_yesil {
	background-color: #9dcb3b
}

.bg_mavi {
	background-color: #4bcacc
}

.bg_sari {
	background-color: #fdbb41
}

.bg_pembe {
	background-color: #dd547d
}

.gradient_yesil {
	border: 1px solid #929393;
	box-shadow: #dded77 1px 1px 0px inset;
	background: #c2df51;
	background: linear-gradient(#c2df51, #77B724);
}

.gradient_mavi {
	border: 1px solid #929393;
	box-shadow: #d4f8f8 1px 1px 0px inset;
	background: #b2f2f3;
	background: linear-gradient(#b2f2f3, #4ee1e3);
}

.gradient_sari {
	border: 1px solid #929393;
	box-shadow: #fee882 1px 1px 0px inset;
	background: #fed55a;
	background: linear-gradient(#fed55a, #FCA128);
}

.gradient_bg {
	background: #97bede;
	background: linear-gradient(#97bede, #FFFFFF);
}

.margin_auto {
	display: block;
	margin: 0 auto
}

.border_gri {
	border: 1px solid #d4d4d4
}

.padding_link_20 {
	padding: 0 20px;
	display: block
}

.padding_yan_20 {
	padding: 0 20px
}

.padding_dik_20 {
	padding: 20px 0
}

.padding_20 {
	padding: 20px
}

.padding_dik_10 {
	padding: 10px 0
}

.padding_10 {
	padding: 10px
}

.shadow {
	box-shadow: #666 3px 3px 4px;

}

.shadowleft {
	box-shadow: #666 -1px 3px 4px;

}

.radius_3 {
	border-radius: 3px;

}

.radius_5 {
	border-radius: 5px;

}

.radius_8 {
	border-radius: 8px;

}

.linkblock {
	display: block;
}

.height1 {
	height: 1px;
}

.fullink {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.bg_gr {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14));
}

.bg_grlink {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14))
}

.bg_grlink:hover {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0));
}

/******************************************************
						Header
******************************************************/
#header {
	float: left;
	width: 100%;
	position: relative;
}

.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.rows {
	float: left;
	width: 100%;
}

.mobilmenu_butonyer {
	display: none;
}

.fullink {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	height: 100%;
}

.checkboxx label:after,
.radioo label:after {
	content: '';
	display: table;
	clear: both;
}

.checkboxx .cr,
.radioo .cr {
	background-color: #ffffff;
	border: 1px solid #000;
	border-radius: 0.25em;
	color: #fff;
	display: inline-block;
	float: left;
	height: 20px;
	margin-right: 0.5em;
	position: relative;
	width: 20px;
	margin-top: 0;
}

.radioo .cr {
	border-radius: 50%;
}

.checkboxx .cr .cr-icon,
.radioo .cr .cr-icon {
	color: #10a64a;
	font-size: 14px;
	left: 16%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.radioo .cr .cr-icon {
	margin-left: 0.04em;
}

.checkboxx label input[type="checkbox"],
.radioo label input[type="radio"] {
	display: none;
}

.checkboxx label input[type="checkbox"]+.cr>.cr-icon,
.radioo label input[type="radio"]+.cr>.cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .5s ease-in-out;
}

.checkboxx label input[type="checkbox"]:checked+.cr>.cr-icon,
.radioo label input[type="radio"]:checked+.cr>.cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkboxx label input[type="checkbox"]:disabled+.cr,
.radioo label input[type="radio"]:disabled+.cr {
	opacity: .5;
}

.label_yazi {
	font-size: 17px;
	line-height: 20px;
}
header.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 3%;
}

.sosyalmedya a {
    color: #fff;
    margin-left: 13px;
}

.swiper-container {height: 100%;}

section.hometext {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hometext_box {
    text-align: center;
    color: #fff;
}

.hometext_box h2 {
    font-size: 48px;
    padding-bottom: 20px;
}

.hometext_box h4 {
    font-size: 20px;
    padding-bottom: 20px;
}
/******************************************************
						İçerik
******************************************************/
.main {
	float: left;
	width: 100%;
	position: relative;
}

/******************************************************
						Footer
******************************************************/
.footer {
	float: left;
	width: 100%;
	position: relative

}