@import url('../textfont/stylesheet.css');
@import url('cursor.css');
@import url('line-awesome.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('aos.css');
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	scroll-padding-top: 60px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.btn 
{   
  border-color: rgba(126, 239, 104, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0 none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



:root {
    --anarenk: #7ede27;
  --anarenk2: #00c881;
  --kirmizi: #ea0005;
    --yesil: #7ede27;
  --yesil2: #00c881;
  --siyah: #112136;
}

body {
	/* font-family: Whyte Inktrap; */
	font-family: 'Roboto', sans-serif;
}
/* width */
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  background: var(--siyah);
}
 
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--anarenk);
  border: 0.px solid var(--siyah);
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--siyah);
}
.scrollbar::-webkit-scrollbar-track:hover {
  background: var(--anarenk);
}
 
.container-fluid {
	max-width:calc(100vw - 60px);	
}
.dropdown-toggle::after {
    display: none;
}

.form-control.is-invalid, 
.was-validated .form-control:invalid {
    background-position: right calc(.375em + 3.1875rem) center;
}

.form-control.is-valid, 
.was-validated .form-control:valid {
    background-position: right calc(.375em + 3.1875rem) center;
}
.delay-1 {
animation-delay: .25s;
}
.delay-2 {
animation-delay: .5s;
}
.delay-3 {
animation-delay: .75s;
}
.delay-4 {
animation-delay: 1s;
}
.tp-10vh{
    padding-top: 10vh;
}

.butondark {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border: 1px solid var(--siyah);
	background:var(--siyah);
	border-radius: 0px;
	height: 50px;
	padding: 0px 25px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
.butondark:hover {
	background: var(--anarenk);
	color: #fff;
}
.butondark:focus {
	background: var(--anarenk);
	color: #fff;
}
.butondark i {
	font-size: 20px;
}

.btnnormal {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border: 1px solid var(--anarenk);
	background:var(--anarenk);
	border-radius: 0px;
	height: 50px;
	padding: 0px 25px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
.btnnormal:hover {
	background: var(--siyah);
	color: #fff;
}
.btnnormal:focus {
	background: var(--siyah);
	color: #fff;
}
.btnnormal i {
	font-size: 20px;
}

.btnlight {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border: 1px solid #fff;
	background:#fff;
	border-radius: 25px;
	height: 50px;
	padding: 0px 25px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: var(--anarenk);
}
.btnlight:hover {
	background: var(--anarenk);
	color: #fff;
}
.btnlight:focus {
	background: var(--anarenk);
	color: #fff;
}
.btnlight i {
	font-size: 20px;
}



.btnoutline {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0px;
	background:transparent;
	height: 50px;
	padding: 0px 5px;
	color: #000;
	font-size: 16px;
	font-weight: 350;
	line-height: 37px;
}
.btnoutline:before {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:4px;
	border:1px solid #000;
}
.btnoutline:hover ,
.btnoutline:focus {
	color:#000;
}
.btnoutline:hover:before ,
.btnoutline:focus:before {
	border:1px solid var(--kirmizi);
	background:var(--kirmizi);
}
.btnoutline i {
	font-size: 20px;
}



.btnoutlinelight {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0px;
	background:transparent;
	height: 50px;
	padding: 0px 5px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 350;
	line-height: 37px;
}
.btnoutlinelight:before {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:4px;
	border:1px solid #fff;
}
.btnoutlinelight:hover ,
.btnoutlinelight:focus {
	color:#fff;
}
.btnoutlinelight:hover:before ,
.btnoutlinelight:focus:before {
	border:1px solid var(--kirmizi);
	background:var(--kirmizi);
}
.btnoutlinelight i {
	font-size: 20px;
}



i.kalpatis {
	position:relative;
	width:26px;
	height:26px;
}
i.kalpatis:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url('../img/icon/icon-30.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center;
}

.okdon i {
	transform:rotate(-45deg);
	transition:all 0.3s ease;
}

.swiper {
	position:relative;
	overflow:hidden;
}
.marquee {
	width: 100%;
	overflow: hidden;
	height: 58px;
	background: #d9d7d4;
	line-height: 58px;
}
.marquee span {
	padding:0px 100px;
	color: #6a6a6a;
	font-size: 16px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: 1.3333334px;
}
.form-label {
	font-weight: 500;
	font-size: 12px;
	line-height: 24px;
	color:rgba(0,0,0,0.6);
}
.form-control {    
    position: relative;
    height: 50px;
	border-radius:0px;
    line-height: 40px;
    padding: 0px 17px;
    background: transparent;
    border: 0px;
    border: 1px solid var(--anarenk);
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	color:var(--anarenk);
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.form-controlust {    
    position: relative;
}
textarea.form-control {    
    line-height: 20px;
    padding: 10px 17px;
	height:120px;
}
.form-check-label {
    color: rgba(255,255,255,0.6);
}
.form-control:focus { 
	color:var(--siyah);
    border: 1px solid var(--kirmizi) !important;
}
.form-group label {    
	line-height:30px;
}
.select {
    position: relative;
    display: inline-block;
    height: 43px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    border: 0px;
    background: transparent;
    border-bottom: 5px solid #155e72;
}
.select .form-control {
	position:relative;
	display:inline-block;
	height:43px;
	border-radius:0px;
	padding:0px 50px 0px 10px;
	font-size: 14px;
	font-weight: 500;
	border:0px;
	background:transparent;
	z-index:3;
    color:#155e72;
}
.select:before {
    position: absolute;
    content: "\f063";
    top: 0px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: 'Line Awesome Free';
    font-weight: 900;
	font-size:20px;
    color: #155e72;
    z-index: 2;
}

h1 {
	font-size:50px;
	font-weight:400;
	line-height:56px;
}
h2 {
	font-size:30px;
	font-weight:700;
	line-height:39px;
}
h3 {
	font-size:20px;
	font-weight:700;
	line-height:26px;
}
h4 {
	font-size:18px;
	font-weight:500;
	line-height:24px;
}
h5 {
	font-size:16px;
	font-weight:700;
	line-height:23px;
}
h6 {
	font-size:14px;
	font-weight:500;
	line-height:18px;
}
p {
	font-size:15px;
	font-weight:100;
	line-height:22px;
	margin: 10px 0px;
    /* text-align: justify; */
}
li {
	font-size:15px;
	font-weight:100;
	line-height:22px;
    /* text-align: justify; */
}
ul, ol {
	list-style: inside;
	margin: 10px 0px;
}
p.p1 {
	font-size:15px;
	font-weight:400;
	line-height:25px;
}
p.p2 {
	font-size:14px;
	font-weight:400;
	line-height:22px;
}
p.p3 {
	font-size:13px;
	font-weight:400;
	line-height:25px;
}

main {
    /*
	overflow:hidden;
	
	width:calc(100vw - 10px);
	*/
	padding-right: calc(48px - 10px);
}

.menu-side-bar-x {
	position:fixed;
    width:48px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 998;
    background: var(--anarenk);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-side-bar-x a {
    color: var(--bs-gray-100);
}
.menu-side-bar-x .social-media {
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 2rem;
    padding:10px;
    font-size:2em;
}
.menu-side-bar-x .logo{
    display: flex;
    justify-content: center;
    padding: 10%;
}
.menu-side-bar-x .breadcrumbs{
    min-height: 50vh;
    max-height: 60vh;
}
.menu-side-bar-x nav{
    min-width: 50vh;
    max-width: 60vh;
    min-inline-size: max-content;
}
.menu-side-bar-x .hamburger{
    right: unset;
    transform: unset;
}
.menu-side-bar-x .hamburger__line-in::after{
    background-color: var(--bs-gray-100);
}
.menu-side-bar-x .menu-buton{
    display: inline-flex;
    justify-content: center;
    min-height: 65px;
}

.accordion-item {
    background-color: transparent;
}
.accordion-button {
    color: #656768;
    background-color: transparent;
}
.accordion-button:not(.collapsed) {
    color: #656768;
    background-color: transparent;
}
.accordion-body {
    font-size: 16px;
    line-height: 22px;
}

/*------------------header----------------------*/

#header {
	position:absolute;
	width:100%;
	z-index:997;
	transition:all 0.3s ease;
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	/* height:80px; */
	background:var(--siyah);
}
#header .alan {
	display:flex;
	align-items:center;
}
#header .logo {
	margin-right:auto;
	padding:30px 0;
}
#header.heading .logo {
    padding: 13px;
}
#header .logo img {
	height:60px;
}
#header .logo .dark {
	display:none;
}
#header .logo .light {
	display:block;
}
#header.light .logo .dark {
	display:block;
}
#header.light .logo .light {
	display:none;
}
#header.heading .logo .dark {
	display:none;
}
#header.heading .logo .light {
	display:block;
}
#header .menuac {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
#header .menuac span {
	width:42px;
	height:6px;
	margin:3px 0px;
	background:#fff;
}
#header .menuac span:last-child {
	width:62px;
	height:6px;
	margin:3px 0px;
	background:#fff;
}
#header.light .menuac span {
	background:#000;
}
#header.heading .menuac span {
	background:#fff;
}
#header .menuac.active span {
	background:#fff;
}
/*------------------acilanmenu----------------------*/

