@import url(https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Carattere&display=swap);
.carettere {
  font-family: "Carattere", cursive;
}

.bg-white {
  background: rgba(0, 0, 0, 0.6) !important;
}

body {
  font-family: "Anek Latin", sans-serif;
  font-weight: 400;
  font-size: 1em !important;
  padding: 0px;
  margin: 0px;
  color: white;
  padding-top: 100px;
  background: #22262f !important;
}

.faaliyet .fbaslik {
  font-weight: 900;
  color: #c7c7c7;
  font-size: 1.1em !important;
  line-height: 1.4 !important;
}

.seperator {
  width: 50px;
  height: 5px;
  background: #c7c7c7;
  margin: 8px 0px;
}

.seperator::after {
  margin-left: 35px;
  width: 150px;
  height: 2px;
  background: #c7c7c7;
}

.page-top-div {
  background: #c7c7c7;
}

p {
  line-height: 1.7 !important;
  font-size: 1.1em !important;
}

h1 {
  font-size: 2.1em !important;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-size: 1.7em !important;
  font-weight: 700;
  line-height: 1.4;
}

h3 {
  font-size: 1.7em !important;
  font-weight: 700;
  line-height: 1.4;
}

h4 {
  font-size: 1.7em !important;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  font-size: 1.7em !important;
  font-weight: 700;
  line-height: 1.4;
}

.fw-bolder {
  font-weight: 900 !important;
}

.font {
  font-family: "Cal Sans", sans-serif;
  letter-spacing: 0.05em;
}

.element1 {
  background: #c7c7c7;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  position: relative;
  border-radius: 50%;
  opacity: 0.9;
}

.element1:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  border: 1px solid white;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  border-radius: 50%;
}

.element1:before {
  content: "";
  z-index: -2;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  border: 1px solid gray;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  border-radius: 50%;
}

