/*
    Document   : default.css
    Created on : 29.08.2023
    Author     : Nuri Erdogan
    Description:
        Purpose of the stylesheet follows.
*/


:root {
--color: #80878f;
--color1: #fff;
--color0: #000;
--color2: #252b33;
--color3: #f5f5f5;
--cbutton: #f4511e;
--colorm: #b23ab6;
--colorp: #7de5e5;
--color6: #0d1833;
--color4: #8e8e8e;
--color5: #cccccc;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  font-weight:normal;
}
root {
	display: block;
}

.row,
.row-content {
  position: relative
}

.form .form-row .field button {
  font-size: inherit;
  font-family: inherit
}

body {
  background-color: var(--color1);
  color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

a {
  color: #0068a5
}

* {
  box-sizing: border-box
}
.anchor{
  cursor: pointer;
  transition: all .25s ease-in-out;
}
.anchor:hover {
  transform: scale(1.1, 1.1);
}
body,
h1,
h2,
p {
  margin: 0
}

.menu .hamburger-trigger {
  display: none
}

.row-content {
  max-width: 1345px;
  margin: 0 auto;
  display: flex
}
.content1{
  width: 100%;
  background-color: var(--color6);
}

/* .row-content.reverse, */
/* .row-content.reverse .col {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
} */

.row-content .col-w3 {
  flex-basis: 25%
}

.row-content .col-w4 {
  flex-basis: 33%
}

.row-content .col-w5 {
  flex-basis: 42%
}

.row-content .col-w6 {
  flex-basis: 50%
}

.row-content .col-w7 {
  flex-basis: 58%
}

.row-17 .col-1 .block-3 div.label:not(.inline),
.row-17 .col-1 .block-3 label:not(.inline),
.row-content .col-w12 {
  flex-basis: 100%
}

.button .content,
.row-17 .col-1 .block-3 .button-container {
  text-align: center
}

.button a,
.icon .icon-label-right a,
.menu ul li a {
  text-decoration: none
}

.divider,
.image {
  overflow: auto
}

.divider .center,
.image .center {
  margin: 0 auto
}

.row-12 .col-2 .block-1,
.row-14 .col-1 .block-1,
.row-17 .col-1 .block-3 .form-row:not(.sidelabel) input:not([type=checkbox]):not([type=radio]),
.row-17 .col-2 .block-1,
.row-20 .col-1 .block-1,
.row-6 .col-1 .block-1,
.row-6 .col-2 .block-1,
.row-6 .col-3 .block-1,
.row-9 .col-1 .block-2,
.row-9 .col-2 .block-2,
.row-9 .col-3 .block-2,
.row-9 .col-4 .block-2 {
  width: 100%
}

.form .form-row .field {
  padding: 3px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center
}

.form .form-row .field.inline-field {
  flex-wrap: nowrap;
  align-items: flex-start;
  display: block
}

.form .form-row .field .form-option-wrapper {
  align-items: flex-start;
  display: inline-flex
}

.form .form-row .field input:not([type=checkbox]):not([type=radio]) {
  flex-grow: 1;
  font-family: inherit;
  font-size: inherit
}

.form .form-row .field input[type=checkbox]:not(:first-of-type) {
  margin-left: 15px
}

.form .form-row .field .button-container {
  flex-grow: 1
}

.form input[type=color] {
  border: none;
  height: 38px
}

.form input[type=color]::-webkit-color-swatch-wrapper {
  margin: 0;
  padding: 2px
}

.menu ul {
  margin: 0;
  padding: 0
}

.form input[type=color]::-webkit-color-swatch {
  margin: 0;
  padding: 0
}

.icon {
  display: inline-block;
  vertical-align: middle
}

.icon .content {
  display: flex;
  align-items: center
}

.image img {
  display: block;
  width: 100%
}

.menu .hamburger-controls {
  cursor: pointer;
  display: inline-block;
  position: relative
}

.menu .hamburger-controls span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: .12s ease-in-out
}

.menu ul {
  list-style-type: none
}

.menu ul.horizontal li {
  display: inline-block
}

.social .icon img {
  max-height: 32px
}