#acilanmenu {
	position:fixed;
	top:0px;
	right:-100vw;
	width:400px;
	max-width:100%;
	height:100vh;
	background:url('../img/filigran.png') #000;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1000;
	padding-top:120px;
	display:flex;
	align-items:center;
	transition:all 0.3s ease;
}
#acilanmenu.active {
	right:0vw;
}
#acilanmenu .container {
	height:100%;
}
#acilanmenu .alan {
	display:flex;
	flex-direction:column;
	height:100%;
	padding:30px;
}
#acilanmenu .alan .logo {
	display:block;
}
#acilanmenu .alan .logo img {
	height:56px;
}
#acilanmenu .alan .logo img {
	height:56px;
}
#acilanmenu .menu {
	margin-top:auto;
	margin-bottom:auto;
}
#acilanmenu .menu ul {
	display: flex!important;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
}
#acilanmenu .menu .link-li {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid hsla(0,0%,60%,.2);
    justify-content: center;
    min-height: 52px;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
}
#acilanmenu .menu .link-item {
	font-size:16px;
	color:rgb(255, 255, 255);
    padding: 10px 0px;
}
#acilanmenu .menu .acilan {
	display:none;
	transition:all 0.3s ease;
}
#acilanmenu .menu .acilan ul {
	width: 100%;
}

#acilanmenu .menu .acilan ul .link-li {
    min-height: 32px;
}
#acilanmenu .menu .acilan ul .link-item {
	font-size:14px;
	color:rgb(255, 255, 255, 0.6);
    padding: 10px 0px 10px 10px;
}

/*------------------slider----------------------*/

#slider {
	position:relative;
	padding:0px 0px 0px 0px;
	z-index:20;
	height:100vh;
	background-size:cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	display:flex;
	align-items:center;
}
#slider .swiper {
	height:200px;
	margin-top:0px;
}
#slider .yazi1 {
	font-size:368px;
	font-weight:900;
	color:var(--anarenk);
	margin-bottom:30px;
}
#slider .yazi2 {
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:28px;
}

