@import url('https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap');
@import "/themes/custom/kerataif/css/global-defaults.css";
/* Global mixins*/
.fitimg {
  width: 100%;
  height: auto;
  display: block;
}
.fit {
  float: left;
  width: 100%;
}
/* Variables */
:root {
  --kerataif-blue: #2375d3;
  --kerataif-blue-dark: #154377;
  --kerataif-orange: #FF9D2F;
  --kerataif-brown: #351C00;
  --kerataif-white: #D6D6DD;
  --kerataif-black: #111111;
  --kerataif-gray: #838383;
  --kerataif-gray-dark: #333333;
  --kerataif-gray-light: #bbbbbb;
  --kerataif-font-size: 16px;
  --kerataif-round: 6px;
}
.roundit {
  -webkit-border-radius: var(--kerataif-round);
  -moz-border-radius: var(--kerataif-round);
  border-radius: var(--kerataif-round);
}
/* Form objects */
.button {
  padding: 5px 25px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-orange);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-family: 'DM Sans', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.button:hover {
  background: var(--kerataif-brown);
}
.js-form-type-textfield,
.js-form-type-textarea,
.js-form-type-email,
.js-form-type-number,
.js-form-type-tel,
.js-form-type-url,
.js-form-type-select,
.js-form-type-search,
.js-form-type-password,
.js-form-type-date,
.js-form-type-password,
.field--type-telephone,
.js-form-item-mail {
  margin-bottom: 20px;
}
.js-form-type-textfield > label,
.js-form-type-textarea > label,
.js-form-type-email > label,
.js-form-type-number > label,
.js-form-type-tel > label,
.js-form-type-url > label,
.js-form-type-select > label,
.js-form-type-search > label,
.js-form-type-password > label,
.js-form-type-date > label,
.js-form-type-password > label,
.field--type-telephone > label,
.js-form-item-mail > label {
  margin-left: 10px;
  opacity: 0.6;
}
.form-text,
.form-textarea,
.form-search,
.form-email,
.form-number,
.form-tel,
.form-url,
.form-date {
  padding: 5px 10px;
  border: none;
  width: 100%;
  box-sizing: border-box;
  font-family: 'DM Sans', sans-serif;
  border: 1px solid var(--kerataif-gray-light);
  background: none;
  font-size: 1rem;
  height: 40px;
  -webkit-border-radius: var(--kerataif-round);
  -moz-border-radius: var(--kerataif-round);
  border-radius: var(--kerataif-round);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.form-text:focus,
.form-textarea:focus,
.form-search:focus,
.form-email:focus,
.form-number:focus,
.form-tel:focus,
.form-url:focus,
.form-date:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-date {
  padding-right: 5px;
  min-width: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M5.833 1.667h.834A.833.833 0 0 1 7.5 2.5v.833h4.167V2.5a.834.834 0 0 1 .833-.833h.833a.833.833 0 0 1 .834.833v.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 15V5.833a2.5 2.5 0 0 1 2.5-2.5V2.5a.833.833 0 0 1 .833-.833ZM12.5 3.333h.833V2.5H12.5v.833Zm-5.833 0V2.5h-.834v.833h.834ZM5 4.167a1.667 1.667 0 0 0-1.667 1.666v.834h12.5v-.834a1.667 1.667 0 0 0-1.666-1.666H5ZM3.333 15A1.667 1.667 0 0 0 5 16.667h9.167A1.667 1.667 0 0 0 15.833 15V7.5h-12.5V15ZM10 10.833h4.167V15H10v-4.167Zm.833.834v2.5h2.5v-2.5h-2.5Z'/%3e%3c/svg%3e");
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
.form-date::-webkit-calendar-picker-indicator {
  background: none;
}
.form-time {
  border-left: none;
  padding-right: 10px;
  min-width: auto;
  -webkit-border-radius: var(--kerataif-round);
  -moz-border-radius: var(--kerataif-round);
  border-radius: var(--kerataif-round);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D6D6DD' d='M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0Zm0 1.395a8.605 8.605 0 1 0 0 17.21 8.605 8.605 0 0 0 0-17.21Zm-.93 4.186c.385 0 .697.313.697.698v4.884h4.884a.698.698 0 0 1 0 1.395H9.07a.698.698 0 0 1-.698-.698V6.28c0-.386.312-.699.698-.699Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: right 11px center;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
.form-time::-webkit-calendar-picker-indicator {
  background: none;
}
.field--type-datetime > .js-form-item {
  border: none;
}
.field--type-datetime > .js-form-item .fieldset-wrapper > div {
  display: flex;
  align-items: center;
}
.form-textarea {
  min-height: 80px;
  font-family: 'DM Sans', sans-serif;
}
.form-select {
  padding: 5px 40px 5px 10px;
  font-size: 1rem;
  height: 40px;
  width: 100%;
  border: 1px solid var(--kerataif-gray-light);
  font-family: 'DM Sans', sans-serif;
  -webkit-border-radius: var(--kerataif-round);
  -moz-border-radius: var(--kerataif-round);
  border-radius: var(--kerataif-round);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' fill='none' viewBox='0 0 24 12'%3e%3cpath stroke='%23CCC' stroke-linecap='round' stroke-width='3' d='m2 2 10 8 10-8'/%3e%3c/svg%3e");
  background-size: auto 8px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.form-select:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-select option {
  font-size: 0.8rem;
}
.form-radio {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-light);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-radio + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-radio:hover,
.form-radio:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-radio:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
}
.form-checkbox {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-light);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-checkbox + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-checkbox:hover,
.form-checkbox:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-checkbox:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
  /*box-shadow: inset 0 0 0 3px #fff;*/
}
.form-submit {
  padding: 5px 25px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-orange);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-family: 'DM Sans', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.form-submit:hover {
  background: var(--kerataif-brown);
}
.black-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(16, 18, 22, 0.4);
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.black-overlay.active {
  opacity: 1;
  pointer-events: all;
}
/* Default objects */
.description {
  font-size: 0.8rem;
}
#block-kerataif-page-title h1 {
  font-weight: 600;
}
.block > h2 {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--kerataif-black);
}
.swiper-container {
  margin: 0;
}
/* Site global styles */
html {
  font-size: var(--kerataif-font-size);
}
body {
  margin: 0;
  font-family: 'DM Sans', sans-serif, sans-serif;
  font-size: var(--kerataif-font-size);
  color: var(--kerataif-brown);
  font-weight: 400;
}
.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.dialog-off-canvas-main-canvas a:link,
.dialog-off-canvas-main-canvas a:visited {
  text-decoration: none;
  color: var(--kerataif-brown);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.dialog-off-canvas-main-canvas a:hover,
.dialog-off-canvas-main-canvas a:active,
.dialog-off-canvas-main-canvas a.active,
.dialog-off-canvas-main-canvas a.is-active {
  color: var(--kerataif-orange);
}
.dialog-off-canvas-main-canvas::after {
  content: "";
  position: absolute;
  top: -370px;
  left: 60%;
  width: 2000px;
  height: 6000px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='2698' height='4251' fill='none' viewBox='0 0 2698 4251'%3e%3crect width='1829.67' height='3931.32' y='428' fill='%23FF9D2F' rx='151' transform='rotate(-13.514 0 428)'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
#headerHolder {
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
#headerHolder .region-header {
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 70px 0;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
@media screen and (max-width: 1000px) {
  #headerHolder .region-header {
    padding: 20px 0;
  }
}
#headerHolder.scroll {
  background-color: #FFF;
}
#headerHolder.scroll .region-header {
  padding: 30px 0;
}
@media screen and (max-width: 1000px) {
  #headerHolder.scroll .region-header {
    padding: 15px 0;
  }
}
.role-administrator #headerHolder {
  top: 103px;
}
#featuredHolder {
  float: left;
  width: 100%;
}
#contentHolder {
  float: left;
  width: 100%;
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
}
@media screen and (max-width: 1000px) {
  #contentHolder {
    padding-top: 50px;
  }
}
#footerHolder {
  float: left;
  width: 100%;
  margin-top: auto;
}
#footerHolder .region-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#block-kerataif-dildegistirici {
  margin-right: 20px;
}
#block-kerataif-dildegistirici .links {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-kerataif-dildegistirici .links .is-active {
  display: none;
}
#block-kerataif-dildegistirici .links a {
  font-weight: 600;
}
#block-kerataif-huzuroluklumukavvaveambalajsanas {
  width: 100%;
  margin-top: 200px;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-huzuroluklumukavvaveambalajsanas {
    margin-top: 50px;
  }
}
#block-kerataif-huzuroluklumukavvaveambalajsanas h2 {
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #F0F0F0;
  border-bottom: none;
  margin-bottom: 0;
  padding: 30px 30px 20px 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 30px;
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content {
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #F0F0F0;
  border-top: none;
  padding: 0 30px 30px 30px;
  border-bottom: none;
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content .block-content {
  max-width: 500px;
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content .block-content p {
  padding: 15px 35px;
  margin: 0;
  background-position: left top 13px;
  background-repeat: no-repeat;
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content .block-content p.info-address {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23222' stroke-width='1.5'%3e%3cpath d='M12 13.43a3.12 3.12 0 1 0 0-6.24 3.12 3.12 0 0 0 0 6.24Z'/%3e%3cpath d='M3.62 8.49c1.97-8.66 14.8-8.65 16.76.01 1.15 5.08-2.01 9.38-4.78 12.04a5.193 5.193 0 0 1-7.21 0c-2.76-2.66-5.92-6.97-4.77-12.05Z'/%3e%3c/g%3e%3c/svg%3e");
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content .block-content p.info-phone {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23351C00' stroke-miterlimit='10' stroke-width='1.5' d='M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 0 1-3.28-2.8 28.414 28.414 0 0 1-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78Z'/%3e%3c/svg%3e");
}
#block-kerataif-huzuroluklumukavvaveambalajsanas .content .block-content p.info-mail {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'%3e%3cpath d='M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5Z'/%3e%3cpath d='m17 9-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9'/%3e%3c/g%3e%3c/svg%3e");
}
#block-kerataif-contactblock {
  position: absolute;
  left: 0;
  width: 100%;
  color: #FFF;
  z-index: 9;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-contactblock {
    position: static;
    margin-bottom: 20px;
  }
}
#block-kerataif-contactblock h2 {
  display: none;
}
#block-kerataif-contactblock form {
  float: none;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  box-sizing: border-box;
  padding: 30px;
}
#block-kerataif-contactblock form::after {
  content: "";
  position: absolute;
  width: 462px;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #3C3C3C;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-contactblock form::after {
    width: 100%;
  }
}
#block-kerataif-contactblock form .js-form-item,
#block-kerataif-contactblock form .field--type-telephone,
#block-kerataif-contactblock form .field--type-string-long {
  max-width: 400px;
  width: 100%;
}
#block-kerataif-contactblock form .js-form-item input,
#block-kerataif-contactblock form .field--type-telephone input,
#block-kerataif-contactblock form .field--type-string-long input,
#block-kerataif-contactblock form .js-form-item textarea,
#block-kerataif-contactblock form .field--type-telephone textarea,
#block-kerataif-contactblock form .field--type-string-long textarea {
  color: #FFF;
  border: none;
  border-bottom: 2px solid #FFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 40px;
}
#block-kerataif-harita {
  width: 100%;
}
#block-kerataif-harita p {
  margin: 0;
}
#block-logo {
  max-width: 200px;
  margin-right: 50px;
}
@media screen and (max-width: 1000px) {
  #block-logo {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #block-logo .block-image {
    width: 50px;
    overflow: hidden;
  }
}
#block-logo .block-image img,
#block-logo .block-image a {
  width: 200px;
  height: auto;
  display: block;
}
.paragraph {
  padding: 70px 0;
}
@media screen and (max-width: 1000px) {
  .paragraph {
    padding: 40px 0;
  }
}
.paragraph .field--name-field-title {
  font-size: 2rem;
  font-weight: 600;
}
.paragraph .field--name-field-content {
  font-size: 1.25rem;
  line-height: 150%;
}
.paragraph .paragraph {
  padding: 0;
}
.paragraph .paragraph .field--name-field-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.paragraph .paragraph .field--name-field-content {
  font-size: 1rem;
  line-height: 120%;
}
#paragraph-id--8 {
  padding-bottom: 0;
}
.paragraph--type--content-image .paragraph-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .paragraph--type--content-image .paragraph-wrapper {
    flex-wrap: wrap;
  }
}
.paragraph--type--content-image .paragraph-wrapper .paragraph-image {
  width: 40%;
  text-align: right;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1000px) {
  .paragraph--type--content-image .paragraph-wrapper .paragraph-image {
    width: 100%;
    margin-bottom: 40px;
  }
}
.paragraph--type--content-image .paragraph-wrapper .paragraph-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.paragraph--type--content-image .paragraph-wrapper .paragraph-content {
  width: 55%;
}
@media screen and (max-width: 1000px) {
  .paragraph--type--content-image .paragraph-wrapper .paragraph-content {
    width: 100%;
  }
}
.paragraph--type--content-image .paragraph-wrapper .paragraph-content .field--name-field-title {
  font-size: 2rem;
  margin-bottom: 10px;
}
.paragraph--type--content-image .paragraph-wrapper.right {
  flex-direction: row-reverse;
}
.paragraph--type--content-image.header-paragraph {
  position: relative;
}
.paragraph--type--content-image.header-paragraph:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 450px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='450' height='25' fill='none' viewBox='0 0 450 25'%3e%3cpath stroke='%23FF9D2F' d='M1 7.5S5 1 12 1s11 6.5 11 6.5m202 0S229 1 236 1s11 6.5 11 6.5m-134 0S117 1 124 1s11 6.5 11 6.5m202 0S341 1 348 1s11 6.5 11 6.5m-302 0S61 1 68 1s11 6.5 11 6.5m202 0S285 1 292 1s11 6.5 11 6.5m-134 0S173 1 180 1s11 6.5 11 6.5m202 0S397 1 404 1s11 6.5 11 6.5M51 18s-4 6.5-11 6.5S29 18 29 18m246 0s-4 6.5-11 6.5-11-6.5-11-6.5m-90 0s-4 6.5-11 6.5-11-6.5-11-6.5m246 0s-4 6.5-11 6.5-11-6.5-11-6.5m-258 0s-4 6.5-11 6.5S85 18 85 18m246 0s-4 6.5-11 6.5-11-6.5-11-6.5m-90 0s-4 6.5-11 6.5-11-6.5-11-6.5m246 0s-4 6.5-11 6.5-11-6.5-11-6.5M23 7.5 29 18M247 7.5l6 10.5M135 7.5l6 10.5M359 7.5l6 10.5M79 7.5 85 18M303 7.5l6 10.5M191 7.5l6 10.5M415 7.5l6 10.5M51 18l6-10.5M275 18l6-10.5M163 18l6-10.5M387 18l6-10.5M107 18l6-10.5M331 18l6-10.5M219 18l6-10.5M443 18l6-10.5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: cover;
}
.paragraph--type--content-image.header-paragraph .field--name-field-title {
  font-size: 3.6rem !important;
  font-weight: 600 !important;
  line-height: 100%;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .paragraph--type--content-image.header-paragraph .field--name-field-title {
    font-size: 2.6rem !important;
    line-height: 130%;
  }
}
.paragraph--type--content-image.header-paragraph .field--name-field-content h3 {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 120%;
  margin: 10px 0;
}
@media screen and (max-width: 1000px) {
  .paragraph--type--content-image.header-paragraph .field--name-field-content h3 {
    font-size: 1.8rem;
  }
}
.paragraph--type--galeri .field--name-field-title {
  font-size: 1.5rem;
  margin-bottom: 30px;
  font-weight: 500;
}
.paragraph--type--galeri .field--name-field-urunler {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.paragraph--type--galeri .paragraph--type--urun {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.paragraph--type--galeri .paragraph--type--urun .field--name-field-title {
  margin-bottom: auto;
}
.paragraph--type--galeri .paragraph--type--urun .field--name-field-gorsel {
  margin: 20px 0;
}
.paragraph--type--galeri .paragraph--type--urun .field--name-field-gorsel img {
  max-width: 100%;
  height: auto;
  display: block;
}
.paragraph--type--galeri .paragraph--type--urun .field--name-field-content {
  margin-top: auto;
}
.paragraph--type--galeri .paragraph--type--urun .field--name-field-content p {
  margin: 5px 0;
}
.paragraph--type--galeri .paragraph--type--urun:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.paragraph--type--galeri.golgeli-kutu .paragraph--type--urun {
  padding: 25px 30px;
  -webkit-box-shadow: 0px 0px 80px -54px #000;
  -moz-box-shadow: 0px 0px 80px -54px #000;
  box-shadow: 0px 0px 80px -54px #000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.paragraph--type--galeri.gri-cerceveli-kutu .paragraph--type--urun {
  padding: 25px 30px;
  border: 1px solid var(--kerataif-gray-light);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.paragraph--type--galeri.gri-cerceveli-kutu .paragraph--type--urun .field--name-field-gorsel {
  margin: 10px 0;
}
.paragraph--type--sertifika {
  position: relative;
}
.paragraph--type--sertifika::after {
  content: "";
  position: absolute;
  top: -300px;
  right: 100%;
  width: 2000px;
  height: 6000px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1951' height='4071' fill='none' viewBox='0 0 1951 4071'%3e%3crect width='1061' height='3931.32' fill='%23009E79' rx='151' transform='scale(-1 1) rotate(-13.514 71.084 8357.41)'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.paragraph--type--sertifika .field--name-field-s-gorsel .field__label {
  font-size: 2rem;
  font-weight: 600;
  padding: 80px 10px 20px 160px;
  margin-bottom: 30px;
  background: url(/themes/custom/kerataif/images/sertifikalar.png) no-repeat left center;
  background-size: auto 100%;
}
@media screen and (max-width: 1000px) {
  .paragraph--type--sertifika .field--name-field-s-gorsel .field__label {
    font-size: 1.8rem;
    padding: 40px 10px 20px 100px;
  }
}
.paragraph--type--sertifika .field--name-field-s-gorsel .field__items {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
.paragraph--type--sertifika .field--name-field-s-gorsel .field__items .field__item a,
.paragraph--type--sertifika .field--name-field-s-gorsel .field__items .field__item img {
  width: 100%;
  height: auto;
  display: block;
}
#block-kerataif-menutoggler {
  display: none;
  margin-right: auto;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-menutoggler {
    display: block;
  }
}
#block-kerataif-menutoggler .contextual {
  display: none;
}
#block-kerataif-menutoggler .field--name-field-content {
  width: 40px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
#block-kerataif-menutoggler .field--name-field-content .line {
  position: absolute;
  background-color: var(--kerataif-brown);
  height: 3px;
  width: 40px;
  left: 0;
  -webkit-border-radius: var(--kerataif-round);
  -moz-border-radius: var(--kerataif-round);
  border-radius: var(--kerataif-round);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  overflow: hidden;
  text-indent: -555px;
}
#block-kerataif-menutoggler .field--name-field-content .line.line-1 {
  top: 0;
  width: 30px;
}
#block-kerataif-menutoggler .field--name-field-content .line.line-2 {
  top: 50%;
  transform: translateY(-50%);
}
#block-kerataif-menutoggler .field--name-field-content .line.line-3 {
  bottom: 0;
  width: 35px;
}
#block-kerataif-menutoggler .field--name-field-content:hover .line.line-1 {
  top: 0;
  width: 35px;
}
#block-kerataif-menutoggler .field--name-field-content:hover .line.line-2 {
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}
#block-kerataif-menutoggler .field--name-field-content:hover .line.line-3 {
  bottom: 0;
  width: 40px;
}
#block-kerataif-menutoggler .field--name-field-content.active .line.line-1 {
  top: 12px;
  width: 35px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#block-kerataif-menutoggler .field--name-field-content.active .line.line-2 {
  opacity: 0;
}
#block-kerataif-menutoggler .field--name-field-content.active .line.line-3 {
  bottom: 10px;
  width: 35px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#block-kerataif-mainnavigation {
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-mainnavigation {
    position: fixed;
    right: -400px;
    top: 0;
    background-color: #FFF;
    height: 100vh;
    -webkit-box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 80px 40px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  }
  #block-kerataif-mainnavigation.active {
    right: 0;
  }
}
@media screen and (max-width: 1000px) {
  #block-kerataif-mainnavigation .menu {
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding: 200px 40px 40px 40px;
  }
}
#block-kerataif-mainnavigation .menu a {
  font-weight: 600;
  padding: 10px;
  display: block;
}
@media screen and (max-width: 1000px) {
  #block-kerataif-mainnavigation .menu a {
    font-size: 1.8rem;
    padding: 10px 20px;
  }
}
#block-kerataif-sosyalmedya .menu a {
  width: 30px;
  height: 30px;
  text-indent: -555px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 8px;
}
#block-kerataif-sosyalmedya .menu a.linkk-instagram {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23351C00' fill-rule='evenodd' d='M7.053.072C8.333.013 8.74 0 12 0s3.668.014 4.946.072c1.279.058 2.151.262 2.915.557.8.303 1.525.775 2.125 1.386a5.862 5.862 0 0 1 1.383 2.124c.297.764.5 1.636.559 2.913C23.987 8.333 24 8.742 24 12c0 3.26-.014 3.668-.072 4.947-.058 1.277-.262 2.15-.559 2.913a5.887 5.887 0 0 1-1.383 2.126 5.885 5.885 0 0 1-2.125 1.383c-.764.297-1.636.5-2.913.559-1.28.059-1.688.072-4.948.072-3.26 0-3.668-.014-4.947-.072-1.277-.058-2.15-.262-2.913-.559a5.889 5.889 0 0 1-2.126-1.383 5.882 5.882 0 0 1-1.385-2.125c-.295-.764-.498-1.636-.557-2.913C.013 15.666 0 15.258 0 12c0-3.26.014-3.668.072-4.946.058-1.279.262-2.151.557-2.915a5.89 5.89 0 0 1 1.386-2.125A5.882 5.882 0 0 1 4.139.629C4.903.334 5.775.131 7.052.072Zm9.796 2.16c-1.265-.058-1.645-.07-4.849-.07s-3.584.012-4.85.07c-1.17.053-1.805.249-2.228.413-.56.219-.96.477-1.38.897a3.722 3.722 0 0 0-.897 1.38c-.164.423-.36 1.058-.413 2.229-.058 1.265-.07 1.645-.07 4.849s.012 3.584.07 4.85c.053 1.17.249 1.804.413 2.228.192.52.499.992.897 1.38.387.398.86.705 1.38.897.423.164 1.058.36 2.229.413 1.265.058 1.644.07 4.849.07s3.584-.012 4.85-.07c1.17-.053 1.804-.249 2.228-.413.56-.219.96-.477 1.38-.897.398-.387.705-.86.897-1.38.164-.424.36-1.058.413-2.229.058-1.265.07-1.645.07-4.849s-.012-3.584-.07-4.85c-.053-1.17-.249-1.805-.413-2.228a3.725 3.725 0 0 0-.897-1.38 3.723 3.723 0 0 0-1.38-.897c-.424-.164-1.058-.36-2.229-.413Zm-6.382 13.467a4.002 4.002 0 0 0 4.364-6.53 4.003 4.003 0 1 0-4.364 6.53ZM7.64 7.64a6.168 6.168 0 1 1 8.722 8.722A6.168 6.168 0 0 1 7.64 7.64Zm11.897-.888a1.46 1.46 0 1 0-2.003-2.123 1.46 1.46 0 0 0 2.003 2.123Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
#block-kerataif-sosyalmedya .menu a.linkk-x {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23351C00' d='M18.205 2.25h3.308l-7.227 8.26 8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231 5.45-6.231h.002Zm-1.161 17.52h1.833L7.045 4.126H5.078L17.044 19.77Z'/%3e%3c/svg%3e");
}
#block-kerataif-sosyalmedya .menu a.linkk-facebook {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23351C00' fill-rule='evenodd' d='M0 12.067C0 18.033 4.333 22.994 10 24v-8.667H7V12h3V9.333c0-3 1.933-4.666 4.667-4.666.866 0 1.8.133 2.666.266V8H15.8c-1.467 0-1.8.733-1.8 1.667V12h3.2l-.533 3.333H14V24c5.667-1.006 10-5.966 10-11.933C24 5.43 18.6 0 12 0S0 5.43 0 12.067Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
#block-kerataif-sosyalmedya .menu a.linkk-youtube {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='18' fill='none' viewBox='0 0 26 18'%3e%3cpath fill='%23351C00' d='M10.4 12.857 17.147 9 10.4 5.143v7.714ZM25.428 2.79c.169.604.286 1.414.364 2.443.091 1.028.13 1.916.13 2.687L26 9c0 2.816-.208 4.886-.572 6.21-.325 1.157-1.079 1.903-2.249 2.224-.611.167-1.729.283-3.445.36a87.63 87.63 0 0 1-4.667.129L13 18c-5.447 0-8.84-.206-10.179-.566-1.17-.321-1.924-1.067-2.249-2.224-.169-.604-.286-1.414-.364-2.443a30.596 30.596 0 0 1-.13-2.687L0 9c0-2.816.208-4.886.572-6.21C.897 1.633 1.651.887 2.821.566 3.432.399 4.55.283 6.266.206a87.63 87.63 0 0 1 4.667-.129L13 0c5.447 0 8.84.206 10.179.566 1.17.321 1.924 1.067 2.249 2.224Z'/%3e%3c/svg%3e");
}