@import url(https://fonts.googleapis.com/css?family=Sora);
@import url(https://fonts.googleapis.com/css2?family=Sora:wght@800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sora:wght@200&display=swap);
.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  overflow-x: hidden;
  color: white;
  font-family: Sora, sans-serif;
  font-size: 16px;
}

.single-media .media-name, .single-product-secondary .product-button, .single-product-primary .product-button, .secondary-button, .primary-button {
  padding: 8px 20px;
  transition: 0.4s;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: white;
}

p {
  margin: 0;
}

.text-primary {
  color: #83DB5D !important;
}

.text-secondary {
  color: #0D57A4 !important;
}

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

.form-control {
  border-radius: 0 !important;
}
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

.home-media, .world-section, .home-catalog, .urun-grubu, .hakkimizda, .start-content, .product-category, .footer, .buleten, .slider {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.header {
  padding: 20px 0 12px 0;
  width: 100%;
  margin: 0 !important;
  z-index: 100;
  background-position: center;
  background-size: 120%;
  transition: 0.4s;
}
.header .header-logo {
  width: 135px;
}
.header .nav-item {
  margin: 0 1.3333333333vw;
}
.header .nav-link {
  color: white;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
}
.header .dropdown-item {
  color: white;
  font-size: 14px;
}
.header .nav-link:hover {
  color: #83DB5D;
}
.header .language {
  font-size: 16px;
  content: "language";
}
.header .language-flag {
  max-width: 30px;
}
.header .dropdown-menu[data-bs-popper] {
  left: 0;
  border: none !important;
  background: #0D57A4;
  min-width: 20px;
}
.header .dropdown-item:focus, .header .dropdown-item:hover {
  background-color: transparent;
}
.header .dropdown-item:focus img, .header .dropdown-item:hover img {
  opacity: 0.8;
}

.header-scrolled {
  padding: 5px 0 3px 0 !important;
  transition: 0.4s;
  background-color: #0D57A4 !important;
  position: fixed !important;
  background-image: none !important;
}

.slider {
  z-index: 1;
  top: 0;
  height: 100vh;
}
.slider .owl-carousel .item {
  background-size: 120%;
  background-position: center;
  background-color: #0D57A4;
  height: 100vh;
  background-repeat: no-repeat;
}
.slider .owl-carousel .item .container {
  position: relative;
  top: 30vh;
}
.slider .owl-carousel .item .container p {
  width: 100%;
  color: #83DB5D;
  font-size: 20px;
  font-weight: 600;
}
.slider .owl-carousel .item .container h1 {
  font-weight: bold;
}
.slider .owl-carousel .item .rotated {
  position: absolute;
  top: 33.3vh;
  font-size: 14px;
  left: 30px;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
  transform: rotate(-180deg);
}
.slider .owl-carousel .item .rotated-right {
  top: auto !important;
  bottom: 10px;
  position: relative;
  font-size: 14px;
  right: 50px;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
}
.slider .owl-carousel .item .rotated-right a {
  color: white;
}
.slider .owl-carousel .item .rotated-right a i {
  font-size: 40px;
  font-weight: normal;
}

.buleten {
  margin-top: 50px;
  background-color: #83DB5D;
  padding: 50px 0;
}
.buleten .container > .row > .col-md-12 p {
  font-size: 14px;
  opacity: 0.8;
}
.buleten .container > .row > .col-md-12 h1 {
  font-size: 20px;
  font-weight: bold;
}
.buleten .container > .row > .col-md-12 input {
  border: none;
  padding: 6px;
  padding-left: 20px;
  color: rgba(61, 61, 61, 0.87);
  width: 100%;
}
.buleten .container > .row > .col-md-12 input:focus {
  outline: none;
}
.buleten .container > .row > .col-md-12 i {
  position: absolute;
  right: 10px;
  color: #83DB5D;
  font-size: 30px;
  cursor: pointer;
}

.footer {
  padding: 50px;
  background-size: cover;
  background-position: center;
  background-color: #0D57A4;
  background-repeat: no-repeat;
  position: relative;
}
.footer .footer-over {
  background-color: #0D57A4;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.footer .container {
  position: relative;
  z-index: 1;
}
.footer .container .row p {
  color: #83DB5D;
  margin-bottom: 20px;
  font-weight: bold;
}
.footer .container .row ul {
  list-style: none;
  padding: 0;
}
.footer .container .row ul li {
  margin: 10px 0;
  font-size: 14px;
  opacity: 0.8;
}
.footer .container .row ul li a {
  display: block;
}
.footer .container .row ul li a:hover {
  color: #83DB5D;
}
.footer .container .row .social .material-icons {
  font-size: 50px;
  color: #83DB5D;
}

.product-category {
  padding: 50px 0;
}

.start-content .container-fluid {
  padding: 0;
  margin: 0;
}

.breadcrumb {
  margin: 0;
  overflow: hidden !important;
}
.breadcrumb .breadcrumb-title {
  height: 100px;
  background-color: white;
  position: absolute;
  width: 40%;
  right: -50px;
  font-size: 90px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 2px black;
}

.contact-title {
  display: flex;
  align-items: center;
  align-content: center;
  color: #0D57A4;
}
.contact-title h2 {
  font-weight: bold;
  margin: auto;
  margin-right: 5px;
}
.contact-title .material-icons {
  margin: auto;
  margin-left: 0;
  font-size: 50px;
  font-weight: normal !important;
}

.contact-informations {
  color: #0D57A4;
  font-weight: bold;
}
.contact-informations p {
  margin-bottom: 30px;
}
.contact-informations i {
  margin-right: 20px;
}

.primary-input {
  border: none;
  outline: none;
  background-color: #fbffed;
  padding: 10px;
  padding-left: 20px;
  border-radius: 5px;
  color: #83DB5D;
  transition: 0.4s;
}
.primary-input::-moz-placeholder {
  color: #83DB5D;
}
.primary-input:-ms-input-placeholder {
  color: #83DB5D;
}
.primary-input::placeholder {
  color: #83DB5D;
}
.primary-input:focus {
  outline: none;
  background-color: #83DB5D;
  color: white;
}
.primary-input:focus::-moz-placeholder {
  color: white;
}
.primary-input:focus:-ms-input-placeholder {
  color: white;
}
.primary-input:focus::placeholder {
  color: white;
}

.secondary-input {
  border: none;
  outline: none;
  background-color: #edf1ff;
  padding: 10px;
  padding-left: 20px;
  border-radius: 5px;
  color: #0D57A4;
  transition: 0.4s;
}
.secondary-input::-moz-placeholder {
  color: #0D57A4;
}
.secondary-input:-ms-input-placeholder {
  color: #0D57A4;
}
.secondary-input::placeholder {
  color: #0D57A4;
}
.secondary-input:focus {
  outline: none;
  background-color: #0D57A4;
  color: white;
}
.secondary-input:focus::-moz-placeholder {
  color: white;
}
.secondary-input:focus:-ms-input-placeholder {
  color: white;
}
.secondary-input:focus::placeholder {
  color: white;
}

.hakkimizda {
  background-size: 100%;
  position: relative;
  top: -50px;
  z-index: 10;
  padding-bottom: 50px;
}

.about-us-primary {
  padding: 30px;
  border-top-right-radius: 100px;
  background-color: #83DB5D;
  transition: 0.4s;
}
.about-us-primary h4 {
  font-weight: bold;
}
.about-us-primary p {
  color: black;
  font-size: 14px;
}
.about-us-primary a {
  font-size: 18px;
  transition: 0.4s;
}
.about-us-primary .material-icons {
  font-size: 44px;
}
.about-us-primary:hover {
  background-color: #2c7cce;
}
.about-us-primary:hover a {
  margin-left: 50px;
}

.urun-grubu .container-fluid {
  padding: 0;
  margin: 0;
}

.catalog {
  background-color: #E7FAEB;
  background-repeat: no-repeat;
  background-position-y: 20px;
  overflow: hidden;
  position: relative;
  height: 80vh;
}
.catalog img {
  transition: 0.4s;
}
.catalog:hover img {
  width: 65%;
}

.detail-article {
  padding: 30px;
  background-color: #fbffed;
  border-radius: 20px;
  transition: 0.4s;
}
.detail-article:hover {
  background-color: #83DB5D;
}

.home-media a {
  transition: 0.4s;
}
.home-media a:hover {
  color: black;
  margin-left: 10px;
}

.coperate-article h1, .coperate-article h2, .coperate-article h3, .coperate-article h4, .coperate-article h5, .coperate-article h6 {
  color: #83DB5D !important;
  font-weight: bold;
}
.coperate-article span, .coperate-article b {
  color: #0D57A4;
}
.coperate-article p {
  color: black;
}

.primary-button {
  background-color: #83DB5D;
  color: white;
  border: 1px solid #83DB5D;
  border-radius: 5px;
}
.primary-button:hover {
  background-color: white;
  border: 1px solid #83DB5D;
  color: #83DB5D;
}

.category-list-button {
  border-radius: 10px;
  background-color: rgba(184, 255, 156, 0.17) !important;
  border: none !important;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.category-list-button:hover {
  background-color: #83DB5D !important;
}

.secondary-button {
  background-color: white;
  color: #83DB5D;
  border: 1px solid #83DB5D;
  border-radius: 5px;
}
.secondary-button:hover {
  background-color: #83DB5D;
  border: 1px solid #83DB5D;
  color: white;
}

.rotated-left {
  position: absolute;
  top: 33.5vh;
  font-size: 14px;
  left: 30px;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
  transform: rotate(-180deg);
}

.rotated-right {
  z-index: 10;
  position: absolute;
  top: 33.5vh;
  font-size: 14px;
  right: 30px;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
}

.rotate-180 {
  transform: rotate(180deg);
}

.content-name {
  text-align: center;
  color: rgba(61, 61, 61, 0.87);
  font-weight: bold;
  font-size: 18px;
}
.content-name:hover {
  border-bottom: 2px solid #83DB5D;
}

.text-primary {
  color: #83DB5D !important;
}

.number-default img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.number-default h1 {
  color: #83DB5D !important;
  font-size: 60px;
  font-weight: lighter;
}
.number-default p {
  color: rgba(61, 61, 61, 0.87);
  font-size: 16px;
}
.number-default p span {
  font-weight: normal;
  color: black;
}

.slogan-muted {
  margin-top: 20px;
  width: 100%;
}
.slogan-muted h1 {
  color: rgba(61, 61, 61, 0.87);
  opacity: 0.1;
  font-weight: bold;
  font-size: 80px;
}

.filter-gray {
  filter: grayscale(100%);
}

.primary-article p {
  color: rgba(61, 61, 61, 0.87);
  font-size: 14px;
  opacity: 0.6;
}
.primary-article h1 {
  color: rgba(61, 61, 61, 0.87);
  font-weight: lighter;
}

.secondary-article p {
  color: white;
  font-size: 14px;
  opacity: 0.6;
}
.secondary-article h1 {
  color: #83DB5D;
  font-weight: lighter;
}

.right-image-article {
  padding: 50px 0;
  padding-left: 80px;
}

.bg-secondary {
  background-color: #0D57A4 !important;
}

.bg-primary {
  background-color: #83DB5D !important;
}

.border-none {
  border: none !important;
}

.border-left {
  border-left: 1px solid rgba(61, 61, 61, 0.87);
}

.product-name h1 {
  color: rgba(61, 61, 61, 0.87);
}
.product-name p {
  color: #83DB5D;
  font-size: 20px;
  font-weight: bold;
}

.product-detail {
  color: rgba(61, 61, 61, 0.87);
  opacity: 0.7;
}
.product-detail table {
  width: auto !important;
}
.product-detail table th, .product-detail table td {
  padding: 10px !important;
  width: auto !important;
  white-space: nowrap;
  text-align: center !important;
  border: 1px solid rgb(226, 227, 228);
  background-color: ghostwhite;
}
.product-detail table tr:first-child > td {
  background-color: #0D57A4 !important;
  color: white !important;
}

.accordion .accordion-button {
  border: none;
  border-bottom: 1px solid #83DB5D;
}
.accordion .accordion-button:focus {
  outline: none;
  border: none;
  box-shadow: none !important;
  border-bottom: 1px solid #83DB5D;
}
.accordion .accordion-button:not(.collapsed) {
  color: #83DB5D !important;
  background: none !important;
  box-shadow: none !important;
}

.nav-tabs .nav-item .nav-link {
  color: #0D57A4;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 25px;
  opacity: 0.6;
}
.nav-tabs .nav-item .active {
  opacity: 1 !important;
}

.confirmation-text {
  background-color: white;
  border: 1px solid #0D57A4;
  color: rgba(61, 61, 61, 0.87);
  font-style: italic;
  height: 25px;
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
}

.single-product-primary {
  position: relative;
  text-align: center;
  width: 90%;
  border: 1px solid #83DB5D;
  overflow: hidden;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  transition: 0.4s;
  justify-content: center;
}
.single-product-primary .product-button {
  width: 50%;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  position: absolute;
  background-color: white;
  color: #83DB5D;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, 0);
}
.single-product-primary .single-product-name {
  color: #83DB5D;
  width: 100%;
  display: block;
}
.single-product-primary img {
  height: 300px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 20px;
  transition: 0.4s;
}
.single-product-primary:hover {
  background-color: #83DB5D;
}
.single-product-primary:hover .single-product-name {
  color: white;
}
.single-product-primary:hover .product-button {
  bottom: 50px;
}

.single-product-secondary {
  position: relative;
  text-align: center;
  width: 90%;
  border: 1px solid #0D57A4;
  overflow: hidden;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  transition: 0.4s;
  justify-content: center;
}
.single-product-secondary .product-button {
  width: 50%;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  position: absolute;
  background-color: white;
  color: #0D57A4;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, 0);
}
.single-product-secondary .single-product-name {
  color: #0D57A4;
  width: 100%;
  display: block;
}
.single-product-secondary img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 20px;
  transition: 0.4s;
}
.single-product-secondary:hover {
  background-color: #0D57A4;
}
.single-product-secondary:hover .single-product-name {
  color: white;
}
.single-product-secondary:hover .product-button {
  bottom: 50px;
}

.single-product-name {
  width: 80% !important;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-item .page-link {
  color: #83DB5D !important;
}

.pagination .active .page-link {
  background-color: #83DB5D !important;
  color: white !important;
  border: 1px solid #83DB5D;
}

.single-media {
  position: relative;
  overflow: hidden;
}
.single-media .media-name {
  width: 50%;
  padding: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom: 4px solid white;
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  position: absolute;
  background-color: #83DB5D;
  color: white;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, 0);
}
.single-media:hover .media-name {
  bottom: 40px;
}
.single-media img {
  height: 280px;
}

@media only screen and (max-width: 992px) {
  .header {
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-image: none !important;
  }
  .header .navbar-nav {
    padding: 20px !important;
    background-color: #0D57A4 !important;
    opacity: 0.9;
    margin-top: 10px;
    position: absolute;
    width: 100%;
    z-index: 100000;
  }
  .header .navbar-nav li {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .slider .owl-carousel .item {
    background-size: cover;
  }
  .slider .owl-carousel .item .container {
    top: 20vh;
  }
  .hakkimizda {
    padding-bottom: 0 !important;
    top: auto !important;
  }
  .about-us-primary {
    border-top-right-radius: 0;
  }
  .single-product-primary, .single-product-secondary {
    margin: auto;
  }
  .home-absolue-title {
    position: relative !important;
  }
  .catalog {
    height: auto !important;
  }
  .buleten img {
    width: 100px !important;
    margin-top: 20px;
  }
  .media-main-row {
    height: auto !important;
  }
  .breadcrumb {
    margin: 0;
    overflow: hidden;
    padding-bottom: 5px !important;
  }
  .breadcrumb .breadcrumb-title {
    text-align: center;
    position: relative !important;
    right: auto !important;
    font-size: 50px;
  }
  .product-detail {
    width: 100% !important;
    overflow: scroll;
  }
  .product-detail table {
    width: auto !important;
  }
  .product-detail table th, .product-detail table td {
    padding: 5px !important;
    width: auto !important;
  }
  .category-list-button {
    display: block !important;
  }
  .product-category {
    padding-top: 0 !important;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-logo img {
    width: 100px !important;
  }
  .w-60 {
    width: 80% !important;
  }
  .right-image-article {
    padding-left: 20px;
  }
  .right-image-article h1 {
    max-width: 80% !important;
  }
  .right-image-article p {
    max-width: 80% !important;
  }
  .breadcrumb {
    padding-left: 20px;
  }
  .start-content {
    top: 0;
    margin-bottom: 0 !important;
  }
  .start-content .container-fluid > .row .right {
    padding-left: 20px;
  }
  .urun-grubu .container-fluid .row > .right {
    padding: 20px;
  }
  .uretim .container-fluid .row > .left {
    padding: 20px;
  }
  .number .container-fluid .row > .left-2 {
    padding-left: 0;
  }
  .buleten .container-fluid > .row > .col-md-10 .col-md-10 {
    padding-left: 0;
  }
  .right-menu-category {
    position: static;
    top: 0;
    left: 0;
  }
  .menu-head img {
    max-width: 50% !important;
  }
  .contact-form {
    width: 100% !important;
  }
  .hakkimizda .right .number-top {
    font-size: 100px;
    top: 60px;
  }
  .hakkimizda .right .number-bottom {
    font-size: 100px;
    left: -40px;
    top: -15px;
  }
  .hakkimizda .right h1 {
    font-size: 50px;
  }
  .footer {
    padding: 50px 0;
  }
  .breadcrumb {
    height: auto;
    padding-bottom: 50px;
  }
  .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    padding: 5px 15px;
  }
}
.icerik {
color: #000;
font-family: inherit !important;
}
.icerik li a{
	color: #000;
  font-family: inherit !important;
};

.icerik li a:hover{
	color: blue;
  font-family: inherit !important;
};