* { 
 font-family: 'Poppins', 'Noto Sans', sans-serif; 
} 

.main-header { 
 position: fixed; 
 width: 100%; 
 top:0; 
 left: 0; 
} 
p span { 
 display: flex; 
 flex-wrap: wrap; 
} 
.menu-main { 
width:max-content !important; 
} 
.logo-main { 
 filter: invert(1)brightness(200); 
} 
.swiper-main { 
 height: 100%; 
 width: 100%; 
} 
.swiper-main { 
 margin-left: auto; 
 margin-right: auto; 
 position: relative; 
 overflow: hidden; 
 overflow: clip; 
 list-style: none; 
 padding: 0; 
 /* Fix of Webkit flickering */ 
 z-index: 1; 
 display: block; 
} 
.highlight { 
 width: 100%; 
 height: 70vh; 
} 

.canvas-container-responsive-menu { 

 background: rgba(0, 0, 0, 0.42); 

 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 
 backdrop-filter: blur(10.3px); 
 -webkit-backdrop-filter: blur(10.3px); 
 top: 0px; 
 width: 100vw; 
 transform:translateY(-100%) ; 
 position: relative; 
 height: 100vh; 
 opacity: 0; 
 display: block; 
} 
.discover { 
 /* From https://css.glass */ 
 background: rgba(184, 184, 184, 0.21); 
 border-radius: 16px; 
 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 
 backdrop-filter: blur(9.3px); 
 -webkit-backdrop-filter: blur(9.3px); 
 border: 1px solid rgba(184, 184, 184, 0.85); 
} 
.cerez { 
 width: 100%; 
 overflow-x: scroll; 
} 
.gallery div img { 
 object-fit: cover; 
 width: 100%; 
 height: 100%; 
} 
#menu-icon { 
 width: 25px; 
 height: 23px; 
 position: relative; 
 opacity: 0; 
 -webkit-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 transform: rotate(0deg); 
 -webkit-transition: .5s ease-in-out; 
 -moz-transition: .5s ease-in-out; 
 -o-transition: .5s ease-in-out; 
 transition: .5s ease-in-out; 
 cursor: pointer; 
} 

#menu-icon span { 
 display: block; 
 position: absolute; 
 height: 2px; 
 width: 25px; 
 background: #333333; 

 opacity: 1; 
 left: 0; 
 -webkit-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 transform: rotate(0deg); 
 -webkit-transition: .25s ease-in-out; 
 -moz-transition: .25s ease-in-out; 
 -o-transition: .25s ease-in-out; 
 transition: .25s ease-in-out; 
} 

#menu-icon span:nth-child(1) { 
 top: 0px; 
} 

#menu-icon span:nth-child(2), #menu-icon span:nth-child(3) { 
 top: 8px; 
} 

#menu-icon span:nth-child(4) { 
 top: 16px; 
} 

#menu-icon.open span:nth-child(1) { 
 top: 6px; 
 width: 0%; 
 left: 50%; 
} 

#menu-icon.open span:nth-child(2) { 
 -webkit-transform: rotate(45deg); 
 -moz-transform: rotate(45deg); 
 -o-transform: rotate(45deg); 
 transform: rotate(45deg); 
} 

#menu-icon.open span:nth-child(3) { 
 -webkit-transform: rotate(-45deg); 
 -moz-transform: rotate(-45deg); 
 -o-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
} 

#menu-icon.open span:nth-child(4) { 
 top: 6px; 
 width: 0%; 
 left: 50%; 
} 

#menu-icon-responsive { 
 width: 25px; 
 height: 23px; 
 position: relative; 
 z-index: 9998; 

 -webkit-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 transform: rotate(0deg); 
 -webkit-transition: .5s ease-in-out; 
 -moz-transition: .5s ease-in-out; 
 -o-transition: .5s ease-in-out; 
 transition: .5s ease-in-out; 
 cursor: pointer; 
} 

#menu-icon-responsive span { 
 display: block; 
 position: absolute; 
 height: 2px; 
 width: 25px; 
 background: #ffffff; 
 opacity: 1; 
 left: 0; 
 -webkit-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 transform: rotate(0deg); 
 -webkit-transition: .25s ease-in-out; 
 -moz-transition: .25s ease-in-out; 
 -o-transition: .25s ease-in-out; 
 transition: .25s ease-in-out; 
} 

#menu-icon-responsive span:nth-child(1) { 
 top: 0px; 
} 