#slider .yazi3 {
	font-size:135px;
	font-weight:700;
	color:#fff;
	line-height:140px;
}
#slider .swiper-slide {
	opacity:0.3;
}
#slider .swiper-slide-active {
	opacity:1;
}
#slider .item {
	font-size:43px;
	font-weight:700;
	color:var(--anarenk);
}
#slider .buton {
	text-align:center;
	margin-top:40px;
}
#slider .kaydir {
	position:absolute;
	bottom:0px;
	left:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:20px 0px;
}
#slider .kaydir img {
	transition:all 0.3s ease;
}
#slider .kaydir:hover img{
	margin-bottom:10px;
}
/*------------------projeler----------------------*/

#projeler {
	position:relative;
	padding:110px 0px 110px 0px;
	z-index:20;
}
#projeler:after {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url('../img/roket.webp');
	background-size:auto auto;
	background-position:bottom center;
	background-repeat:no-repeat;
	z-index:0;
}
#projeler:before {
	position:absolute;
	content:"";
	left:calc(50% - 300px);
	bottom:calc(50% - 300px);
	width:600px;
	height:600px;
	border-radius:300px;
	border:150px solid var(--anarenk);
	z-index:-1;
	animation: roketyuvarlak linear 4s infinite;
}
@keyframes roketyuvarlak {
  0%   {
	left:calc(50% - 0px);
	bottom:calc(50% - 0px);
	width:0px;
	height:0px;
	border:0px solid var(--anarenk);
  }
  33%   {
	left:calc(50% - 100px);
	bottom:calc(50% - 100px);
	width:200px;
	height:200px;
	border:50px solid var(--anarenk);
  }
  66%   {
	left:calc(50% - 200px);
	bottom:calc(50% - 200px);
	width:400px;
	height:400px;
	border:100px solid var(--anarenk);
  }
  100%   {
	left:calc(50% - 300px);
	bottom:calc(50% - 300px);
	width:600px;
	height:600px;
	border:150px solid var(--anarenk);
  }
}
#projeler .container {
	position:relative;
	z-index:10;
}
#projeler .baslik {
	font-size:60px;
	font-weight:700;
	line-height:72px;
	color:var(--siyah);
	margin-bottom:60px;
	text-align:center;
}
#projeler .item {
	text-align:center;
}
#projeler .item .logo {
	width:100%;
	height:50px;
	object-fit:contain;
	margin-bottom:40px;
}
#projeler .item .screen {
	width:100%;
	height:240px;
	object-fit:contain;
	margin-bottom:40px;
}
#projeler .item .aciklama {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:var(--siyah);
	padding:0px 30px;
    margin-bottom: 10px;
    min-height: 230px;
}
#projeler .item .detay {
	display:inline-flex;
	align-items:center;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	color:var(--siyah);
}
#projeler .item .detay i {
	font-size:20px;
	transition:all 0.3s ease;
}
#projeler .item .detay:hover i {
	margin-left:15px !important;
}

/*------------------neleryapariz----------------------*/

#neleryapariz {
	position:relative;
	padding:40px 0px 40px 0px;
	z-index:30;
}
#neleryapariz .baslik {
	font-size:60px;
	font-weight:700;
	line-height:72px;
	color:var(--siyah);
	margin-bottom:60px;
	text-align:center;
}
#neleryapariz .item {
	display:block;
	position:relative;
	margin-bottom:30px;
	border:1px solid #f2f2f2;
	background:#fff;
}
#neleryapariz .item:hover {
    box-shadow: 2px 2px 30px rgb(0 0 0 / 17%);
}
#neleryapariz .item .resim {
	width:100%;
	height:520px;
	object-fit:cover;
	opacity:0;
	transition:all 0.3s ease;
}
#neleryapariz .item:hover .resim {
	opacity:1;
}
#neleryapariz .item:hover .icon {
    filter: brightness(5);
}
#neleryapariz .item .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:40px 30px;
	transition:all 0.3s ease;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#neleryapariz .item:hover .bilgi{
	/* background:linear-gradient(to top,rgba(0,200,129,1),rgba(0,200,129,0.5)); */
	background:linear-gradient(to top,rgb(47 86 13 / 90%),rgba(0,200,129,0.5));
}
#neleryapariz .item .bilgi .icon {
	margin-bottom:20px;
}
#neleryapariz .item .bilgi .adi {
	font-size:30px;
	font-weight:700;
	line-height:36px;
	color:var(--siyah);
	margin-bottom:20px;
}
#neleryapariz .item:hover .bilgi .adi {
	color:#fff;
}
#neleryapariz .item .bilgi .maddeler {
	margin-bottom:20px;
}
#neleryapariz .item .bilgi .maddeler a {
	display:block;
	font-size:18px;
	font-weight:300;
	line-height:32px;
	color:var(--siyah);
	transition:all 0.3s ease;
}
#neleryapariz .item .bilgi .maddeler a:hover {
	margin-left:10px;
}
#neleryapariz .item:hover .bilgi .maddeler a {
	color:#fff;
}
#neleryapariz .item .bilgi .detay {
	display:inline-flex;
	align-items:center;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	color:var(--siyah);
	margin-top:auto;
}
#neleryapariz .item:hover .bilgi .detay {
	color:#fff;
}
#neleryapariz .item .bilgi .detay i {
	font-size:20px;
	transition:all 0.3s ease;
}
#neleryapariz .item .bilgi .detay:hover i {
	margin-left:15px !important;
}
#neleryapariz .item .bilgi .detay2 {
	display:inline-flex;
	align-items:center;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	color:var(--siyah);
	margin-bottom:auto;
}
#neleryapariz .item:hover .bilgi .detay2 {
	color:#fff;
}
#neleryapariz .item .bilgi .detay2 i {
	font-size:20px;
	transition:all 0.3s ease;
}
#neleryapariz .item .bilgi .detay2:hover i {
	margin-left:15px !important;
}
#neleryapariz .son {
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:center;
	padding:40px 30px;
}
#neleryapariz .son .yazi {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:var(--siyah);
	margin-bottom:20px;
}
#neleryapariz .yaptiklist {
	display:block;
	margin-bottom:20px;
}
#neleryapariz .yaptiklist .ress {
	width:100%;
	aspect-ratio:4/3;
	object-fit:contain;
	margin-bottom:10px;
    /* filter: grayscale(1);*/
	transition:all 0.3s ease;
}
#neleryapariz .yaptiklist:hover .ress {
    /* filter: grayscale(0); */
}
#neleryapariz .yaptiklist .adi {
	font-size:22px;
	font-weight:700;
	line-height:30px;
	color:var(--siyah);
	text-align:center;
}