.paragraph {
  overflow-wrap: anywhere
}


.row-14,
.row-15,
.row-16,
.row-17,
.row-18,
.row-19,
.row-20,
.row-21{
  background-color: var(--color6);
  background-repeat: no-repeat
}

.row-1 .row-content,
.row-2 .row-content {
  background-repeat: no-repeat;
  color: #000
}

.row-1 .col-1,
.row-10 .col-1,
.row-11 .col-1,
.row-13 .col-1,
.row-15 .col-1,
.row-16 .col-1,
.row-17 .col-2,
.row-18 .col-1,
.row-19 .col-1,
.row-20 .col-2,
.row-20 .col-3,
.row-20 .col-4,
.row-21 .col-1,
.row-22 .col-1,
.row-3 .col-2,
.row-4 .col-1,
.row-5 .col-1,
.row-6 .col-3,
.row-7 .col-1,
.row-8 .col-1,
.row-9 .col-1,
.row-9 .col-2,
.row-9 .col-3,
.row-9 .col-4 {
  padding-bottom: 5px;
  padding-top: 5px
}

.row-1 .col-1 .block-1 {
  color: var(--color3);
  font-family: inherit;
  font-size: 14px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center
}

.row-2 .col-1,
.row-3 .col-1 {
  padding-top: 5px
}

.row-10 .col-1 .block-1,
.row-11 .col-1 .block-1,
.row-12 .col-1 .block-3,
.row-13 .col-1 .block-1,
.row-14 .col-2 .block-5,
.row-15 .col-1 .block-1,
.row-16 .col-1 .block-1,
.row-17 .col-1 .block-1,
.row-18 .col-1 .block-1,
.row-19 .col-1 .block-1,
.row-20 .col-2 .block-3,
.row-20 .col-2 .block-4,
.row-20 .col-2 .block-5,
.row-20 .col-3 .block-3,
.row-20 .col-3 .block-4,
.row-20 .col-4 .block-1,
.row-3 .col-1 .block-2,
.row-4 .col-1 .block-1,
.row-5 .col-1 .block-3,
.row-7 .col-1 .block-1,
.row-8 .col-1 .block-1,
.row-8 .col-1 .block-4 {
  padding: 10px
}

.row-3 .col-1 .block-3 {
  padding-left: 50px;
  padding-right: 50px;
  width: 100%
}

.row-3 .col-1 .block-4 {
  padding: 10px 55px
}

.row-3 .col-1 .block-5 {
  padding-left: 55px;
  padding-right: 55px;
  text-align: center;
  width: 100%
}

.row-3 .col-1 .block-6 {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  width: 100%
}

.row-3 .col-1 .block-7 {
  padding: 10px 50px 20px
}

.row-3 .col-1 .block-8 {
  padding: 10px 50px;
  text-align: left
}

.row-3 .col-1 .block-9 {
  padding: 10px 10px 45px
}

.row-4 .row-content,
.row-5 .row-content,
.row-6 .row-content,
.row-7 .row-content,
.row-10 .row-content,
.row-9 .row-content,
.row-11 .row-content,
.row-12 .row-content {
  background-color: var(--color1);
  background-repeat: no-repeat;
  color: var(--color2);
}
.row-5 .col-1 .block-1,
.row-8 .col-1 .block-2 {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center
}

.row-12 .col-1 .block-2,
.row-14 .col-2 .block-2,
.row-14 .col-2 .block-3,
.row-5 .col-1 .block-2,
.row-8 .col-1 .block-3 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 100%
}

.row-14 .col-1,
.row-14 .col-2,
.row-6 .col-1,
.row-6 .col-2 {
  padding: 5px 20px
}


.row-16 .row-content,
.row-17 .row-content,
.row-18 .row-content,
.row-19 .row-content,
.row-20 .row-content,
.row-21 .row-content {
  background-color: var(--color6);
  background-repeat: no-repeat;
  color: #000
}

.row-9 .col-1 .block-1,
.row-9 .col-2 .block-1,
.row-9 .col-3 .block-1,
.row-9 .col-4 .block-1 {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 100%
}

