.clear{clear: both;}
     .kategoritasarim {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.kategori-banner {
    width: 100%;
    border: 1px solid #e9e5e7;
}
.kategori-banner {
    width: 100%;
    float: left;
    background: url(../../uploads/banner/kategori-banner-2.png);
    background-size: cover;
    padding: 20px;
}
.kategori-banner h1 {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
    width: 34%;
    float: left;
    margin-top: 50px;
    font-weight: 600 !important;
}
.kategori-banner .kategori-banner-text { background: #f5d1e3c4; float: left; }
.kategori-banner .kategori-banner-text strong { display: inline; color: #333333; font-weight: 700; font-size: 14px; margin-bottom: 8px; }
.kategori-banner .kategori-banner-text p { color: #333333; font-weight: 400; font-size: 14px; line-height: 18px; margin-bottom: 20px; }
.kategori-banner .kategori-banner-text div { float: left; margin: 20px; max-width: 100%; max-height: 171px; position: relative; overflow: auto }
.kategori-banner .kategori-banner-text div::-webkit-scrollbar-thumb { background: #333333 !important; }
.kategori-banner .kategori-banner-text div::-webkit-scrollbar-track { background: #ffffff !important; margin: 5px 0px; }
.kategori-banner .kategori-banner-text div::-webkit-scrollbar { width: 3px; }
:root {
 --white: #ffffff;
 --light: #f0eff3;
 --black: #222529;
 --dark-blue: #1f2029;
 --dark-light: #353746;
 --red: #f4898f;
 --yellow: #f4898f;
 --grey: #ecedf3;
}
/* #Primary
================================================== */

::selection {
	color: var(--white);
	background-color: var(--black);
}
::-moz-selection {
 color: var(--white);
 background-color: var(--black);
}
mark {
	color: var(--white);
	background-color: var(--black);
}
.section {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.over-hide {
	overflow: hidden;
}
.z-bigger {
	z-index: 100 !important;
}
.background-color {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue);
	z-index: 1;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.checkbox:checked ~ .background-color {
	background-color: var(--white);
}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked), [type="radio"]:checked, [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}
.checkbox:checked + label, .checkbox:not(:checked) + label {
	position: relative;
	width: 70px;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	margin: 17px 0;
	margin-top: 100px;
	height: 6px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: 100 !important;
}
.checkbox:checked + label:before, .checkbox:not(:checked) + label:before {
	position: absolute;
	font-family: 'unicons';
	cursor: pointer;
	top: -17px;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.checkbox:not(:checked) + label:before {
	content: '\eac1';
	left: 0;
	color: var(--grey);
	background-color: var(--dark-light);
	box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
}
.checkbox:checked + label:before {
	content: '\eb8f';
	left: 30px;
	color: var(--yellow);
	background-color: var(--dark-blue);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.checkbox:checked ~ .section .container .row .col-12 p {
	color: var(--dark-blue);
}
.checkbox-tools:checked + label {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 110px;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: var(--white);
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.checkbox-tools:not(:checked) + label {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 110px;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: var(--black);
	border: 1px solid #e5e5e5;
}
.checkbox-tools:not(:checked) + label {
	background-color: var(--white);
	border: 1px solid #e5e5e5;
}
.checkbox-tools:checked + label {
	background-color: transparent;
}
.checkbox-tools:not(:checked) + label:hover {
	border: 1px solid #e5e5e5;
}
.checkbox-tools:checked + label::before, .checkbox-tools:not(:checked) + label::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: -1;
}
.checkbox-tools:checked + label .uil, .checkbox-tools:not(:checked) + label .uil {
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
}
.checkbox:checked ~ .section .container .row .col-12 .checkbox-tools:not(:checked) + label {
	background-color: var(--light);
	color: var(--dark-blue);
	box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);
}
.checkbox:checked ~ .section .container .row .col-xl-10 .checkbox-budget:not(:checked) + label {
	background-color: var(--light);
	-webkit-text-stroke: 1px var(--dark-blue);
	text-stroke: 1px var(--dark-blue);
	box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);
}
.checkbox:checked ~ .section .container .row .col-12 .checkbox-booking:not(:checked) + label, .checkbox:checked ~ .section .container .row .col-12 .checkbox-booking:checked + label {
	background-color: var(--light);
	color: var(--dark-blue);
}
.checkbox:checked ~ .section .container .row .col-12 .checkbox-booking:checked + label::after, .checkbox:checked ~ .section .container .row .col-12 .checkbox-booking:not(:checked) + label::after {
	background-color: var(--light);
}
.link-to-page {
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 20000;
	cursor: pointer;
	width: 50px;
}
.link-to-page img {
	width: 100%;
	height: auto;
	display: block;
}
@media (max-width:700px) {
.kaldir {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 999;
	display: block;
}
.mobil {
	display: block;
}
.masaustu {
	display: none;
}
.kaldir button {
	width: 100%;
}
}
.btn-dark2 {
	border-color: #f4898f;
	background-color: #f4898f;
	color: #fff;
	box-shadow: none;
	border-radius: 0;
}
@media (min-width:701px) {
.kaldir {
	display: none;
}
.mobil {
	display: none;
}
.masaustu {
	display: block;
}
}