/*------------------saglikturizmi----------------------*/

#saglikturizmi {
	position:relative;
	padding:280px 0px 180px 0px;
	z-index:0;
	background:url('../img/saglikturizmiback.webp');
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:-150px;
}
#saglikturizmi.page {
	padding:180px 0px 180px 0px;
	margin-top:0px;
}
#saglikturizmi:before {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:50%;
	background:url('../img/bulutlar.webp');
	background-size:100% auto;
	background-position:center bottom;
	background-repeat:no-repeat;
	z-index:2;
}
#saglikturizmi:after {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
	background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
	z-index:3;
}
#saglikturizmi .ust {
	position:relative;
	z-index:20;
}
#saglikturizmi .ust .baslik {
	font-size:60px;
	font-weight:700;
	line-height:72px;
	color:var(--yesil);
	margin-bottom:40px;
}
#saglikturizmi .ust .altbaslik {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#fff;
	margin-bottom:10px;
}
#saglikturizmi .sol {
	position:relative;
	z-index:20;
}
#saglikturizmi .alt .sol {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
#saglikturizmi .alt .sol .rakamlar {
	border-bottom:2px solid var(--yesil);
	margin-bottom:10px;
}
#saglikturizmi .alt .sol .rakamlar:last-child {
	border-bottom:0px solid var(--yesil);
	margin-bottom:10px;
}
#saglikturizmi .alt .sol .rakamlar .rakam {
	font-size:60px;
	font-weight:700;
	line-height:72px;
	color:var(--yesil);
	margin-bottom:10px;
}
#saglikturizmi .alt .sol .rakamlar .yazi {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#fff;
	margin-bottom:10px;
}
#saglikturizmi .alt .sol .buton {
	margin-top:20px;
}
#saglikturizmi .bavulalan {
	position:relative;
	z-index:5;
}
#saglikturizmi .alt .bavulalan {
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	/*height:100%;*/
}
#saglikturizmi .alt .bavulalan .video {
    position: absolute;
    top: 30%;
    left: 32%;
    z-index: -1;
    /* max-width: unset!important; */
    object-fit: cover;
    width: 30%;
    height: 50%;
}
#saglikturizmi .alt .bavulalan .bavul {
	max-width:50%;
}
#saglikturizmi .alt .bavulalan .bulut1 {
    position: absolute;
    top: 10%;
    left: 35%;
    width: 12%;
	transition:all 0.3s ease;
	animation: bulut1 10s linear infinite;
}
@keyframes bulut1 {
    0% { left: 35%; }
    50% { left: 25%; }
    100% { left: 35%; }
}
#saglikturizmi .alt .bavulalan .bulut2 {
	position:absolute;
    top: 38%;
    left: 10%;
    width: 39%;
	animation: bulut2 10s linear infinite;
}
@keyframes bulut2 {
    0% { left: 10%; }
    50% { left: 15%; }
    100% { left: 10%; }
}
#saglikturizmi .alt .bavulalan .bulut3 {
    position: absolute;
    top: 62%;
    right: 23%;
    width: 33%;
	animation: bulut3 10s linear infinite;
}
@keyframes bulut3 {
    0% { right: 23%; }
    50% { right: 35%; }
    100% { right: 23%; }
}

/*------------------markalar----------------------*/

#markalar {
	position:relative;
	padding:80px 0px 80px 0px;
	z-index:1;
	background:#fff;
}
#markalar .markalogo {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100px;
}
#markalar .markalogo img {
	max-width:90%;
	max-height:90%;
}
#markalar .yazilar {
	display:flex;
	justify-content:center;
	flex-direction:column;
	height:100%;
}
#markalar .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--siyah);
	margin-bottom:35px;
}
#markalar .yazi2 {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:var(--siyah);
	margin-bottom:35px;
}
#markalar .buton {
	text-align:left;
}
/*------------------youtubealan----------------------*/

#youtubealan {
    /*
	position:relative;
	padding:180px 0px 180px 0px;
	z-index:0;
	background:url('../img/videolarback.png');
	background-size:cover;
	*/
    position: relative;
    padding: 25vh 0px 25vh 0px;
    z-index: 0;
    background-size: contain;
    /* min-height: 100vh;*/
}
#youtubealan .background{
    background: url(../img/videolarback.webp);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin-top: -25vh;
}
#youtubealan .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
	margin-bottom:35px;
}
#youtubealan .yazi2 {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#fff;
	margin-bottom:35px;
}
#youtubealan .kutu {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:calc(100% - 30px);
	border:1px solid var(--yesil);
	padding:30px 18px;
}
#youtubealan .kutu:before {
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:0px;
	background:var(--siyah);
	transition:all 0.3s ease;
	z-index:-1;
}
#youtubealan .kutu:hover:before {
	height:100%;
}
#youtubealan .kutu img {
	width:100%;
	height:65px;
	object-fit:contain;
	margin-bottom:20px;
}
#youtubealan .kutu b  {
	font-size:30px;
	font-weight:700;
	line-height:36px;
	color:var(--yesil);
	margin-bottom:10px;
	text-align:center;
}
#youtubealan .kutu span  {
	font-size:30px;
	font-weight:700;
	line-height:36px;
	color:#fff;
	text-align:center;
}
#youtubealan .sag  {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
#youtubealan .sag:before  {
	position:absolute;
	content:"";
	width:100%;
	aspect-ratio: 1 / 1;
	border-radius:50%;
	border:10rem solid rgb(126 222 39 / 43%);
}
#youtubealan .sag:hover:before  {
	animation:youtubesagbefore 2s ease;
}