.row-9 .col-1 .block-3,
.row-9 .col-2 .block-3,
.row-9 .col-3 .block-3,
.row-9 .col-4 .block-3 {
  padding: 20px 10px 10px;
  text-align: left
}

.row-12 .col-1,
.row-12 .col-2 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px
}

.row-12 .col-1 .block-1,
.row-14 .col-2 .block-1 {
  padding: 40px 10px 10px;
  text-align: left
}

.row-12 .col-1 .block-4,
.row-14 .col-2 .block-7 {
  padding: 10px 10px 20px
}

.row-12 .col-1 .block-5 {
  padding: 10px;
  text-align: left
}

.row-14 .row-content {
  background-color: #0d1833;
  background-position: top center;
  background-repeat: no-repeat;
  color: #000
}

.row-14 .col-2 .block-4 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: left
}

.row-14 .col-2 .block-6 {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%
}

.row-16 .col-1 .block-2 {
  padding: 40px 30px 10px;
  text-align: left
}

.row-17 .col-1 {
  padding-left: 20px;
  padding-right: 20px
}

.row-17 .col-1 .block-2 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  text-align: center;
  width: 100%
}

.row-17 .col-1 .block-3 {
  font-family: inherit;
  font-size: 14px;
  padding: 10px
}

.row-20 .col-1 {
  padding-bottom: 5px;
  padding-top: 15px
}

.row-20 .col-2 .block-1,
.row-20 .col-3 .block-1 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px
}

.row-20 .col-2 .block-2,
.row-20 .col-3 .block-2 {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px
}

.row-20 .col-4 .block-2 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  text-align: left
}

.row-21 .col-1 .block-1 {
  padding: 20px 10px 5px
}

.row-22 {
  background-repeat: no-repeat
}

.row-22 .row-content {
  background-repeat: no-repeat;
  color: #000
}

.row-22 .col-1 .block-1 {
  color: #9d9d9d;
  font-family: inherit;
  font-size: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center
}

.row-1 .col-1 .block-1 li {
  padding: 15px 20px
}

.row-1 .col-1 .block-1 li a {
  color: var(--color2);
  font-weight: bold;
}

@media (max-width:768px) {
  .form form {
    width: 100% !important
  }

  .menu ul.with-hamburger {
    display: none;
    padding: 5px 0;
    position: relative;
    top: -4px
  }

  .menu ul.with-hamburger li {
    display: block;
    text-align: center
  }

  .menu ul.with-hamburger li a {
    text-decoration: none
  }

  .menu ul.with-hamburger span {
    display: none
  }

  #hamburger-memu-r0c0m0:checked~ul,
  .row-content:not(.no_stack) {
    display: block
  }

  .row-1 .col-1 .block-1 .hamburger-controls {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 0
  }

  .row-1 .col-1 .block-1 .hamburger-controls span {
    width: 18px;
    height: 18px
  }

  .row-1 .col-1 .block-1 .hamburger-controls span.hamburger-open {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjYjIzYWI2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgd2lkdGg9IjY0IiB5PSI1MiIvPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiIHk9IjI2Ii8+PC9nPjwvc3ZnPg==");
    transform: translate(-50%, -50%) scaleY(1)
  }

  .row-1 .col-1 .block-1 .hamburger-controls span.hamburger-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjYjIzYWI2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNjc4IC0uNzA3MTA2NzggLjcwNzEwNjc4IC0uNzA3MTA2NzggMzEuOTkxMzc4IDc3LjIzNDAxOSkiIHdpZHRoPSI4MiIgeD0iLTkuMDA4NjIyIiB5PSIyNS45OTEzNzgiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDc3LjgxOTgwNiAzMi4yMzQwMTkpIiB3aWR0aD0iODIiIHg9Ii04Ljc2NTk4MSIgeT0iMjYuMjM0MDE5Ii8+PC9nPjwvc3ZnPg==");
    transform: translate(-50%, -50%) scaleY(0)
  }

  .row-1 .col-1 .block-1 ul.with-hamburger {
    background-color: transparent
  }

  .row-1 .col-1 .block-1 ul.with-hamburger li,
  .row-1 .col-1 .block-1 ul.with-hamburger li a {
    color: #b23ab6
  }

  #hamburger-memu-r0c0m0:checked~.hamburger-controls .hamburger-open {
    transform: translate(-50%, -50%) scaleY(0)
  }

  #hamburger-memu-r0c0m0:checked~.hamburger-controls .hamburger-close {
    transform: translate(-50%, -50%) scaleY(1)
  }
}