.element1:after {
  animation-play-state: running;
  animation: element 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.element1:before {
  animation-play-state: running;
  animation: elementbefore 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes element {
  0% {
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transform: scale(2.9);
    opacity: 0;
  }
}
@keyframes elementbefore {
  0% {
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transform: scale(2);
    opacity: 0;
  }
}
.serImage {
  position: relative;
  background: #c7c7c7;
  clip-path: polygon(100% 0%, 100% 67%, 69% 100%, 0 99%, 0 28%, 30% 0);
  -webkit-clip-path: polygon(100% 0%, 100% 67%, 69% 100%, 0 99%, 0 28%, 30% 0);
  transition: all 400ms ease-in-out;
}

.icerik h3, .icerik h2 {
  font-size: 1.5em !important;
  color: #c7c7c7;
}

.icerik h3 strong {
  font-weight: 300 !important;
}

.ser:hover .serImage {
  position: relative;
  background: #c7c7c7;
  clip-path: polygon(100% 0%, 79% 67%, 69% 100%, 0 99%, 0 62%, 73% 0);
  -webkit-clip-path: polygon(100% 0%, 79% 67%, 69% 100%, 0 99%, 0 62%, 73% 0);
  transition: all 400ms ease-in-out;
}

.ser .i1 {
  width: 200px;
  height: 50px;
  background: #3a3a3a;
  transform: translate(-99px, 5px) rotate(-33deg);
  transition: all 400ms ease-in-out;
}

.ser .i2 {
  width: 200px;
  height: 70px;
  background: #c7c7c7;
  transform: translate(80px, 5px) rotate(-39deg);
  transition: all 400ms ease-in-out;
}

.ser:hover .i1 {
  width: 639px;
  height: 565px;
  background: #3a3a3a;
  transform: translate(-228px, -487px) rotate(-33deg);
  transition: all 400ms ease-in-out;
}

.ser:hover .i2 {
  width: 576px;
  height: 150px;
  background: #c7c7c7;
  transform: translate(260px, 38px) rotate(-68deg);
  transition: all 400ms ease-in-out;
}

.cp {
  position: relative;
  background: #c7c7c7;
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
}

.cp:after {
  z-index: -1;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: "";
  background: gray;
  clip-path: polygon(78% 0%, 95% 0%, 100% 50%, 95% 100%, 78% 100%, 84% 50%);
}

.cp:before {
  z-index: -1;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  content: "";
  background: white;
  clip-path: polygon(75% 0%, 95% 0%, 100% 50%, 95% 100%, 75% 100%, 81% 50%);
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.mav {
  color: #082154 !important;
}

.dropdown-menu .dropdown-item {
  font-size: 1.1em !important;
}

.img-rounded {
  border-radius: 0px !important;
}

.img-rounded-top {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.img-rounded-bottom {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.img-rounded-left {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.hr {
  border-bottom: 1px dotted #c7c7c7 !important;
}

.menu_title {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.card {
  border-radius: 0px;
}

.menu_title:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #000000;
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.btn-main {
  background: #c7c7c7;
  font-weight: 500;
  color: rgba(57, 57, 57, 0.9) !important;
  padding: 5px 20px;
  text-align: center;
  display: inline-block;
  border-radius: 35px;
}

.btn-main2 {
  background: #000000;
  color: rgba(57, 57, 57, 0.9) !important;
  padding: 5px 20px;
  text-align: center;
  display: inline-block;
}

.titleSec {
  position: relative;
  color: white;
  transform: skewX(-15deg);
  display: inline-block;
  background: #c7c7c7;
  margin-left: 10px;
  padding: 3px 10px;
  font-weight: 500;
  font-size: 1em !important3;
}

.titleSec:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px !important;
  background-color: gray;
  display: inline-block;
  bottom: 5px;
  z-index: -1;
  margin-left: 10px;
}

.titleSec:before {
  content: "";
  position: absolute;
  width: 190px;
  height: 5px !important;
  background-color: #c7c7c7;
  display: inline-block;
  bottom: 0px;
  left: 0px;
}

.social a {
  margin-right: 3px;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 38px;
  background-color: #c7c7c7;
  text-align: center;
  border-radius: 4px;
  color: white !important;
}

.baslik {
  position: relative;
  color: #c7c7c7;
  font-weight: 600;
  padding: 5px 25px;
  display: inline-block;
  border: 2px solid #c7c7c7;
}

.baslik:before {
  position: absolute;
  content: "";
  background: #c7c7c7;
  width: 10px;
  top: 0px;
  bottom: 0px;
  left: -10px;
}

.baslik:after {
  position: absolute;
  content: "";
  background: #c7c7c7;
  width: 10px;
  top: 0px;
  bottom: 0px;
  right: -10px;
}

.text-white {
  color: white !important;
}

.aciklama strong {
  color: #c7c7c7;
}

.pr .aa1 {
  left: -5%;
  position: absolute;
  transform: rotate(-45deg);
  z-index: -1;
  height: 55%;
  width: 35%;
  transition: all 400ms;
}

.pr .aa2 {
  right: -5%;
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
  height: 55%;
  width: 35%;
  transition: all 400ms;
}

.pr:hover .aa1 {
  left: -5%;
  position: absolute;
  transform: rotate(-75deg);
  z-index: -1;
  height: 75%;
  width: 47%;
  transition: all 400ms;
}

.pr:hover .aa2 {
  right: -5%;
  position: absolute;
  transform: rotate(75deg);
  z-index: -1;
  height: 75%;
  width: 47%;
  transition: all 400ms;
}

.pr:hover img {
  transform: scale(0.9);
  transition: all 400ms;
}

.pr img {
  transform: scale(1);
  transition: all 400ms;
}

footer {
  padding-top: 60px;
}

.red {
  border-radius: 10px;
  transform: rotate(45deg);
  width: 70px;
  height: 70px;
  background-color: red;
}

.green {
  border-radius: 10px;
  width: 70px;
  height: 70px;
  background-color: green;
}

.blue {
  border-radius: 10px;
  width: 70px;
  height: 70px;
  background-color: blue;
}

.bg-main {
  background-color: #c7c7c7 !important;
}

a {
  text-decoration: none !important;
}

.mh {
  min-height: 600px !important;
}

.titlemain {
  transform: skewX(-15deg);
  padding-left: 25px;
  position: relative;
  font-weight: 600;
  font-size: 22px !important;
  color: black;
  display: inline-block;
}

.titlemain::before {
  content: "\f231";
  /* FontAwesome Unicode */
  font-family: bootstrap-icons;
  color: #000000;
  display: inline-block;
  margin-right: 5px;
  font-size: 23px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.sliderAnimate {
  animation: sa 25s ease-in-out infinite alternate;
}

.bx:hover img {
  border-radius: 1px;
  transform: scale(1.4) rotate(2deg);
  transition: all 4400ms ease-in-out;
}

.bx img {
  border-radius: 1px;
  transform: scale(1) rotate(0deg);
  transition: all 4400ms ease-in-out;
}

.glow-blue {
  animation: glowblue 1s ease-in-out infinite alternate;
}

.newsBox:hover .card-body {
  background: white;
  margin-top: -25px;
  transition: all 400ms;
}

.newsBox .card-body {
  background: white;
  margin-top: -15px;
  transition: all 400ms;
}

.bg-none {
  background: none !important;
}

a {
  text-decoration: none !important;
  color: inherit !important;
}

.cccc {
  right: 0px;
  z-index: 999999;
  top: -20px;
  animation-play-state: running;
  animation: aboutb 1000ms 1 forwards;
}

.r0 {
  right: 0px;
}

.l0 {
  left: 0px;
}

.b0 {
  bottom: 0px;
}

.t0 {
  top: 0px;
}

.alertbar {
  display: none;
}

.banner:hover {
  transform: scale(1.1);
  transition: all 400ms;
}

.banner {
  transform: scale(1);
  transition: all 400ms;
}

.katIma .position-absolute {
  width: 100%;
  height: 90%;
  background: rgba(247, 237, 1, 0.7);
  transform: scale(0);
  transition: all 400ms;
}

.katIma:hover .position-absolute {
  width: 100%;
  height: 90%;
  background: rgba(247, 237, 1, 0.7);
  transform: scale(1);
  transition: all 400ms;
}

.maincolor {
  color: #c7c7c7;
}

.bg-maincolor {
  background: #c7c7c7;
}

.text-main {
  color: #c7c7c7 !important;
}

.text-mainlight {
  color: #fffcc5;
}

.border-right-main {
  border-right: 1px solid #c7c7c7;
}

.border-left-main {
  border-left: 1px solid #c7c7c7;
}

.bg-main-gradient {
  background: linear-gradient(60deg, #c7c7c7 0%, #fef96f 100%);
}

.site-btn-dark {
  border-radius: 45px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: inline-block;
  background: #000000;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 35px;
  text-decoration: none;
  color: white;
}

.site-btn-dark:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: 260px;
  right: -160px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #aba401;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-dark:hover {
  color: white;
}

.site-btn-dark:hover:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: -250px;
  right: -50px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #aba401;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-dark:after {
  content: "";
  z-index: 4;
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 2px solid white;
}

.site-btn-light {
  border-radius: 45px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: inline-block;
  background: white;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 35px;
  text-decoration: none;
  color: #c7c7c7;
}

.site-btn-light:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: 260px;
  right: -60px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #c7c7c7;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-light:hover {
  color: #c7c7c7;
}

.site-btn-light:hover:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: -300px;
  right: -50px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #fef746;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-main {
  border-radius: 45px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: inline-block;
  background: #c7c7c7;
  text-align: center;
  font-weight: 400;
  padding: 10px 35px;
  text-decoration: none;
  color: white;
}

.site-btn-main:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: 160px;
  right: -60px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #000000;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-main:hover {
  color: white;
}

.site-btn-main:hover:before {
  z-index: -1;
  position: absolute;
  width: 150%;
  left: -200px;
  right: -50px;
  top: -50px;
  bottom: -50px;
  content: "";
  display: inline-block;
  border-radius: 160px;
  background: #000000;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 45px;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.site-btn-main-bordered {
  border-radius: 45px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: inline-block;
  border: 1px solid #c7c7c7;
  text-align: center;
  font-weight: 400;
  padding: 10px 35px;
  text-decoration: none;
  color: #c7c7c7 !important;
  transition: all 400ms;
}

.site-btn-main-bordered:hover {
  border-radius: 45px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  display: inline-block;
  border: 1px solid #c7c7c7;
  text-align: center;
  font-weight: 400;
  padding: 10px 35px;
  text-decoration: none;
  color: white !important;
  background-color: #c7c7c7;
  transition: all 400ms;
}

.katBg {
  background: rgba(0, 0, 0, 0.2) !important;
  transition: all 400ms;
}

.katBgnone {
  background: none !important;
  transition: all 400ms;
}

.description ul {
  padding: 0px;
  margin: 0px;
  padding-left: 60px !important;
  list-style-type: none;
}

.description ul li {
  font-weight: 500;
  margin-top: 7px;
  margin-bottom: 7px;
  display: bloack;
  position: relative;
}

.description ul li:before {
  content: "\f231";
  font-size: 18px;
  font-family: bootstrap-icons;
  color: #000000;
  padding: 2px;
  z-index: 99;
  position: absolute;
  top: 0;
  left: -28px;
}

.list-group-item {
  background: none;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

.descriptionlight ul {
  padding: 0px;
  margin: 0px;
  padding-left: 60px !important;
  list-style-type: none;
}

.descriptionlight ul li {
  font-weight: 500;
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
  position: relative;
}

.descriptionlight ul li:before {
  content: "\f287";
  font-size: 18px;
  font-family: bootstrap-icons;
  color: white;
  padding: 2px;
  z-index: 99;
  position: absolute;
  top: 0;
  left: -28px;
}

.quete {
  position: relative;
  padding: 25px;
  padding-left: 60px;
  border: 2px dotted #c7c7c7;
  margin-bottom: 20px;
  font-weight: 700 !important;
  font-size: 24px;
  border-radius: 5px;
}

.quete:before {
  content: "\f272";
  /* FontAwesome Unicode */#c9c9c9
  font-family: bootstrap-icons;
  display: inline-block;
  width: 1.3em;
  /* same as padding-left set on li */
  color: #c7c7c7;
  position: absolute;
  left: 15px;
  top: 0px;
  font-size: 40px;
}

.navbar-position-absolute {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  background: transparent;
  z-index: 2;
}
.bbg {
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.nav-scroll {
  background: #2F303D;
background: linear-gradient(180deg,rgba(47, 48, 61, 1) 0%, rgba(116, 116, 138, 1) 100%); 
 /* background-color: #212529;*/
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 8px 0px;
  transition: transform 0.5s;
  transform: translateY(100px);
  border: none;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
.nav-scroll .nav-link { color:white!important}
.nv {
  background: #c7c7c7 !important;
}

.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border: none !important;
}

.um .nav-link {
  font-size: 14px;
  font-weight: 400;
}

.nav-link {
  color: white !important;
  font-size: 1.1em !important;
  text-transform: uppercase;
  position: relative;
}

.nav-link:hover {
  background: #625f4e;
  color: white !important;
}

.nav-item .active {
  background: #625f4e;
  color: white;
}

footer {
  font-weight: 400;
  padding-bottom: 100px;
  padding-top: 60px;
}

footer ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

footer ul li {
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
  position: relative;
}

footer ul li a {
  padding-left: 10px;
}

footer ul li:before {
  content: "\f231";
  font-size: 12px;
  font-family: bootstrap-icons;
  color: #c7c7c7;
  z-index: 99;
}

.megamenu .mm a:hover {
  background-color: #fef746;
  color: white !important;
  transition: all 400ms;
}

.text-white {
  color: white !important;
}

.bebas {
  font-family: Bebas Neue, "cursive";
}

.nav-tabs li a {
  font-weight: bold;
  position: relative;
  padding-left: 35px;
  font-size: 14px;
}

.nav-tabs li a:before {
  content: "\f280";
  /* FontAwesome Unicode */
  font-family: bootstrap-icons;
  display: inline-block;
  width: 1.3em;
  /* same as padding-left set on li */
  color: #c7c7c7;
  position: absolute;
  left: 15px;
}

.fz-8 {
  font-size: 8px !important;
}

.fz-9 {
  font-size: 9px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-11 {
  font-size: 11px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-17 {
  font-size: 17px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-19 {
  font-size: 19px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-21 {
  font-size: 21px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-23 {
  font-size: 23px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-27 {
  font-size: 27px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-29 {
  font-size: 29px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-31 {
  font-size: 31px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-33 {
  font-size: 33px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.fz-37 {
  font-size: 37px !important;
}

.fz-38 {
  font-size: 38px !important;
}

.fz-39 {
  font-size: 39px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-41 {
  font-size: 41px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-43 {
  font-size: 43px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-47 {
  font-size: 47px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-49 {
  font-size: 49px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-51 {
  font-size: 51px !important;
}

.fz-52 {
  font-size: 52px !important;
}

.fz-53 {
  font-size: 53px !important;
}

.fz-54 {
  font-size: 54px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-56 {
  font-size: 56px !important;
}

.fz-57 {
  font-size: 57px !important;
}

.fz-58 {
  font-size: 58px !important;
}

.fz-59 {
  font-size: 59px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-61 {
  font-size: 61px !important;
}

.fz-62 {
  font-size: 62px !important;
}

.fz-63 {
  font-size: 63px !important;
}

.fz-64 {
  font-size: 64px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-66 {
  font-size: 66px !important;
}

.fz-67 {
  font-size: 67px !important;
}

.fz-68 {
  font-size: 68px !important;
}

.fz-69 {
  font-size: 69px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-71 {
  font-size: 71px !important;
}

.fz-72 {
  font-size: 72px !important;
}

.fz-73 {
  font-size: 73px !important;
}

.fz-74 {
  font-size: 74px !important;
}

.fz-75 {
  font-size: 75px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px !important;
}

.lh-35 {
  line-height: 35px !important;
}

.lh-36 {
  line-height: 36px !important;
}

.lh-37 {
  line-height: 37px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.lh-39 {
  line-height: 39px !important;
}

.lh-40 {
  line-height: 40px !important;
}

.lh-41 {
  line-height: 41px !important;
}

.lh-42 {
  line-height: 42px !important;
}

.lh-43 {
  line-height: 43px !important;
}

.lh-44 {
  line-height: 44px !important;
}

.lh-45 {
  line-height: 45px !important;
}

.lh-46 {
  line-height: 46px !important;
}

.lh-47 {
  line-height: 47px !important;
}

.lh-48 {
  line-height: 48px !important;
}

.lh-49 {
  line-height: 49px !important;
}

.lh-50 {
  line-height: 50px !important;
}

.lh-51 {
  line-height: 51px !important;
}

.lh-52 {
  line-height: 52px !important;
}

.lh-53 {
  line-height: 53px !important;
}

.lh-54 {
  line-height: 54px !important;
}

.lh-55 {
  line-height: 55px !important;
}

.lh-56 {
  line-height: 56px !important;
}

.lh-57 {
  line-height: 57px !important;
}

.lh-58 {
  line-height: 58px !important;
}

.lh-59 {
  line-height: 59px !important;
}

.lh-60 {
  line-height: 60px !important;
}

.fz-8 {
  font-size: 8px !important;
}

.fz-9 {
  font-size: 9px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-11 {
  font-size: 11px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-17 {
  font-size: 17px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-19 {
  font-size: 19px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-21 {
  font-size: 21px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-23 {
  font-size: 23px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-27 {
  font-size: 27px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-29 {
  font-size: 29px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-31 {
  font-size: 31px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-33 {
  font-size: 33px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.fz-37 {
  font-size: 37px !important;
}

.fz-38 {
  font-size: 38px !important;
}

.fz-39 {
  font-size: 39px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-41 {
  font-size: 41px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-43 {
  font-size: 43px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-47 {
  font-size: 47px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-49 {
  font-size: 49px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-51 {
  font-size: 51px !important;
}

.fz-52 {
  font-size: 52px !important;
}

.fz-53 {
  font-size: 53px !important;
}

.fz-54 {
  font-size: 54px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-56 {
  font-size: 56px !important;
}

.fz-57 {
  font-size: 57px !important;
}

.fz-58 {
  font-size: 58px !important;
}

.fz-59 {
  font-size: 59px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-61 {
  font-size: 61px !important;
}

.fz-62 {
  font-size: 62px !important;
}

.fz-63 {
  font-size: 63px !important;
}

.fz-64 {
  font-size: 64px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-66 {
  font-size: 66px !important;
}

.fz-67 {
  font-size: 67px !important;
}

.fz-68 {
  font-size: 68px !important;
}

.fz-69 {
  font-size: 69px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-71 {
  font-size: 71px !important;
}

.fz-72 {
  font-size: 72px !important;
}

.fz-73 {
  font-size: 73px !important;
}

.fz-74 {
  font-size: 74px !important;
}

.fz-75 {
  font-size: 75px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px !important;
}

.lh-35 {
  line-height: 35px !important;
}

.lh-36 {
  line-height: 36px !important;
}

.lh-37 {
  line-height: 37px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.lh-39 {
  line-height: 39px !important;
}

.lh-40 {
  line-height: 40px !important;
}

.btn-1 {
  border-radius: 4px;
  border: none !important;
  background: #c7c7c7;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-1 {
  border: 2px solid #c7c7c7;
}

.bg-1 {
  background-color: #c7c7c7 !important;
}

.text-1 {
  color: #c7c7c7;
}

.btn-2 {
  border-radius: 4px;
  border: none !important;
  background: #000000;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-2 {
  border: 2px solid #000000;
}

.bg-2 {
  background-color: #000000 !important;
}

.text-2 {
  color: #000000;
}

.btn-3 {
  border-radius: 4px;
  border: none !important;
  background: #c3fcf1;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-3 {
  border: 2px solid #c3fcf1;
}

.bg-3 {
  background-color: #c3fcf1 !important;
}

.text-3 {
  color: #c3fcf1;
}

.btn-4 {
  border-radius: 4px;
  border: none !important;
  background: #423B62;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-4 {
  border: 2px solid #423B62;
}

.bg-4 {
  background-color: #423B62 !important;
}

.text-4 {
  color: #423B62;
}

.btn-5 {
  border-radius: 4px;
  border: none !important;
  background: #bbb48f;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-5 {
  border: 2px solid #bbb48f;
}

.bg-5 {
  background-color: #bbb48f !important;
}

.text-5 {
  color: #bbb48f;
}

.btn-6 {
  border-radius: 4px;
  border: none !important;
  background: #9e734e;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-6 {
  border: 2px solid #9e734e;
}

.bg-6 {
  background-color: #9e734e !important;
}

.text-6 {
  color: #9e734e;
}

.btn-7 {
  border-radius: 4px;
  border: none !important;
  background: #957b67;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-7 {
  border: 2px solid #957b67;
}

.bg-7 {
  background-color: #957b67 !important;
}

.text-7 {
  color: #957b67;
}

.btn-8 {
  border-radius: 4px;
  border: none !important;
  background: white;
  padding: 10px 22px;
  text-align: center;
  color: white !important;
}

.border-8 {
  border: 2px solid white;
}

.bg-8 {
  background-color: white !important;
}

.text-8 {
  color: white;
}

.my-6 {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.my-7 {
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.my-8 {
  margin-bottom: 6rem;
  margin-top: 6rem;
}

.mt-6 {
  margin-top: 4rem;
}

.mt-7 {
  margin-top: 5rem;
}

.mt-8 {
  margin-top: 6rem;
}

.mb-6 {
  margin-bottom: 4rem;
}

.mb-7 {
  margin-bottom: 5rem;
}

.mb-8 {
  margin-bottom: 6rem;
}

.fw-3 {
  font-weight: 300 !important;
}

.fw-4 {
  font-weight: 400 !important;
}

.fw-5 {
  font-weight: 500 !important;
}

.fw-6 {
  font-weight: 600 !important;
}

.fw-7 {
  font-weight: 700 !important;
}

.fw-8 {
  font-weight: 800 !important;
}

.fw-9 {
  font-weight: 900 !important;
}

.contactForm .form-group {
  margin-top: 20px;
}

.contactForm .form-group label {
  font-weight: 600;
}

.contactForm .form-control {
  border: none !important;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  color: lightgray;
}

.bg-main2 {
  background: #000000 !important;
}

.contactForm .form-control:focus {
  box-shadow: none;
  border: none !important;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
}

.mmmenu .p-2:hover {
  transform: scale(1.1);
  transition: all 400ms;
}

.mmmenu .p-2 {
  transform: scale(1);
  transition: all 400ms;
}

.mmmenu img {
  border-left: 4px solid #4c5e70;
}

.custom-btn {
  border-radius: 3px;
  font-size: 1em !important-2;
  background: #c7c7c7 !important;
  color: white !important;
  padding: 8px 14px;
  display: inline-block;
  text-align: center;
}

.custom-btn:hover {
  border-radius: 3px;
  font-size: 1em !important-2;
  background: #c7c7c7 !important;
  color: white !important;
  padding: 8px 14px;
  display: inline-block;
  text-align: center;
}

.ctab ul {
  list-style-type: none;
}

.ctab ul li a {
  font-weight: 400;
  display: block;
  padding: 3px 0px !important;
}

.ctab ul li a:before {
  content: "\f285";
  font-family: bootstrap-icons;
  margin-right: 10px;
  font-size: 17px !important;
  line-height: 27px;
  color: #c7c7c7;
}

.nvb-font {
  font-size: 0.9em;
}

.carousel-control-next, .carousel-control-prev {
  width: 7% !important;
}

.middle-kose {
  width: 50px;
  height: 50px;
  background-color: #000000;
  right: 25px;
  top: -25px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 900ms;
}

.middle-kose2 {
  width: 50px;
  height: 50px;
  background-color: #c7c7c7;
  left: 15px;
  bottom: -45px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 200ms;
}

.mmee:hover .middle-kose {
  width: 50px;
  height: 50px;
  background-color: #000000;
  right: 43%;
  top: -25px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 900ms;
}

.mmee:hover .middle-kose2 {
  width: 50px;
  height: 50px;
  background-color: #c7c7c7;
  left: 42%;
  bottom: -45px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 200ms;
}

.site-btn {
  padding: 6px;
  margin-right: 5px;
  border-radius: 5px;
}

.container {
  max-width: 1450px;
}

.sidebar {
  overflow-y: scroll;
  position: fixed;
  left: -280px;
  bottom: 0;
  top: 0;
  z-index: 99999;
  width: 280px;
  padding: 10px;
  background: #2f303d !important;
  color: #fff;
  height: 100vh;
  transition: 0.4s;
}

.adresler i {
  background: #c7c7c7;
  color: gray !important;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 19px !important;
}

.adresler .ms-3 p:first-of-type {
  font-weight: bold;
  margin: 0px !important;
  line-height: 1;
}

.adresler .ms-3 p a {
  text-decoration: none !important;
  color: inherit;
}

.sidebar .adresler i {
  background: #c7c7c7;
  color: white;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}

.sidebar .adresler .ms-3 p:first-of-type {
  font-weight: 400 !important;
  margin: 0px !important;
  line-height: 1;
}

.sidebar .adresler .ms-3 p a {
  text-decoration: none !important;
  color: inherit;
}

.sidebar .nav-link {
  font-weight: 500;
  padding: 5px 0px !important;
}

.sidebar .nav-link:hover {
  font-weight: 500;
  padding: 5px 0px !important;
}

.sidebar .nav-link {
  font-weight: 500;
  padding: 5px 0px !important;
}

.sidebar .nav-link:hover {
  font-weight: 500;
  padding: 5px 0px !important;
}

.opening {
  left: 0;
  transition: 0.4s;
}

.closing {
  left: -280px;
  transition: 0.4s;
}

.navbar .megamenu {
  padding: 1rem;
}

.mm {
  -moz-column-count: 4;
       column-count: 4;
}

@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    top: 113px;
  }
}
.footerTitle {
  text-transform: uppercase;
  color: #c7c7c7 !important;
  font-weight: 900;
  margin-bottom: 35px;
  position: relative;
  display: inline-block;
}

.footerTitle:after {
  content: "";
  background-color: #c7c7c7;
  width: 60px;
  display: inline-block;
  height: 2px;
  position: absolute;
  bottom: -6px;
  left: 0px;
  z-index: 10;
}

.footerTitle:before {
  content: "";
  background-color: #c7c7c7;
  width: 30px;
  display: inline-block;
  height: 2px;
  position: absolute;
  bottom: -14px;
  left: 0px;
  z-index: 10;
}

.araBaslik {
  transform: skew(-10deg);
  background: #c7c7c7;
  padding: 0px 15px;
  padding-left: 20px;
  text-transform: uppercase;
  font-weight: 900 !important;
  color: #fff400;
  margin-bottom: 35px;
  position: relative;
  font-size: 1.2em;
  display: inline-block;
}

.araBaslik:after {
  content: "";
  background-color: #fff400;
  width: 10px;
  display: inline-block;
  height: 33px;
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.araBaslikLight {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
  position: relative;
  font-size: 1.2em;
  display: inline-block;
  color: white;
}

.araBaslikLight:after {
  content: "";
  background-color: #fef979;
  width: 60px;
  display: inline-block;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0px;
  z-index: 10;
}

.araBaslikLight:before {
  content: "";
  background-color: #fef979;
  width: 30px;
  display: inline-block;
  height: 3px;
  position: absolute;
  bottom: -14px;
  left: 0px;
  z-index: 10;
}

.owl-carousel .owl-stage {
  display: flex;
  padding: 0 10px;
}

.owl-item {
  display: flex;
}
.accordion-body .list-group-item { color:white!important}
.accordion-item {
  background: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.accordion-button {
  padding: 8px;
  background: rgba(256,256, 256, 0.6) !important;
  color: black;
  font-size: 13px;
  font-weight: 600;
}

.accordion-button:not(.collapsed) {
  padding: 8px;
  background: rgba(256,256, 256, 0.6) !important;
  color: black;
  font-size: 13px;
  font-weight: 600;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #c7c7c7;
  outline: 0;
  box-shadow: none;
}