@keyframes youtubesagbefore {
    0% { border:0rem solid rgb(126 222 39 / 43%); }
    100% { border:10rem solid rgb(126 222 39 / 43%); }
}

#youtubealan .sag .ok  {
    position: absolute;
    top: calc(50% - 150px);
    right: calc(50% - 300px);
    width: 200px;
    height: 200px;
}
#youtubealan .sag .ok .okyazi  {
	font-size:16px;
	font-weight:400;
	line-height:26px;
	color:#fff;
	margin-bottom:20px;
}

#youtube iframe {
    width: 100%;
    height: 100%;
}

/*------------------blog----------------------*/

#blog {
	position:relative;
	padding:0px 0px 80px 0px;
    z-index: 1;
    background: #fff;
}
#blog .ust {
	position:relative;
	display:flex;
	align-items:center;
	padding:80px 0px;
	margin-bottom:30px;
}
#blog .ust:before {
	position:absolute;
	content:"";
	top:0px;
	left:-40px;
	width:350px;
	height:calc(100% + 100px);
	background:var(--yesil);
	z-index:-1;
}
#blog .ust .baslik {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:#fff;
	margin-right:auto;
}
#blog .item {
	position:relative;
	display:block;
	margin-bottom:20px;
}
#blog .item .resim {
	width:100%;
	height:200px;
	object-fit:cover;
	border-radius: 25px;
}
#blog .item .yazi {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height: 100%;
    background: #fff;
    padding: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
	color:var(--siyah);
	text-align:left;
	transition:all 0.3s ease;
	border: solid 2px #0000000d;
    border-radius: 25px;
}
#blog .item .yazi2 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	min-height: 20%;
    height: auto;
    padding: 20px 20px 10px 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
	color:var(--siyah);
	text-align:left;
	transition:all 0.3s ease;
	width:85%;
}
#blog .item .icon {
	margin-left: auto;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: flex-end;
}
#blog .item:hover .yazi {
	background:rgba(0,0,0,0.3);
	color:white;
}

#blog .item:hover .yazi2 {
	color:white;
}

#blog .item .bg {
    position: absolute;
    background: green;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    opacity: 0.5;
}

.yazi2 a {
	color:#7ede26;
	font-weight: bold;
}

.yazi2 a:hover, a:focus {
    color: #5d93d8;
    text-decoration-line: underline;
}

/*------------------bahsedenler----------------------*/
#bahsedenler .icerik {
    max-height: 450px;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;

}

#bahsedenler {
	position:relative;
	padding:30px 0px 30px 0px;
}
#bahsedenler:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	background:var(--siyah);
	z-index:-1;
}
#bahsedenler .yazilar {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	padding:30px 0px;
}
#bahsedenler .yazilar .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:#fff;
	margin-bottom:40px;
}
#bahsedenler .basinlogo {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100px;
	transition:all 0.3s ease;
	border:1px solid #fff;
}
#bahsedenler .basinlogo:hover {
	border:1px solid var(--yesil);
}
#bahsedenler .basinlogo img {
	max-width:90%;
	max-height:90%;
}
/*------------------cozumortaklarimiz----------------------*/

#cozumortaklarimiz {
	position:relative;
	padding:60px 0px 60px 0px;
}
#cozumortaklarimiz .baslik {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--siyah);
	text-align:center;
	margin-bottom:40px;
}
#cozumortaklarimiz .ortaklogo {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100px;
	margin-bottom:15px;
	border:1px solid var(--yesil);
}
#cozumortaklarimiz .ortaklogo:before {
    position: absolute;
    content: "";
    top: -1px;
    left: 25px;
    width: calc(100% - 50px);
    height: calc(100% + 2px);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	transition:all 0.3s ease;
}
#cozumortaklarimiz .ortaklogo:hover:before {
    left: 50%;
    width: 0px;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}
#cozumortaklarimiz .ortaklogo:after {
	position:absolute;
	content:"";
	top:25px;
	left:-1px;
	width:calc(100% + 2px);
	height:calc(100% - 50px);
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	transition:all 0.3s ease;
}
#cozumortaklarimiz .ortaklogo:hover:after {
    top: 50%;
    height: 0px;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
}
#cozumortaklarimiz .ortaklogo img {
	max-width:90%;
	max-height:90%;
}

/*------------------footer----------------------*/

#footer {
	position:relative;
	padding:0px 0px 0px 0px;
	background:#112136;
}
#footer .ust {
	padding:50px 0px 50px 0px;
}
#footer .menubas {
	display:block;
	font-size:15px;
	font-weight:700;
	line-height:25px;
	color:#fff;
	margin-bottom:15px;
	text-align: center;
}
#footer .menulink {
	display:block;
	font-size:15px;
	font-weight:400;
	line-height: 22px;
    margin-bottom: 10px;
	color:#fff;
	transition:all 0.3s ease;
	text-align: center;
}
#footer .menulink:hover {
	padding-left:10px;
}
#footer .orta {
	display:flex;
	align-items:center;
	/*
	    padding:50px 0px 50px 0px;
	*/
}
#footer .orta .logo {
	margin-right:auto;
}
#footer .orta .logo img {
	height:60px;
}
#footer .sosyal {
	display:flex;
	align-items:center;
}
#footer .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 44px;
	height: 44px;
	font-size:16px;
	color:#fff;
	margin-left:3px;
}
#footer .sosyal a:hover {
	background:#fff;
	color:var(--anarenk);
}
#footer .alt {
	text-align:center;
	padding:20px 0px 20px 0px;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	color:#fff;
}