#menu-icon-responsive span:nth-child(2), #menu-icon-responsive span:nth-child(3) { 
 top: 8px; 
} 

#menu-icon-responsive span:nth-child(4) { 
 top: 16px; 
} 

#menu-icon-responsive.open span:nth-child(1) { 
 top: 6px; 
 width: 0%; 
 left: 50%; 
} 

#menu-icon-responsive.open span:nth-child(2) { 
 -webkit-transform: rotate(45deg); 
 -moz-transform: rotate(45deg); 
 -o-transform: rotate(45deg); 
 transform: rotate(45deg); 
} 

#menu-icon-responsive.open span:nth-child(3) { 
 -webkit-transform: rotate(-45deg); 
 -moz-transform: rotate(-45deg); 
 -o-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
} 
.nav-main-responsive { 

 display: flex; 

} 
.page-transition { 
 position: absolute !important; 
} 
#menu-icon-responsive.open span:nth-child(4) { 
 top: 6px; 
 width: 0%; 
 left: 50%; 
} 
.video-docker video { 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
} 
.swiper { 
 width: 100%; 
 height: 100%; 
} 
.video-docker::after { 
 content: ""; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 left: 0; 
 background: rgba(0, 0, 0, 0.6); 
 z-index: 1; 
} 
.image-docker::after { 
 content: ""; 
 position: absolute; 
 width: 100%; 

 top: 0; 
 left: 0; 
 background: rgba(0, 0, 0, 0.6); 
 z-index: 1; 
} 
.video-content { 
 z-index: 2; 
 position: relative; 
 top:50% 
} 
.responsive-accordion-menu { 
 display: block; 
 position: absolute; 
 z-index: 9999; 
 overflow-y: auto; 
 overflow-x: hidden; 
 height:100%; 
 width: 100%; 
 top:100px; 
 padding-left: 16px; 
} 
.menu-icon { 
 position: relative; 
 cursor: pointer; 

 color: #ffffff; 
 opacity: 0; 

 font-size: 25px; 

 transform: translateY(24px); 
} 
.menu-item-clickable { 
 opacity: 1 !important; 
 transform: translateY(24px); 
 cursor: pointer; 
} 

.page-transition-enter-done { 
 position: absolute !important; 
 width: 100%; 
 top:0px !important; 
 left: 0px !important; 
} 
.menu { 
 position: relative; 

 height: 0vh; 
 font-size: 1.5rem; 

 list-style: none; 

} 
.highlight-inner { 
 object-position: 50% 50%; 
} 
.menu li + li { 

 list-style: none; 
} 

.menu-item { 
 opacity: 0; 
 transform: translateY(24px); 
 cursor: pointer; 
} 
.menu-item a { 
 font-size: 18px; 
 font-size: 18px; 
 text-decoration: none; 
 color: #ffffff; 
} 
.menu-item:hover { 
 color: lightgray; 
} 
.menu-item a:hover { 
 color: lightgray; 
} 

.my-4 { 
margin-top: 1rem; 
margin-bottom: 1rem; 
} 
.mb-2 { 
margin-bottom: 0.5rem; 
} 
.prose p, 
.prose span, 
.prose div, 
.prose p span, 
.prose div p, 
.prose ol li, 
.prose h4 span, 
.prose h3 span, 
.prose h4 span a, 
.prose h4 a, 
.prose h3 a, 
.prose h3 span a, 
.prose ul li, 
.prose div p span { 
 font-size: 1.1rem !important; 
 font-family: 'Poppins', 'Noto Sans', sans-serif !important; 
} 

.rcbInput { 
 background: transparent; 
} 
.rcbInputCell { 

 background: transparent !important; 
 border-bottom: 1px solid white !important; 
} 
input, select, textarea{ 
 color: #ffffff !important; 
} 

textarea:focus, input:focus { 
 color: #ffffff !important; 
} 
.rcbArrowCell { 
display:none; 
} 

.RadGrid .rgMasterTable .rgAltRow { 
 background-color: #e5e7eb !important; 
} 

div.AramaSonuc table.rgMasterTable thead > tr, div.AramaSonuc table.rgMasterTable thead > tr > th { 
 background-image: none; 
 background-color: #906f24 !important; 
} 

@media (max-width: 1024px) { 
 .cover-pic { 
 height: 30vh !important; 
 } 
.cover-wrapper { 
 height: 30vh !important; 
 } 
}