.row-12 .col-1 .block-4,
.row-12 .col-2 .block-4,
.row-14 .col-2 .block-7,
.row-3 .col-1 .block-7 {
  color: var(--color1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 150%;
  text-align: left
}

.row-12 .col-1 .block-4 a,
.row-14 .col-2 .block-7 a,
.row-20 .col-4 .block-1 a,
.row-3 .col-1 .block-7 a {
  color: #8a3b8f
}

.row-12 .col-1 .block-4 p:not(:last-child),
.row-14 .col-2 .block-7 p:not(:last-child),
.row-20 .col-2 .block-1 p:not(:last-child),
.row-20 .col-2 .block-2 p:not(:last-child),
.row-20 .col-2 .block-3 p:not(:last-child),
.row-20 .col-2 .block-4 p:not(:last-child),
.row-20 .col-2 .block-5 p:not(:last-child),
.row-20 .col-3 .block-1 p:not(:last-child),
.row-20 .col-3 .block-2 p:not(:last-child),
.row-20 .col-3 .block-3 p:not(:last-child),
.row-20 .col-3 .block-4 p:not(:last-child),
.row-20 .col-4 .block-1 p:not(:last-child),
.row-21 .col-1 .block-1 p:not(:last-child),
.row-3 .col-1 .block-7 p:not(:last-child) {
  margin-bottom: undefined
}

.row-20 .col-2 .block-1,
.row-20 .col-3 .block-1,
.row-20 .col-4 .block-1 {
  color: var(--color1);
  font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 120%;
  text-align: left
}

.row-20 .col-2 .block-1 a,
.row-20 .col-2 .block-2 a,
.row-20 .col-2 .block-3 a,
.row-20 .col-2 .block-4 a,
.row-20 .col-2 .block-5 a,
.row-20 .col-3 .block-1 a,
.row-20 .col-3 .block-2 a,
.row-20 .col-3 .block-3 a,
.row-20 .col-3 .block-4 a,
.row-21 .col-1 .block-1 a {
  color: var(--color1)
}

.row-20 .col-2 .block-2,
.row-20 .col-2 .block-3,
.row-20 .col-2 .block-4,
.row-20 .col-2 .block-5,
.row-20 .col-3 .block-2,
.row-20 .col-3 .block-3,
.row-20 .col-3 .block-4 {
  color: var(--color1);
  font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  text-align: left
}

.row-21 .col-1 .block-1 {
  color: #393d47;
  font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  text-align: center
}

.row-22 .col-1 .block-1 .icon-image {
  padding: 5px 6px 5px 5px
}

.row-22 .col-1 .block-1 .icon:not(.icon-first) .content {
  margin-left: 0
}

.row-22 .col-1 .block-1 .icon::not(.icon-last) .content {
  margin-right: 0
}

.row-17 .col-1 .block-3 {
  text-align: left
}

.row-17 .col-1 .block-3 form {
  display: inline-block;
  width: 100%
}

.row-17 .col-1 .block-3 div.label,
.row-17 .col-1 .block-3 label {
  color: var(--color1);
  line-height: 200%;
  text-align: left;
  display: block
}

.row-17 .col-1 .block-3 ::-webkit-input-placeholder {
  color: var(--color1)
}

.row-17 .col-1 .block-3 :-moz-placeholder {
  color: var(--color1)
}

.row-17 .col-1 .block-3 ::-moz-placeholder {
  color: var(--color1)
}

.row-17 .col-1 .block-3 :-ms-input-placeholder {
  color: var(--color1)
}

.row-17 .col-1 .block-3 .field>label:first-child,
.row-17 .col-1 .block-3 div.label {
  padding: 3px
}

.row-17 .col-1 .block-3 .field.inline-field input[type=checkbox] {
  position: relative;
  color: purple;
  top: 5px
}

.row-17 .col-1 .block-3 input:not([type=checkbox]):not([type=radio]):not([type=image]) {
  background-color: var(--color1);
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 0;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  color: var(--color1);
  padding: 10px 5px;
  min-height: 48px
}

.row-17 .col-1 .block-3 input:not([type=checkbox]):not([type=radio]):focus {
  outline-color: #060e21
}

.row-17 .col-1 .block-3 button {
  background-color: #7de5e5;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-radius: 0;
  border-right: 0px solid transparent;
  border-top: 0 solid transparent;
  color: #060e21;
  line-height: 200%;
  padding: 15px 20px;
  width: 100%
}
.header{
  background-color: var(--color1);
}
.block-1 h2, .block-2 h2, .block-3 h2{
  color: var(--color2);
  font-family: 'Oswald';
  direction:ltr;
  font-weight:normal;
  letter-spacing:normal;
  line-height:120%;
  text-align:center;
}
.block-2 h2, .block-3 h2{
  font-size:40px;

}
.block-1 h2{
  font-size:28px;
}

.block-5 h2{
  font-size: clamp(0.75rem, 1.5vw, 1.5rem);
  direction:ltr;
  letter-spacing:11px;
  line-height:120%;
  text-align:left;
}

.block-6 h1{
  font-size: clamp(2.5rem, 8vw, 7rem);
  font-weight:normal;
  letter-spacing:normal;
  line-height:120%;
  text-align:left;
}

.separator{
  border-top:1px dashed var(--color2);
  width:15%;
  margin: auto;
}
.box_s{
  margin: 5px 20px;
  box-shadow: 2px 2px 4px var(--color4);
}
.spacer{
  height:35px;
}
.spacer2{
  height:100px;
}
.word-breake{
  word-break:break-word;
}
.button-content{
  font-size: 16px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 0px;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  color: var(--color1);
  direction: ltr;
  font-family: inherit;
  max-width: 100%;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
  cursor: pointer;
}
.button-content2{
  font-size: 11px;
  background-color: transparent;
  border-bottom: 1px dashed var(--colorp);
  border-left: 1px dashed var(--colorp);
  border-radius: 40px;
  border-right: 1px dashed var(--colorp);
  border-top: 1px dashed var(--colorp);
  color: var(--colorp);
  direction: ltr;
  font-family: inherit;
  max-width: 100%;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  width: auto;
  display: inline-block;
  cursor: pointer;
}
.button-content1{
  font-size: 11px;
  background-color: transparent;
  border-bottom: 1px dashed var(--colorm);
  border-left: 1px dashed var(--colorm);
  border-radius: 40px;
  border-right: 1px dashed var(--colorm);
  border-top: 1px dashed var(--colorm);
  color: var(--colorm);
  direction: ltr;
  font-family: inherit;
  max-width: 100%;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  width: auto;
  display: inline-block;
  cursor: pointer;
}
.line-height{
  line-height:200%;
}
.line-height2{
  line-height:120%;
}
.size1{
  font-size: 11px;
}
.left{
  text-align: left;
}
.block-4 p{
  color: var(--color2);
}
.left{
  margin: 0;
  text-align: left;
}
.style2{
  color:var(--colorp);
  direction:ltr;
  font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size:40px;
  font-weight:normal;
  letter-spacing:normal;
  line-height:120%;
  text-align:left;
  margin-top:0;
  margin-bottom:0;
}
.style3{
  color:#b23ab6;direction:ltr;font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:40px;font-weight:normal;letter-spacing:normal;line-height:120%;text-align:left;margin-top:0;margin-bottom:0;
}
.bright{
  background-color: #1a2750
}
.colorp{
  color:var(--colorp);
}
.colorm{
  color:var(--colorm);
}
.bgcolorp{
  background-color:var(--colorp);
}
.bgcolorm{
  background-color:var(--colorm);
}
@media only screen and (max-width: 768px) {
  .block-6 h1{
    font-size: 4rem;
}