#footer .mobil-footer-menu {
	display: none;
}

/*------------------bizkimiz----------------------*/

#bizkimiz {
	position:relative;
	padding:250px 0px 60px 0px;
}
#bizkimiz:before {
	position:absolute;
	content:"";
	top:0px;
	right:0px;
    width: 50vw;
    height: 50vh;
	background:url('../img/shape.webp');
	background-repeat:no-repeat;
	background-size:auto 200%;
	background-position:left bottom;
	z-index:-1;
}
#bizkimiz .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
	margin-bottom:30px;
}
#bizkimiz .yazi2 {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:var(--siyah);
	margin-bottom:70px;
}
#bizkimiz .yazi3 {
	font-size:30px;
	font-weight:700;
	line-height:36px;
	color:var(--yesil);
	margin-bottom:70px;
	text-align:center;
}
#bizkimiz .resim  {
	width:100%;
	margin-bottom:100px;
}
#bizkimiz .ofisgaleri  {
	width:100%;
	margin-bottom:20px;
}
#bizkimiz .galeriyazi {
	font-size:50px;
	font-weight:600;
	line-height:60px;
	color:#000;
	margin-bottom:20px;
	text-align:center;
}

/*------------------bizeulasin----------------------*/

#bizeulasin {
	position:relative;
	padding:100px 0px 100px 0px;
	background:url('../img/bizeulasinback.png');
	background-size:cover;
}
#bizeulasin .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
	margin-bottom:20px;
}
#bizeulasin .yazi2 {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#fff;
	margin-bottom:20px;
}
#bizeulasin .yazi2 span {
	color:var(--yesil);
}
#bizeulasin .bilgi {
	display:flex;
	align-items:center;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#fff;
	margin-bottom:20px;
}
#bizeulasin .bilgi:hover {
	color:var(--yesil);
}
#bizeulasin .bilgi i {
	font-size:20px;
}

/*------------------neleryapariz----------------------*/

#neleryapariz {
	position:relative;
	/*padding:250px 0px 60px 0px;*/
	padding:125px 0px 60px 0px;
}
#neleryapariz:before {
	position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    width: 50vw;
    height: 50vh;
    background: url(../img/shape.webp);
    background-repeat: no-repeat;
    background-size: unset;
    background-position: left bottom;
    z-index: -1;
}
#neleryapariz .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
	margin-bottom:30px;
}
#neleryapariz .yazi2 {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:var(--siyah);
	/* margin-bottom:70px; */

    -webkit-font-smoothing: antialiased;
    color: #535353;
    margin-bottom: 1.55rem;
    word-spacing: 0.001em;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-weight: normal;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    font-size: 18px;

}

#neleryapariz .yazi2 p::first-letter {
    /*
    font-size: 1.5rem;
    font-weight: bold;
    float:left;
    padding:1rem;
    */
}

#neleryapariz .yazi2 h2 {
	font-size:25px;
}
#neleryapariz .yazi2 ul,ol {
	font-weight:200;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:20px;
	list-style: disc;
}
#neleryapariz .yazi2 li {
    margin-top: 2px;
    margin-bottom: 6px;
    -webkit-font-smoothing: antialiased;
    color: #535353;
    word-spacing: 0.001em;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-weight: normal;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    font-size: 18px;
}
#neleryapariz .yazi2 p {
    /* margin-top: 5px; */
    /* margin-bottom: 1rem; */
    /* font-size: inherit; */
    -webkit-font-smoothing: antialiased;
    color: #535353;
    margin-bottom: 1rem;
    word-spacing: 0.001em;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-weight: normal;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    font-size: 18px;
}
#neleryapariz .yazi2 h2 {
	margin-top:10px;
	margin-bottom:10px;

}
#neleryapariz .yazi2 h3 {
	margin-top:10px;
}
#neleryapariz .yazi2 h4 {
	margin-top:10px;
}
#neleryapariz .yazi3 {
	font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: left;
}
#neleryapariz .yazi3 span{
	color:var(--yesil);
}
#neleryapariz .resim  {
	width:100%;
    padding: 5%;
	/* margin-bottom:100px; */
}

#neleryapariz .tablar  {
	border-bottom:1px solid var(--yesil);
}
#neleryapariz .tablar .tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    /* margin-bottom: 3px; */
    height: 100%;
    justify-content: space-evenly;
}
/*
#neleryapariz .tablar .tab:before {
	position:absolute;
	content:"";
	top:100%;
	left:calc(50% - 15px);
	border-color: var(--yesil) transparent transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0px 15px;
	width: 0px;
	height: 0px;
	display:none;
}*/
#neleryapariz .tablar .tab:before {
    margin-top: 10px;
    position: absolute;
    content: "";
    bottom: -10px;
    left: calc(50% - 15px);
    background: #fff;
    /* border-color: var(--yesil) #ff000000 transparent transparent; */
    /* border-style: solid; */
    /* border-width: 1px 0px 1px 0px; */
    width: 20px;
    height: 20px;
    display: none;
    border: 1px solid var(--yesil);
    border-top-color: unset;
    border-right-color: unset;
    transform: rotate(315deg);
}
#neleryapariz .tablar .tab.active:before ,
#neleryapariz .tablar .tab:hover:before 
{
	display:block;
}
#neleryapariz .tablar .tab img {
	height:80px;
	margin-bottom:20px;
}
#neleryapariz .tablar .tab div {
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
    color: var(--siyah);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
#neleryapariz .tablar .tab.active div ,
#neleryapariz .tablar .tab:hover div 
{
	color:var(--yesil);
}

#neleryapariz .madde {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:20px;
}
/*
#neleryapariz .madde .maddeno {
	display:flex;
	align-items:center;
	justify-content:center;
	width:80px;
	height:80px;
	border-radius:40px;
	background:var(--yesil);
	font-size:24px;
	font-weight:700;
	color:#fff;
}*/

#neleryapariz .madde .maddeno {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--yesil);
    font-size: 24px;
    font-weight: 700;
    color: var(--yesil);
    z-index: -1;
}
#neleryapariz .madde .maddeno:before {
    display: block;
    position: absolute;
    content: '';
    /* top: -2em; */
    /* left: 5.5em; */
    border-bottom: 2em solid white;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    background: white;
    width: 40px;
    height: 40px;
    border: 1px solid white;
    border-radius: 100%;
    color:black;
    z-index: -1;
}

#neleryapariz .madde .maddeno:after {
    position: absolute;
    content: '';
    border-left: 2px solid var(--yesil);
    margin-top: 100px;
    height: 20px;
    width: 0;
    z-index: 111;
    display: flex;
}

#neleryapariz .madde:hover .maddeno {
	background:var(--siyah);
    z-index: 0;

}
#neleryapariz .madde .maddeyazi {
	width:calc(100% - 100px);
	padding:10px;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:var(--siyah);
}

/*------------------saglikturizmipage----------------------*/

#saglikturizmipage {
	position:relative;
	padding:80px 0px 80px 0px;
}
#saglikturizmipage .baslik {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--siyah);
	margin-bottom:60px;
	text-align:center;
}
#saglikturizmipage .baslik span {
	color:var(--yesil);
}
#saglikturizmipage .alan {
	position:relative;
}
#saglikturizmipage .alan:before {
	position:absolute;
	content:"";
	top:0px;
	left:calc(50% - 1px);
	width:2px;
	height:100%;
	background:var(--yesil);
	z-index:-1;
}
#saglikturizmipage .item {
	padding:30px 0px;
}
#saglikturizmipage .item .adimbas {
	font-size:55px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
}
#saglikturizmipage .item.sol .adimbas {
	text-align:right;
}
#saglikturizmipage .item .adimicerik {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:var(--siyah);
}
#saglikturizmipage .item.sol .adimicerik {
	text-align:right;
}
#saglikturizmipage .item .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	width:100%;
	height:120px;
}
#saglikturizmipage .item .icon img {
	max-width:90%;
	max-height:90%;
}

/*------------------nedenprojemed----------------------*/

#nedenprojemed {
	position:relative;
	padding:60px 0px 60px 0px;
}
#nedenprojemed:before {
	position:absolute;
	content:"";
	top:0px;
	right:0px;
	width:calc(50% - 220px);
	height:100%;
	background:var(--siyah);
	z-index:-1;
}
#nedenprojemed .yazilar {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	padding:60px 0px;
}
#nedenprojemed .yazi1 {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--siyah);
	margin-bottom:30px;
	text-align:right;
}
#nedenprojemed .yazi1 span {
	color:var(--yesil);
}
#nedenprojemed .yazi2 {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:var(--siyah);
	text-align:right;
}
#nedenprojemed .rakamlar {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-bottom:20px;
}
#nedenprojemed .rakamlar .rakam {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
	margin-bottom:0px;
	text-align:center;
}
#nedenprojemed .rakamlar .yazi {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#fff;
	text-align:center;
}

/*------------------projedetay----------------------*/

#projedetay {
	position:relative;
	padding:250px 0px 60px 0px;
}
#projedetay:before {
	position:absolute;
	content:"";
	top:0px;
	right:0px;
    width: 50vw;
    height: 50vh;
	background:url('../img/shape.webp');
	background-repeat:no-repeat;
	background-size:auto 200%;
	background-position:left bottom;
	z-index:-1;
}
.projedetay .projetablar {
	margin-bottom:40px;
}
.projedetay .projetablar .tab {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
}
.projedetay .projetablar .tab .icon {
	height:65px;
	margin-bottom:30px;
}
.projedetay .renkler {
	padding:40px 0px;
}
.projedetay .renkler .renk {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
}
/*
.projedetay .renkler .renk .renkkutu {
	width:100%;
	height:100px;
	margin-bottom:20px;
}
*/
.projedetay .renkler .renk .renkkutu {
	padding:60px;
	margin-bottom:20px;

}
.projedetay .renkler .renk .renkkod {
	font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}


.projedetay .fontlar {
	padding:40px 0px;
}
.projedetay .fontlar .font {
	padding:40px;
}
.projedetay .fontlar .font .yazi1 {
	font-size:60px;
	font-weight:400;
	line-height:70px;
}
.projedetay .fontlar .font .yazi2 {
	font-size:30px;
	font-weight:400;
	line-height:40px;
	margin-bottom:20px;
}
.projedetay .fontlar .font .yazi3 {
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#fff;
}
.projedetay .projetablar .tab .tabadi {
	font-size:16px;
	font-weight:500;
	line-height:24px;
	color:var(--siyah);
	text-align:center;
}
.projedetay .projelogo {
	text-align:center;
	margin-bottom:40px;
	text-align: -webkit-center;
	text-align: -moz-center;
}
.projedetay .projelogo img {
    height: 25vw;
	width: 25vw;
    object-fit: contain;
}
.projedetay .projeadi {
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--siyah);
	margin-bottom:30px;
	text-align:center;
}
.projedetay .projeadi span {
	color:var(--yesil);
}
.projedetay .projebanner {
    text-align: center;
    margin-bottom: 40px;
}

.projedetay .projebanner img {
	width:100%;
    /* box-shadow: 0px 0px 20px 0px #0000001a; */
}
/*
.projedetay .resim {
	width:100%;
	margin-bottom:30px;
    box-shadow: 0px 0px 20px 0px #00000017;
}
*/

.projedetay .resim {
    width: 100%;
    margin-bottom: 30px;
    /* box-shadow: 0px 0px 20px 0px #00000017; */
}

.projedetay .resim:hover{
    /* box-shadow: 0px 0px 20px 0px #00000057; */
}

.projedetay .slideproject {
    max-height: 55vh;
    object-fit: cover;
    object-position: top;
    transition: object-position 25s;
}
.projedetay .slideproject:hover{
    /* box-shadow: 0px 0px 20px 0px #00000057; */
    object-position: bottom;
}
.projedetay .slidemockup {
    max-height:100%;
    object-fit: cover;
    object-position: top;
    transition: object-position 5s;
}
.projedetay .slidemockup:hover{
    /* box-shadow: 0px 0px 20px 0px #00000057; */
    object-position: bottom;
}
/*------------------instagram----------------------*/

#instagram {
    position: relative;
    padding: 80px 0px;
}

#instagram .marka-logo {
    background-color: black;
    border-radius: 10px;
    padding: 10px;
}

#instagram .baslik {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: var(--yesil);
    margin-bottom: 20px;
    text-align: center;
}

/*------------------neredeyiz----------------------*/

#neredeyiz {
	position:relative;
}
#neredeyiz iframe {
	width:100%;
	height:770px;
}
#neredeyiz .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	background:rgba(17,33,54,0.7);
}
#neredeyiz .bilgi .yazi1 {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	height:100%;
	font-size:60px;
	font-weight:700;
	line-height:70px;
	color:var(--yesil);
}
#neredeyiz .bilgi .yazi2 {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	height:100%;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color:#fff;
}
#neredeyiz .bilgi .circle {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100px;
}
#neredeyiz .bilgi .circle .circleic {
	width:100px;
	height:100px;
	border-radius:50px;
	border:0px solid var(--yesil);
	animation: circleyuvarlak ease 1s infinite;
}
@keyframes circleyuvarlak {
  0%   {
	border:25px solid var(--yesil);
  }
  100%   {
	border:0px solid var(--yesil);
  }
}

/* Parallax */
.img-parallax {
  width:100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}

/* Deneme */
.mod_client_info .row {
    max-width: 900px;
    padding-left: 80px;
    margin: 30px auto;
}
.mod_client_info .row .item ul {
    margin: 0;
}
.mod_client_info .row .item ul li {
    padding-left: 0;
    list-style-type: none;
    font-weight: 200;
    line-height: 1.4;
    color: #000;
}

.mod_client_info .row .item {
    margin-bottom: 45px;
    font-weight: 400;
    color: var(--siyah);
}



.mod_client_info .row .item span.title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
    color: #999;
    display: block;
    margin-bottom: 12px;
}

.mod_client_info .row .item p {
    font-weight: 200;
    line-height: 1.4;
    color: #000;
    text-align:unset;
}





/* Browser mockup code
 * Contribute: https://gist.github.com/jarthod/8719db9fef8deb937f4f
 * Live example: https://updown.io
 */

.browser-mockup {
  border-top: 2em solid rgba(230, 230, 230, 0.7);
  /* box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4); */
  box-shadow: 0px 0px 20px 0px #0000001a;
  position: relative;
  border-radius: 3px 3px 0 0;
  transition: box-shadow 2s;
}

.browser-mockup:before {
  display: block;
  position: absolute;
  content: '';
  top: -1.25em;
  left: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #f44;
  box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
  /* box-shadow: 0px 0px 20px 0px #00000057;*/
}
.browser-mockup:hover {
  box-shadow: 0px 0px 20px 0px #00000057;
}

.browser-mockup.with-tab:after {
  display: block;
  position: absolute;
  content: '';
  top: -2em;
  left: 5.5em;
  width: 20%;
  height: 0em;
  border-bottom: 2em solid white;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
}

.browser-mockup.with-url:after {
  display: block;
  position: absolute;
  content: '';
  top: -1.6em;
  left: 5.5em;
  width: calc(100% - 6em);
  height: 1.2em;
  border-radius: 2px;
  background-color: white;
}

.browser-mockup > * {
  display: block;
}








/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .cc-0 p{
        column-count: unset;
    }
    .cc-2 p{
        column-count: 2;
    }
    .cc-3 p{
        column-count: 3;
    }
    .cc-4 p{
        column-count: 4;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cc-md-0 p{
        column-count: unset;
    }
    .cc-md-2 p{
        column-count: 2!important;
    }
    .cc-md-3 p{
        column-count: 3!important;
    }
    .cc-md-4 p{
        column-count: 4!important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .cc-lg-0 p{
        column-count: unset;
    }
    .cc-lg-2 p{
        column-count: 2!important;
    }
    .cc-lg-3 p{
        column-count: 3!important;
    }
    .cc-lg-4 p{
        column-count: 4!important;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .cc-xl-0 p{
        column-count: unset;
    }
    .cc-xl-2 p{
        column-count: 2!important;
    }
    .cc-xl-3 p{
        column-count: 3!important;
    }
    .cc-xl-4 p{
        column-count: 4!important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .cc-xxl-0 p{
        column-count: unset;
    }
    .cc-xxl-2 p{
        column-count: 2!important;
    }
    .cc-xxl-3 p{
        column-count: 3!important;
    }
    .cc-xxl-4 p{
        column-count: 4!important;
    }
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#menu-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1054;
    width: 55px!important;
}

.position-sticky{
    top:80px;
}