@charset "UTF-8";
/* CSS Document */
html {
  width: 100%;
}

body {
  scroll-margin-top: 500vh;
  width: 100%;
  margin: 0;
  background: #fff;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
body.fancybox-active {
  height: 100%;
}

form {
  width: 100%;
  height: 100%;
}

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: inherit;
}

a, a img {
  text-decoration: none;
  outline: none;
  border: none;
}

a.link {
  font-weight: 600 !important;
}

.clr {
  clear: both;
  height: 0;
}

::-webkit-input-placeholder {
  color: #283e3e;
}

:-moz-placeholder {
  color: #283e3e;
}

::-moz-placeholder {
  color: #283e3e;
}

:-ms-input-placeholder {
  color: #283e3e;
}

::selection {
  background: #283e3e;
  color: #fff;
}

::-moz-selection {
  background: #283e3e;
  color: #fff;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: ate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    nsform: rotate(360deg);
  }
}
@-webkit-keyframes swingTop {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}
@keyframes swingTop {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes swingLeft {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0;
  }
}
@keyframes swingLeft {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes rocket {
  0% {
    top: 100%;
  }
  25% {
    top: 100%;
  }
  75% {
    top: -110%;
  }
  100% {
    top: -110%;
  }
}
@keyframes rocket {
  0% {
    top: 100%;
  }
  25% {
    top: 100%;
  }
  75% {
    top: -110%;
  }
  100% {
    top: -110%;
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: -256px 0px;
  }
  25% {
    background-position: 256px 0px;
  }
  75% {
    background-position: 256px 0px;
  }
  100% {
    background-position: 256px 0px;
  }
}
@keyframes shine {
  0% {
    background-position: -256px 0px;
  }
  25% {
    background-position: 256px 0px;
  }
  75% {
    background-position: 256px 0px;
  }
  100% {
    background-position: 256px 0px;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}
@keyframes scrollAnim {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/*General Elements */
body, input, textarea, select, option {
  font-family: "Poppins", sans-serif;
  color: #283e3e;
}

*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  outline: none;
}

.btn {
  font-weight: 600;
  background: #283e3e;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  display: block;
  display: inline-block;
  padding: 0 50px;
}
.btn span {
  line-height: 56px;
  position: relative;
  color: #f1f6f6;
  font-size: 1em;
  font-weight: 600;
}
.btn span:before {
  display: none;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icons/slider-right-arrow-white.png) no-repeat center;
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -9px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:hover span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  right: -35px;
}

html.is-locked,
body.is-locked {
  overflow: hidden !important;
  height: 100vh !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
}

.scroll {
  position: absolute;
  width: 24px;
  height: 24px;
}
.scroll i {
  position: absolute;
  width: 28px;
  height: 1px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}
.scroll i:first-child {
  animation: move 3s ease-out 1s infinite;
}
.scroll i:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}
.scroll i:before, .scroll i:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}
.scroll i:before {
  left: 0;
  transform: skew(0deg, 45deg);
}
.scroll i:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -45deg);
}

@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
section, footer {
  padding: 90px 180px;
  position: relative;
}
section.pl-0, footer.pl-0 {
  padding-left: 0 !important;
}
section.pr-0, footer.pr-0 {
  padding-right: 0 !important;
}

.content {
  width: 100%;
  margin: auto;
}
.content.max-w-1100 {
  max-width: 1100px;
}

.row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.row .col {
  width: 100%;
}
.row .col.col-1 {
  width: 1%;
}
.row .col.col-2 {
  width: 2%;
}
.row .col.col-3 {
  width: 3%;
}
.row .col.col-4 {
  width: 4%;
}
.row .col.col-5 {
  width: 5%;
}
.row .col.col-6 {
  width: 6%;
}
.row .col.col-7 {
  width: 7%;
}
.row .col.col-8 {
  width: 8%;
}
.row .col.col-9 {
  width: 9%;
}
.row .col.col-10 {
  width: 10%;
}
.row .col.col-11 {
  width: 11%;
}
.row .col.col-12 {
  width: 12%;
}
.row .col.col-13 {
  width: 13%;
}
.row .col.col-14 {
  width: 14%;
}
.row .col.col-15 {
  width: 15%;
}
.row .col.col-16 {
  width: 16%;
}
.row .col.col-17 {
  width: 17%;
}
.row .col.col-18 {
  width: 18%;
}
.row .col.col-19 {
  width: 19%;
}
.row .col.col-20 {
  width: 20%;
}
.row .col.col-21 {
  width: 21%;
}
.row .col.col-22 {
  width: 22%;
}
.row .col.col-23 {
  width: 23%;
}
.row .col.col-24 {
  width: 24%;
}
.row .col.col-25 {
  width: 25%;
}
.row .col.col-26 {
  width: 26%;
}
.row .col.col-27 {
  width: 27%;
}
.row .col.col-28 {
  width: 28%;
}
.row .col.col-29 {
  width: 29%;
}
.row .col.col-30 {
  width: 30%;
}
.row .col.col-31 {
  width: 31%;
}
.row .col.col-32 {
  width: 32%;
}
.row .col.col-33 {
  width: 33%;
}
.row .col.col-34 {
  width: 34%;
}
.row .col.col-35 {
  width: 35%;
}
.row .col.col-36 {
  width: 36%;
}
.row .col.col-37 {
  width: 37%;
}
.row .col.col-38 {
  width: 38%;
}
.row .col.col-39 {
  width: 39%;
}
.row .col.col-40 {
  width: 40%;
}
.row .col.col-41 {
  width: 41%;
}
.row .col.col-42 {
  width: 42%;
}
.row .col.col-43 {
  width: 43%;
}
.row .col.col-44 {
  width: 44%;
}
.row .col.col-45 {
  width: 45%;
}
.row .col.col-46 {
  width: 46%;
}
.row .col.col-47 {
  width: 47%;
}
.row .col.col-48 {
  width: 48%;
}
.row .col.col-49 {
  width: 49%;
}
.row .col.col-50 {
  width: 50%;
}
.row .col.col-51 {
  width: 51%;
}
.row .col.col-52 {
  width: 52%;
}
.row .col.col-53 {
  width: 53%;
}
.row .col.col-54 {
  width: 54%;
}
.row .col.col-55 {
  width: 55%;
}
.row .col.col-56 {
  width: 56%;
}
.row .col.col-57 {
  width: 57%;
}
.row .col.col-58 {
  width: 58%;
}
.row .col.col-59 {
  width: 59%;
}
.row .col.col-60 {
  width: 60%;
}
.row .col.col-61 {
  width: 61%;
}
.row .col.col-62 {
  width: 62%;
}
.row .col.col-63 {
  width: 63%;
}
.row .col.col-64 {
  width: 64%;
}
.row .col.col-65 {
  width: 65%;
}
.row .col.col-66 {
  width: 66%;
}
.row .col.col-67 {
  width: 67%;
}
.row .col.col-68 {
  width: 68%;
}
.row .col.col-69 {
  width: 69%;
}
.row .col.col-70 {
  width: 70%;
}
.row .col.col-71 {
  width: 71%;
}
.row .col.col-72 {
  width: 72%;
}
.row .col.col-73 {
  width: 73%;
}
.row .col.col-74 {
  width: 74%;
}
.row .col.col-75 {
  width: 75%;
}
.row .col.col-76 {
  width: 76%;
}
.row .col.col-77 {
  width: 77%;
}
.row .col.col-78 {
  width: 78%;
}
.row .col.col-79 {
  width: 79%;
}
.row .col.col-80 {
  width: 80%;
}
.row .col.col-81 {
  width: 81%;
}
.row .col.col-82 {
  width: 82%;
}
.row .col.col-83 {
  width: 83%;
}
.row .col.col-84 {
  width: 84%;
}
.row .col.col-85 {
  width: 85%;
}
.row .col.col-86 {
  width: 86%;
}
.row .col.col-87 {
  width: 87%;
}
.row .col.col-88 {
  width: 88%;
}
.row .col.col-89 {
  width: 89%;
}
.row .col.col-90 {
  width: 90%;
}
.row .col.col-91 {
  width: 91%;
}
.row .col.col-92 {
  width: 92%;
}
.row .col.col-93 {
  width: 93%;
}
.row .col.col-94 {
  width: 94%;
}
.row .col.col-95 {
  width: 95%;
}
.row .col.col-96 {
  width: 96%;
}
.row .col.col-97 {
  width: 97%;
}
.row .col.col-98 {
  width: 98%;
}
.row .col.col-99 {
  width: 99%;
}
.row .col.col-100 {
  width: 100%;
}
.row .col.col-101 {
  width: 101%;
}
.row .col.col-102 {
  width: 102%;
}
.row .col.col-103 {
  width: 103%;
}
.row .col.col-104 {
  width: 104%;
}
.row .col.col-105 {
  width: 105%;
}
.row .col.col-106 {
  width: 106%;
}
.row .col.col-107 {
  width: 107%;
}
.row .col.col-108 {
  width: 108%;
}
.row .col.col-109 {
  width: 109%;
}
.row .col.col-110 {
  width: 110%;
}
.row .col.col-111 {
  width: 111%;
}
.row .col.col-112 {
  width: 112%;
}
.row .col.col-113 {
  width: 113%;
}
.row .col.col-114 {
  width: 114%;
}
.row .col.col-115 {
  width: 115%;
}
.row .col.col-116 {
  width: 116%;
}
.row .col.col-117 {
  width: 117%;
}
.row .col.col-118 {
  width: 118%;
}
.row .col.col-119 {
  width: 119%;
}
.row .col.col-120 {
  width: 120%;
}
.row .col.col-121 {
  width: 121%;
}
.row .col.col-122 {
  width: 122%;
}
.row .col.col-123 {
  width: 123%;
}
.row .col.col-124 {
  width: 124%;
}
.row .col.col-125 {
  width: 125%;
}
.row .col.col-126 {
  width: 126%;
}
.row .col.col-127 {
  width: 127%;
}
.row .col.col-128 {
  width: 128%;
}
.row .col.col-129 {
  width: 129%;
}
.row .col.col-130 {
  width: 130%;
}
.row .col.col-131 {
  width: 131%;
}
.row .col.col-132 {
  width: 132%;
}
.row .col.col-133 {
  width: 133%;
}
.row .col.col-134 {
  width: 134%;
}
.row .col.col-135 {
  width: 135%;
}
.row .col.col-136 {
  width: 136%;
}
.row .col.col-137 {
  width: 137%;
}
.row .col.col-138 {
  width: 138%;
}
.row .col.col-139 {
  width: 139%;
}
.row .col.col-140 {
  width: 140%;
}
.row .col.col-141 {
  width: 141%;
}
.row .col.col-142 {
  width: 142%;
}
.row .col.col-143 {
  width: 143%;
}
.row .col.col-144 {
  width: 144%;
}
.row .col.col-145 {
  width: 145%;
}
.row .col.col-146 {
  width: 146%;
}
.row .col.col-147 {
  width: 147%;
}
.row .col.col-148 {
  width: 148%;
}
.row .col.col-149 {
  width: 149%;
}
.row .col.col-150 {
  width: 150%;
}
.row .col.col-151 {
  width: 151%;
}
.row .col.col-152 {
  width: 152%;
}
.row .col.col-153 {
  width: 153%;
}
.row .col.col-154 {
  width: 154%;
}
.row .col.col-155 {
  width: 155%;
}
.row .col.col-156 {
  width: 156%;
}
.row .col.col-157 {
  width: 157%;
}
.row .col.col-158 {
  width: 158%;
}
.row .col.col-159 {
  width: 159%;
}
.row .col.col-160 {
  width: 160%;
}
.row .col.col-161 {
  width: 161%;
}
.row .col.col-162 {
  width: 162%;
}
.row .col.col-163 {
  width: 163%;
}
.row .col.col-164 {
  width: 164%;
}
.row .col.col-165 {
  width: 165%;
}
.row .col.col-166 {
  width: 166%;
}
.row .col.col-167 {
  width: 167%;
}
.row .col.col-168 {
  width: 168%;
}
.row .col.col-169 {
  width: 169%;
}
.row .col.col-170 {
  width: 170%;
}
.row .col.col-171 {
  width: 171%;
}
.row .col.col-172 {
  width: 172%;
}
.row .col.col-173 {
  width: 173%;
}
.row .col.col-174 {
  width: 174%;
}
.row .col.col-175 {
  width: 175%;
}
.row .col.col-176 {
  width: 176%;
}
.row .col.col-177 {
  width: 177%;
}
.row .col.col-178 {
  width: 178%;
}
.row .col.col-179 {
  width: 179%;
}
.row .col.col-180 {
  width: 180%;
}
.row .col.col-181 {
  width: 181%;
}
.row .col.col-182 {
  width: 182%;
}
.row .col.col-183 {
  width: 183%;
}
.row .col.col-184 {
  width: 184%;
}
.row .col.col-185 {
  width: 185%;
}
.row .col.col-186 {
  width: 186%;
}
.row .col.col-187 {
  width: 187%;
}
.row .col.col-188 {
  width: 188%;
}
.row .col.col-189 {
  width: 189%;
}
.row .col.col-190 {
  width: 190%;
}
.row .col.col-191 {
  width: 191%;
}
.row .col.col-192 {
  width: 192%;
}
.row .col.col-193 {
  width: 193%;
}
.row .col.col-194 {
  width: 194%;
}
.row .col.col-195 {
  width: 195%;
}
.row .col.col-196 {
  width: 196%;
}
.row .col.col-197 {
  width: 197%;
}
.row .col.col-198 {
  width: 198%;
}
.row .col.col-199 {
  width: 199%;
}
.row .col.col-200 {
  width: 200%;
}
.row .col.col-201 {
  width: 201%;
}
.row .col.col-202 {
  width: 202%;
}
.row .col.col-203 {
  width: 203%;
}
.row .col.col-204 {
  width: 204%;
}
.row .col.col-205 {
  width: 205%;
}
.row .col.col-206 {
  width: 206%;
}
.row .col.col-207 {
  width: 207%;
}
.row .col.col-208 {
  width: 208%;
}
.row .col.col-209 {
  width: 209%;
}
.row .col.col-210 {
  width: 210%;
}
.row .col.col-211 {
  width: 211%;
}
.row .col.col-212 {
  width: 212%;
}
.row .col.col-213 {
  width: 213%;
}
.row .col.col-214 {
  width: 214%;
}
.row .col.col-215 {
  width: 215%;
}
.row .col.col-216 {
  width: 216%;
}
.row .col.col-217 {
  width: 217%;
}
.row .col.col-218 {
  width: 218%;
}
.row .col.col-219 {
  width: 219%;
}
.row .col.col-220 {
  width: 220%;
}
.row .col.col-221 {
  width: 221%;
}
.row .col.col-222 {
  width: 222%;
}
.row .col.col-223 {
  width: 223%;
}
.row .col.col-224 {
  width: 224%;
}
.row .col.col-225 {
  width: 225%;
}
.row .col.col-226 {
  width: 226%;
}
.row .col.col-227 {
  width: 227%;
}
.row .col.col-228 {
  width: 228%;
}
.row .col.col-229 {
  width: 229%;
}
.row .col.col-230 {
  width: 230%;
}
.row .col.col-231 {
  width: 231%;
}
.row .col.col-232 {
  width: 232%;
}
.row .col.col-233 {
  width: 233%;
}
.row .col.col-234 {
  width: 234%;
}
.row .col.col-235 {
  width: 235%;
}
.row .col.col-236 {
  width: 236%;
}
.row .col.col-237 {
  width: 237%;
}
.row .col.col-238 {
  width: 238%;
}
.row .col.col-239 {
  width: 239%;
}
.row .col.col-240 {
  width: 240%;
}
.row .col.col-241 {
  width: 241%;
}
.row .col.col-242 {
  width: 242%;
}
.row .col.col-243 {
  width: 243%;
}
.row .col.col-244 {
  width: 244%;
}
.row .col.col-245 {
  width: 245%;
}
.row .col.col-246 {
  width: 246%;
}
.row .col.col-247 {
  width: 247%;
}
.row .col.col-248 {
  width: 248%;
}
.row .col.col-249 {
  width: 249%;
}
.row .col.col-250 {
  width: 250%;
}
.row .col.col-251 {
  width: 251%;
}
.row .col.col-252 {
  width: 252%;
}
.row .col.col-253 {
  width: 253%;
}
.row .col.col-254 {
  width: 254%;
}
.row .col.col-255 {
  width: 255%;
}
.row .col.col-256 {
  width: 256%;
}
.row .col.col-257 {
  width: 257%;
}
.row .col.col-258 {
  width: 258%;
}
.row .col.col-259 {
  width: 259%;
}
.row .col.col-260 {
  width: 260%;
}
.row .col.col-261 {
  width: 261%;
}
.row .col.col-262 {
  width: 262%;
}
.row .col.col-263 {
  width: 263%;
}
.row .col.col-264 {
  width: 264%;
}
.row .col.col-265 {
  width: 265%;
}
.row .col.col-266 {
  width: 266%;
}
.row .col.col-267 {
  width: 267%;
}
.row .col.col-268 {
  width: 268%;
}
.row .col.col-269 {
  width: 269%;
}
.row .col.col-270 {
  width: 270%;
}
.row .col.col-271 {
  width: 271%;
}
.row .col.col-272 {
  width: 272%;
}
.row .col.col-273 {
  width: 273%;
}
.row .col.col-274 {
  width: 274%;
}
.row .col.col-275 {
  width: 275%;
}
.row .col.col-276 {
  width: 276%;
}
.row .col.col-277 {
  width: 277%;
}
.row .col.col-278 {
  width: 278%;
}
.row .col.col-279 {
  width: 279%;
}
.row .col.col-280 {
  width: 280%;
}
.row .col.col-281 {
  width: 281%;
}
.row .col.col-282 {
  width: 282%;
}
.row .col.col-283 {
  width: 283%;
}
.row .col.col-284 {
  width: 284%;
}
.row .col.col-285 {
  width: 285%;
}
.row .col.col-286 {
  width: 286%;
}
.row .col.col-287 {
  width: 287%;
}
.row .col.col-288 {
  width: 288%;
}
.row .col.col-289 {
  width: 289%;
}
.row .col.col-290 {
  width: 290%;
}
.row .col.col-291 {
  width: 291%;
}
.row .col.col-292 {
  width: 292%;
}
.row .col.col-293 {
  width: 293%;
}
.row .col.col-294 {
  width: 294%;
}
.row .col.col-295 {
  width: 295%;
}
.row .col.col-296 {
  width: 296%;
}
.row .col.col-297 {
  width: 297%;
}
.row .col.col-298 {
  width: 298%;
}
.row .col.col-299 {
  width: 299%;
}
.row .col.col-300 {
  width: 300%;
}
.row .col.col-301 {
  width: 301%;
}
.row .col.col-302 {
  width: 302%;
}
.row .col.col-303 {
  width: 303%;
}
.row .col.col-304 {
  width: 304%;
}
.row .col.col-305 {
  width: 305%;
}
.row .col.col-306 {
  width: 306%;
}
.row .col.col-307 {
  width: 307%;
}
.row .col.col-308 {
  width: 308%;
}
.row .col.col-309 {
  width: 309%;
}
.row .col.col-310 {
  width: 310%;
}
.row .col.col-311 {
  width: 311%;
}
.row .col.col-312 {
  width: 312%;
}
.row .col.col-313 {
  width: 313%;
}
.row .col.col-314 {
  width: 314%;
}
.row .col.col-315 {
  width: 315%;
}
.row .col.col-316 {
  width: 316%;
}
.row .col.col-317 {
  width: 317%;
}
.row .col.col-318 {
  width: 318%;
}
.row .col.col-319 {
  width: 319%;
}
.row .col.col-320 {
  width: 320%;
}
.row .col.col-321 {
  width: 321%;
}
.row .col.col-322 {
  width: 322%;
}
.row .col.col-323 {
  width: 323%;
}
.row .col.col-324 {
  width: 324%;
}
.row .col.col-325 {
  width: 325%;
}
.row .col.col-326 {
  width: 326%;
}
.row .col.col-327 {
  width: 327%;
}
.row .col.col-328 {
  width: 328%;
}
.row .col.col-329 {
  width: 329%;
}
.row .col.col-330 {
  width: 330%;
}
.row .col.col-331 {
  width: 331%;
}
.row .col.col-332 {
  width: 332%;
}
.row .col.col-333 {
  width: 333%;
}
.row .col.col-334 {
  width: 334%;
}
.row .col.col-335 {
  width: 335%;
}
.row .col.col-336 {
  width: 336%;
}
.row .col.col-337 {
  width: 337%;
}
.row .col.col-338 {
  width: 338%;
}
.row .col.col-339 {
  width: 339%;
}
.row .col.col-340 {
  width: 340%;
}
.row .col.col-341 {
  width: 341%;
}
.row .col.col-342 {
  width: 342%;
}
.row .col.col-343 {
  width: 343%;
}
.row .col.col-344 {
  width: 344%;
}
.row .col.col-345 {
  width: 345%;
}
.row .col.col-346 {
  width: 346%;
}
.row .col.col-347 {
  width: 347%;
}
.row .col.col-348 {
  width: 348%;
}
.row .col.col-349 {
  width: 349%;
}
.row .col.col-350 {
  width: 350%;
}
.row .col.col-351 {
  width: 351%;
}
.row .col.col-352 {
  width: 352%;
}
.row .col.col-353 {
  width: 353%;
}
.row .col.col-354 {
  width: 354%;
}
.row .col.col-355 {
  width: 355%;
}
.row .col.col-356 {
  width: 356%;
}
.row .col.col-357 {
  width: 357%;
}
.row .col.col-358 {
  width: 358%;
}
.row .col.col-359 {
  width: 359%;
}
.row .col.col-360 {
  width: 360%;
}
.row .col.col-361 {
  width: 361%;
}
.row .col.col-362 {
  width: 362%;
}
.row .col.col-363 {
  width: 363%;
}
.row .col.col-364 {
  width: 364%;
}
.row .col.col-365 {
  width: 365%;
}
.row .col.col-366 {
  width: 366%;
}
.row .col.col-367 {
  width: 367%;
}
.row .col.col-368 {
  width: 368%;
}
.row .col.col-369 {
  width: 369%;
}
.row .col.col-370 {
  width: 370%;
}
.row .col.col-371 {
  width: 371%;
}
.row .col.col-372 {
  width: 372%;
}
.row .col.col-373 {
  width: 373%;
}
.row .col.col-374 {
  width: 374%;
}
.row .col.col-375 {
  width: 375%;
}
.row .col.col-376 {
  width: 376%;
}
.row .col.col-377 {
  width: 377%;
}
.row .col.col-378 {
  width: 378%;
}
.row .col.col-379 {
  width: 379%;
}
.row .col.col-380 {
  width: 380%;
}
.row .col.col-381 {
  width: 381%;
}
.row .col.col-382 {
  width: 382%;
}
.row .col.col-383 {
  width: 383%;
}
.row .col.col-384 {
  width: 384%;
}
.row .col.col-385 {
  width: 385%;
}
.row .col.col-386 {
  width: 386%;
}
.row .col.col-387 {
  width: 387%;
}
.row .col.col-388 {
  width: 388%;
}
.row .col.col-389 {
  width: 389%;
}
.row .col.col-390 {
  width: 390%;
}
.row .col.col-391 {
  width: 391%;
}
.row .col.col-392 {
  width: 392%;
}
.row .col.col-393 {
  width: 393%;
}
.row .col.col-394 {
  width: 394%;
}
.row .col.col-395 {
  width: 395%;
}
.row .col.col-396 {
  width: 396%;
}
.row .col.col-397 {
  width: 397%;
}
.row .col.col-398 {
  width: 398%;
}
.row .col.col-399 {
  width: 399%;
}
.row .col.col-400 {
  width: 400%;
}
.row .col.col-401 {
  width: 401%;
}
.row .col.col-402 {
  width: 402%;
}
.row .col.col-403 {
  width: 403%;
}
.row .col.col-404 {
  width: 404%;
}
.row .col.col-405 {
  width: 405%;
}
.row .col.col-406 {
  width: 406%;
}
.row .col.col-407 {
  width: 407%;
}
.row .col.col-408 {
  width: 408%;
}
.row .col.col-409 {
  width: 409%;
}
.row .col.col-410 {
  width: 410%;
}
.row .col.col-411 {
  width: 411%;
}
.row .col.col-412 {
  width: 412%;
}
.row .col.col-413 {
  width: 413%;
}
.row .col.col-414 {
  width: 414%;
}
.row .col.col-415 {
  width: 415%;
}
.row .col.col-416 {
  width: 416%;
}
.row .col.col-417 {
  width: 417%;
}
.row .col.col-418 {
  width: 418%;
}
.row .col.col-419 {
  width: 419%;
}
.row .col.col-420 {
  width: 420%;
}
.row .col.col-421 {
  width: 421%;
}
.row .col.col-422 {
  width: 422%;
}
.row .col.col-423 {
  width: 423%;
}
.row .col.col-424 {
  width: 424%;
}
.row .col.col-425 {
  width: 425%;
}
.row .col.col-426 {
  width: 426%;
}
.row .col.col-427 {
  width: 427%;
}
.row .col.col-428 {
  width: 428%;
}
.row .col.col-429 {
  width: 429%;
}
.row .col.col-430 {
  width: 430%;
}
.row .col.col-431 {
  width: 431%;
}
.row .col.col-432 {
  width: 432%;
}
.row .col.col-433 {
  width: 433%;
}
.row .col.col-434 {
  width: 434%;
}
.row .col.col-435 {
  width: 435%;
}
.row .col.col-436 {
  width: 436%;
}
.row .col.col-437 {
  width: 437%;
}
.row .col.col-438 {
  width: 438%;
}
.row .col.col-439 {
  width: 439%;
}
.row .col.col-440 {
  width: 440%;
}
.row .col.col-441 {
  width: 441%;
}
.row .col.col-442 {
  width: 442%;
}
.row .col.col-443 {
  width: 443%;
}
.row .col.col-444 {
  width: 444%;
}
.row .col.col-445 {
  width: 445%;
}
.row .col.col-446 {
  width: 446%;
}
.row .col.col-447 {
  width: 447%;
}
.row .col.col-448 {
  width: 448%;
}
.row .col.col-449 {
  width: 449%;
}
.row .col.col-450 {
  width: 450%;
}
.row .col.col-451 {
  width: 451%;
}
.row .col.col-452 {
  width: 452%;
}
.row .col.col-453 {
  width: 453%;
}
.row .col.col-454 {
  width: 454%;
}
.row .col.col-455 {
  width: 455%;
}
.row .col.col-456 {
  width: 456%;
}
.row .col.col-457 {
  width: 457%;
}
.row .col.col-458 {
  width: 458%;
}
.row .col.col-459 {
  width: 459%;
}
.row .col.col-460 {
  width: 460%;
}
.row .col.col-461 {
  width: 461%;
}
.row .col.col-462 {
  width: 462%;
}
.row .col.col-463 {
  width: 463%;
}
.row .col.col-464 {
  width: 464%;
}
.row .col.col-465 {
  width: 465%;
}
.row .col.col-466 {
  width: 466%;
}
.row .col.col-467 {
  width: 467%;
}
.row .col.col-468 {
  width: 468%;
}
.row .col.col-469 {
  width: 469%;
}
.row .col.col-470 {
  width: 470%;
}
.row .col.col-471 {
  width: 471%;
}
.row .col.col-472 {
  width: 472%;
}
.row .col.col-473 {
  width: 473%;
}
.row .col.col-474 {
  width: 474%;
}
.row .col.col-475 {
  width: 475%;
}
.row .col.col-476 {
  width: 476%;
}
.row .col.col-477 {
  width: 477%;
}
.row .col.col-478 {
  width: 478%;
}
.row .col.col-479 {
  width: 479%;
}
.row .col.col-480 {
  width: 480%;
}
.row .col.col-481 {
  width: 481%;
}
.row .col.col-482 {
  width: 482%;
}
.row .col.col-483 {
  width: 483%;
}
.row .col.col-484 {
  width: 484%;
}
.row .col.col-485 {
  width: 485%;
}
.row .col.col-486 {
  width: 486%;
}
.row .col.col-487 {
  width: 487%;
}
.row .col.col-488 {
  width: 488%;
}
.row .col.col-489 {
  width: 489%;
}
.row .col.col-490 {
  width: 490%;
}
.row .col.col-491 {
  width: 491%;
}
.row .col.col-492 {
  width: 492%;
}
.row .col.col-493 {
  width: 493%;
}
.row .col.col-494 {
  width: 494%;
}
.row .col.col-495 {
  width: 495%;
}
.row .col.col-496 {
  width: 496%;
}
.row .col.col-497 {
  width: 497%;
}
.row .col.col-498 {
  width: 498%;
}
.row .col.col-499 {
  width: 499%;
}
.row .col.col-500 {
  width: 500%;
}
.row .col.col-501 {
  width: 501%;
}
.row .col.col-502 {
  width: 502%;
}
.row .col.col-503 {
  width: 503%;
}
.row .col.col-504 {
  width: 504%;
}
.row .col.col-505 {
  width: 505%;
}
.row .col.col-506 {
  width: 506%;
}
.row .col.col-507 {
  width: 507%;
}
.row .col.col-508 {
  width: 508%;
}
.row .col.col-509 {
  width: 509%;
}
.row .col.col-510 {
  width: 510%;
}
.row .col.col-511 {
  width: 511%;
}
.row .col.col-512 {
  width: 512%;
}
.row .col.col-513 {
  width: 513%;
}
.row .col.col-514 {
  width: 514%;
}
.row .col.col-515 {
  width: 515%;
}
.row .col.col-516 {
  width: 516%;
}
.row .col.col-517 {
  width: 517%;
}
.row .col.col-518 {
  width: 518%;
}
.row .col.col-519 {
  width: 519%;
}
.row .col.col-520 {
  width: 520%;
}
.row .col.col-521 {
  width: 521%;
}
.row .col.col-522 {
  width: 522%;
}
.row .col.col-523 {
  width: 523%;
}
.row .col.col-524 {
  width: 524%;
}
.row .col.col-525 {
  width: 525%;
}
.row .col.col-526 {
  width: 526%;
}
.row .col.col-527 {
  width: 527%;
}
.row .col.col-528 {
  width: 528%;
}
.row .col.col-529 {
  width: 529%;
}
.row .col.col-530 {
  width: 530%;
}
.row .col.col-531 {
  width: 531%;
}
.row .col.col-532 {
  width: 532%;
}
.row .col.col-533 {
  width: 533%;
}
.row .col.col-534 {
  width: 534%;
}
.row .col.col-535 {
  width: 535%;
}
.row .col.col-536 {
  width: 536%;
}
.row .col.col-537 {
  width: 537%;
}
.row .col.col-538 {
  width: 538%;
}
.row .col.col-539 {
  width: 539%;
}
.row .col.col-540 {
  width: 540%;
}
.row .col.col-541 {
  width: 541%;
}
.row .col.col-542 {
  width: 542%;
}
.row .col.col-543 {
  width: 543%;
}
.row .col.col-544 {
  width: 544%;
}
.row .col.col-545 {
  width: 545%;
}
.row .col.col-546 {
  width: 546%;
}
.row .col.col-547 {
  width: 547%;
}
.row .col.col-548 {
  width: 548%;
}
.row .col.col-549 {
  width: 549%;
}
.row .col.col-550 {
  width: 550%;
}
.row .col.col-551 {
  width: 551%;
}
.row .col.col-552 {
  width: 552%;
}
.row .col.col-553 {
  width: 553%;
}
.row .col.col-554 {
  width: 554%;
}
.row .col.col-555 {
  width: 555%;
}
.row .col.col-556 {
  width: 556%;
}
.row .col.col-557 {
  width: 557%;
}
.row .col.col-558 {
  width: 558%;
}
.row .col.col-559 {
  width: 559%;
}
.row .col.col-560 {
  width: 560%;
}
.row .col.col-561 {
  width: 561%;
}
.row .col.col-562 {
  width: 562%;
}
.row .col.col-563 {
  width: 563%;
}
.row .col.col-564 {
  width: 564%;
}
.row .col.col-565 {
  width: 565%;
}
.row .col.col-566 {
  width: 566%;
}
.row .col.col-567 {
  width: 567%;
}
.row .col.col-568 {
  width: 568%;
}
.row .col.col-569 {
  width: 569%;
}
.row .col.col-570 {
  width: 570%;
}
.row .col.col-571 {
  width: 571%;
}
.row .col.col-572 {
  width: 572%;
}
.row .col.col-573 {
  width: 573%;
}
.row .col.col-574 {
  width: 574%;
}
.row .col.col-575 {
  width: 575%;
}
.row .col.col-576 {
  width: 576%;
}
.row .col.col-577 {
  width: 577%;
}
.row .col.col-578 {
  width: 578%;
}
.row .col.col-579 {
  width: 579%;
}
.row .col.col-580 {
  width: 580%;
}
.row .col.col-581 {
  width: 581%;
}
.row .col.col-582 {
  width: 582%;
}
.row .col.col-583 {
  width: 583%;
}
.row .col.col-584 {
  width: 584%;
}
.row .col.col-585 {
  width: 585%;
}
.row .col.col-586 {
  width: 586%;
}
.row .col.col-587 {
  width: 587%;
}
.row .col.col-588 {
  width: 588%;
}
.row .col.col-589 {
  width: 589%;
}
.row .col.col-590 {
  width: 590%;
}
.row .col.col-591 {
  width: 591%;
}
.row .col.col-592 {
  width: 592%;
}
.row .col.col-593 {
  width: 593%;
}
.row .col.col-594 {
  width: 594%;
}
.row .col.col-595 {
  width: 595%;
}
.row .col.col-596 {
  width: 596%;
}
.row .col.col-597 {
  width: 597%;
}
.row .col.col-598 {
  width: 598%;
}
.row .col.col-599 {
  width: 599%;
}
.row .col.col-600 {
  width: 600%;
}
.row .col.col-601 {
  width: 601%;
}
.row .col.col-602 {
  width: 602%;
}
.row .col.col-603 {
  width: 603%;
}
.row .col.col-604 {
  width: 604%;
}
.row .col.col-605 {
  width: 605%;
}
.row .col.col-606 {
  width: 606%;
}
.row .col.col-607 {
  width: 607%;
}
.row .col.col-608 {
  width: 608%;
}
.row .col.col-609 {
  width: 609%;
}
.row .col.col-610 {
  width: 610%;
}
.row .col.col-611 {
  width: 611%;
}
.row .col.col-612 {
  width: 612%;
}
.row .col.col-613 {
  width: 613%;
}
.row .col.col-614 {
  width: 614%;
}
.row .col.col-615 {
  width: 615%;
}
.row .col.col-616 {
  width: 616%;
}
.row .col.col-617 {
  width: 617%;
}
.row .col.col-618 {
  width: 618%;
}
.row .col.col-619 {
  width: 619%;
}
.row .col.col-620 {
  width: 620%;
}
.row .col.col-621 {
  width: 621%;
}
.row .col.col-622 {
  width: 622%;
}
.row .col.col-623 {
  width: 623%;
}
.row .col.col-624 {
  width: 624%;
}
.row .col.col-625 {
  width: 625%;
}
.row .col.col-626 {
  width: 626%;
}
.row .col.col-627 {
  width: 627%;
}
.row .col.col-628 {
  width: 628%;
}
.row .col.col-629 {
  width: 629%;
}
.row .col.col-630 {
  width: 630%;
}
.row .col.col-631 {
  width: 631%;
}
.row .col.col-632 {
  width: 632%;
}
.row .col.col-633 {
  width: 633%;
}
.row .col.col-634 {
  width: 634%;
}
.row .col.col-635 {
  width: 635%;
}
.row .col.col-636 {
  width: 636%;
}
.row .col.col-637 {
  width: 637%;
}
.row .col.col-638 {
  width: 638%;
}
.row .col.col-639 {
  width: 639%;
}
.row .col.col-640 {
  width: 640%;
}
.row .col.col-641 {
  width: 641%;
}
.row .col.col-642 {
  width: 642%;
}
.row .col.col-643 {
  width: 643%;
}
.row .col.col-644 {
  width: 644%;
}
.row .col.col-645 {
  width: 645%;
}
.row .col.col-646 {
  width: 646%;
}
.row .col.col-647 {
  width: 647%;
}
.row .col.col-648 {
  width: 648%;
}
.row .col.col-649 {
  width: 649%;
}
.row .col.col-650 {
  width: 650%;
}
.row .col.col-651 {
  width: 651%;
}
.row .col.col-652 {
  width: 652%;
}
.row .col.col-653 {
  width: 653%;
}
.row .col.col-654 {
  width: 654%;
}
.row .col.col-655 {
  width: 655%;
}
.row .col.col-656 {
  width: 656%;
}
.row .col.col-657 {
  width: 657%;
}
.row .col.col-658 {
  width: 658%;
}
.row .col.col-659 {
  width: 659%;
}
.row .col.col-660 {
  width: 660%;
}
.row .col.col-661 {
  width: 661%;
}
.row .col.col-662 {
  width: 662%;
}
.row .col.col-663 {
  width: 663%;
}
.row .col.col-664 {
  width: 664%;
}
.row .col.col-665 {
  width: 665%;
}
.row .col.col-666 {
  width: 666%;
}
.row .col.col-667 {
  width: 667%;
}
.row .col.col-668 {
  width: 668%;
}
.row .col.col-669 {
  width: 669%;
}
.row .col.col-670 {
  width: 670%;
}
.row .col.col-671 {
  width: 671%;
}
.row .col.col-672 {
  width: 672%;
}
.row .col.col-673 {
  width: 673%;
}
.row .col.col-674 {
  width: 674%;
}
.row .col.col-675 {
  width: 675%;
}
.row .col.col-676 {
  width: 676%;
}
.row .col.col-677 {
  width: 677%;
}
.row .col.col-678 {
  width: 678%;
}
.row .col.col-679 {
  width: 679%;
}
.row .col.col-680 {
  width: 680%;
}
.row .col.col-681 {
  width: 681%;
}
.row .col.col-682 {
  width: 682%;
}
.row .col.col-683 {
  width: 683%;
}
.row .col.col-684 {
  width: 684%;
}
.row .col.col-685 {
  width: 685%;
}
.row .col.col-686 {
  width: 686%;
}
.row .col.col-687 {
  width: 687%;
}
.row .col.col-688 {
  width: 688%;
}
.row .col.col-689 {
  width: 689%;
}
.row .col.col-690 {
  width: 690%;
}
.row .col.col-691 {
  width: 691%;
}
.row .col.col-692 {
  width: 692%;
}
.row .col.col-693 {
  width: 693%;
}
.row .col.col-694 {
  width: 694%;
}
.row .col.col-695 {
  width: 695%;
}
.row .col.col-696 {
  width: 696%;
}
.row .col.col-697 {
  width: 697%;
}
.row .col.col-698 {
  width: 698%;
}
.row .col.col-699 {
  width: 699%;
}
.row .col.col-700 {
  width: 700%;
}
.row .col.col-701 {
  width: 701%;
}
.row .col.col-702 {
  width: 702%;
}
.row .col.col-703 {
  width: 703%;
}
.row .col.col-704 {
  width: 704%;
}
.row .col.col-705 {
  width: 705%;
}
.row .col.col-706 {
  width: 706%;
}
.row .col.col-707 {
  width: 707%;
}
.row .col.col-708 {
  width: 708%;
}
.row .col.col-709 {
  width: 709%;
}
.row .col.col-710 {
  width: 710%;
}
.row .col.col-711 {
  width: 711%;
}
.row .col.col-712 {
  width: 712%;
}
.row .col.col-713 {
  width: 713%;
}
.row .col.col-714 {
  width: 714%;
}
.row .col.col-715 {
  width: 715%;
}
.row .col.col-716 {
  width: 716%;
}
.row .col.col-717 {
  width: 717%;
}
.row .col.col-718 {
  width: 718%;
}
.row .col.col-719 {
  width: 719%;
}
.row .col.col-720 {
  width: 720%;
}
.row .col.col-721 {
  width: 721%;
}
.row .col.col-722 {
  width: 722%;
}
.row .col.col-723 {
  width: 723%;
}
.row .col.col-724 {
  width: 724%;
}
.row .col.col-725 {
  width: 725%;
}
.row .col.col-726 {
  width: 726%;
}
.row .col.col-727 {
  width: 727%;
}
.row .col.col-728 {
  width: 728%;
}
.row .col.col-729 {
  width: 729%;
}
.row .col.col-730 {
  width: 730%;
}
.row .col.col-731 {
  width: 731%;
}
.row .col.col-732 {
  width: 732%;
}
.row .col.col-733 {
  width: 733%;
}
.row .col.col-734 {
  width: 734%;
}
.row .col.col-735 {
  width: 735%;
}
.row .col.col-736 {
  width: 736%;
}
.row .col.col-737 {
  width: 737%;
}
.row .col.col-738 {
  width: 738%;
}
.row .col.col-739 {
  width: 739%;
}
.row .col.col-740 {
  width: 740%;
}
.row .col.col-741 {
  width: 741%;
}
.row .col.col-742 {
  width: 742%;
}
.row .col.col-743 {
  width: 743%;
}
.row .col.col-744 {
  width: 744%;
}
.row .col.col-745 {
  width: 745%;
}
.row .col.col-746 {
  width: 746%;
}
.row .col.col-747 {
  width: 747%;
}
.row .col.col-748 {
  width: 748%;
}
.row .col.col-749 {
  width: 749%;
}
.row .col.col-750 {
  width: 750%;
}
.row .col.col-751 {
  width: 751%;
}
.row .col.col-752 {
  width: 752%;
}
.row .col.col-753 {
  width: 753%;
}
.row .col.col-754 {
  width: 754%;
}
.row .col.col-755 {
  width: 755%;
}
.row .col.col-756 {
  width: 756%;
}
.row .col.col-757 {
  width: 757%;
}
.row .col.col-758 {
  width: 758%;
}
.row .col.col-759 {
  width: 759%;
}
.row .col.col-760 {
  width: 760%;
}
.row .col.col-761 {
  width: 761%;
}
.row .col.col-762 {
  width: 762%;
}
.row .col.col-763 {
  width: 763%;
}
.row .col.col-764 {
  width: 764%;
}
.row .col.col-765 {
  width: 765%;
}
.row .col.col-766 {
  width: 766%;
}
.row .col.col-767 {
  width: 767%;
}
.row .col.col-768 {
  width: 768%;
}
.row .col.col-769 {
  width: 769%;
}
.row .col.col-770 {
  width: 770%;
}
.row .col.col-771 {
  width: 771%;
}
.row .col.col-772 {
  width: 772%;
}
.row .col.col-773 {
  width: 773%;
}
.row .col.col-774 {
  width: 774%;
}
.row .col.col-775 {
  width: 775%;
}
.row .col.col-776 {
  width: 776%;
}
.row .col.col-777 {
  width: 777%;
}
.row .col.col-778 {
  width: 778%;
}
.row .col.col-779 {
  width: 779%;
}
.row .col.col-780 {
  width: 780%;
}
.row .col.col-781 {
  width: 781%;
}
.row .col.col-782 {
  width: 782%;
}
.row .col.col-783 {
  width: 783%;
}
.row .col.col-784 {
  width: 784%;
}
.row .col.col-785 {
  width: 785%;
}
.row .col.col-786 {
  width: 786%;
}
.row .col.col-787 {
  width: 787%;
}
.row .col.col-788 {
  width: 788%;
}
.row .col.col-789 {
  width: 789%;
}
.row .col.col-790 {
  width: 790%;
}
.row .col.col-791 {
  width: 791%;
}
.row .col.col-792 {
  width: 792%;
}
.row .col.col-793 {
  width: 793%;
}
.row .col.col-794 {
  width: 794%;
}
.row .col.col-795 {
  width: 795%;
}
.row .col.col-796 {
  width: 796%;
}
.row .col.col-797 {
  width: 797%;
}
.row .col.col-798 {
  width: 798%;
}
.row .col.col-799 {
  width: 799%;
}
.row .col.col-800 {
  width: 800%;
}
.row .col.col-801 {
  width: 801%;
}
.row .col.col-802 {
  width: 802%;
}
.row .col.col-803 {
  width: 803%;
}
.row .col.col-804 {
  width: 804%;
}
.row .col.col-805 {
  width: 805%;
}
.row .col.col-806 {
  width: 806%;
}
.row .col.col-807 {
  width: 807%;
}
.row .col.col-808 {
  width: 808%;
}
.row .col.col-809 {
  width: 809%;
}
.row .col.col-810 {
  width: 810%;
}
.row .col.col-811 {
  width: 811%;
}
.row .col.col-812 {
  width: 812%;
}
.row .col.col-813 {
  width: 813%;
}
.row .col.col-814 {
  width: 814%;
}
.row .col.col-815 {
  width: 815%;
}
.row .col.col-816 {
  width: 816%;
}
.row .col.col-817 {
  width: 817%;
}
.row .col.col-818 {
  width: 818%;
}
.row .col.col-819 {
  width: 819%;
}
.row .col.col-820 {
  width: 820%;
}
.row .col.col-821 {
  width: 821%;
}
.row .col.col-822 {
  width: 822%;
}
.row .col.col-823 {
  width: 823%;
}
.row .col.col-824 {
  width: 824%;
}
.row .col.col-825 {
  width: 825%;
}
.row .col.col-826 {
  width: 826%;
}
.row .col.col-827 {
  width: 827%;
}
.row .col.col-828 {
  width: 828%;
}
.row .col.col-829 {
  width: 829%;
}
.row .col.col-830 {
  width: 830%;
}
.row .col.col-831 {
  width: 831%;
}
.row .col.col-832 {
  width: 832%;
}
.row .col.col-833 {
  width: 833%;
}
.row .col.col-834 {
  width: 834%;
}
.row .col.col-835 {
  width: 835%;
}
.row .col.col-836 {
  width: 836%;
}
.row .col.col-837 {
  width: 837%;
}
.row .col.col-838 {
  width: 838%;
}
.row .col.col-839 {
  width: 839%;
}
.row .col.col-840 {
  width: 840%;
}
.row .col.col-841 {
  width: 841%;
}
.row .col.col-842 {
  width: 842%;
}
.row .col.col-843 {
  width: 843%;
}
.row .col.col-844 {
  width: 844%;
}
.row .col.col-845 {
  width: 845%;
}
.row .col.col-846 {
  width: 846%;
}
.row .col.col-847 {
  width: 847%;
}
.row .col.col-848 {
  width: 848%;
}
.row .col.col-849 {
  width: 849%;
}
.row .col.col-850 {
  width: 850%;
}
.row .col.col-851 {
  width: 851%;
}
.row .col.col-852 {
  width: 852%;
}
.row .col.col-853 {
  width: 853%;
}
.row .col.col-854 {
  width: 854%;
}
.row .col.col-855 {
  width: 855%;
}
.row .col.col-856 {
  width: 856%;
}
.row .col.col-857 {
  width: 857%;
}
.row .col.col-858 {
  width: 858%;
}
.row .col.col-859 {
  width: 859%;
}
.row .col.col-860 {
  width: 860%;
}
.row .col.col-861 {
  width: 861%;
}
.row .col.col-862 {
  width: 862%;
}
.row .col.col-863 {
  width: 863%;
}
.row .col.col-864 {
  width: 864%;
}
.row .col.col-865 {
  width: 865%;
}
.row .col.col-866 {
  width: 866%;
}
.row .col.col-867 {
  width: 867%;
}
.row .col.col-868 {
  width: 868%;
}
.row .col.col-869 {
  width: 869%;
}
.row .col.col-870 {
  width: 870%;
}
.row .col.col-871 {
  width: 871%;
}
.row .col.col-872 {
  width: 872%;
}
.row .col.col-873 {
  width: 873%;
}
.row .col.col-874 {
  width: 874%;
}
.row .col.col-875 {
  width: 875%;
}
.row .col.col-876 {
  width: 876%;
}
.row .col.col-877 {
  width: 877%;
}
.row .col.col-878 {
  width: 878%;
}
.row .col.col-879 {
  width: 879%;
}
.row .col.col-880 {
  width: 880%;
}
.row .col.col-881 {
  width: 881%;
}
.row .col.col-882 {
  width: 882%;
}
.row .col.col-883 {
  width: 883%;
}
.row .col.col-884 {
  width: 884%;
}
.row .col.col-885 {
  width: 885%;
}
.row .col.col-886 {
  width: 886%;
}
.row .col.col-887 {
  width: 887%;
}
.row .col.col-888 {
  width: 888%;
}
.row .col.col-889 {
  width: 889%;
}
.row .col.col-890 {
  width: 890%;
}
.row .col.col-891 {
  width: 891%;
}
.row .col.col-892 {
  width: 892%;
}
.row .col.col-893 {
  width: 893%;
}
.row .col.col-894 {
  width: 894%;
}
.row .col.col-895 {
  width: 895%;
}
.row .col.col-896 {
  width: 896%;
}
.row .col.col-897 {
  width: 897%;
}
.row .col.col-898 {
  width: 898%;
}
.row .col.col-899 {
  width: 899%;
}
.row .col.col-900 {
  width: 900%;
}
.row .col.col-901 {
  width: 901%;
}
.row .col.col-902 {
  width: 902%;
}
.row .col.col-903 {
  width: 903%;
}
.row .col.col-904 {
  width: 904%;
}
.row .col.col-905 {
  width: 905%;
}
.row .col.col-906 {
  width: 906%;
}
.row .col.col-907 {
  width: 907%;
}
.row .col.col-908 {
  width: 908%;
}
.row .col.col-909 {
  width: 909%;
}
.row .col.col-910 {
  width: 910%;
}
.row .col.col-911 {
  width: 911%;
}
.row .col.col-912 {
  width: 912%;
}
.row .col.col-913 {
  width: 913%;
}
.row .col.col-914 {
  width: 914%;
}
.row .col.col-915 {
  width: 915%;
}
.row .col.col-916 {
  width: 916%;
}
.row .col.col-917 {
  width: 917%;
}
.row .col.col-918 {
  width: 918%;
}
.row .col.col-919 {
  width: 919%;
}
.row .col.col-920 {
  width: 920%;
}
.row .col.col-921 {
  width: 921%;
}
.row .col.col-922 {
  width: 922%;
}
.row .col.col-923 {
  width: 923%;
}
.row .col.col-924 {
  width: 924%;
}
.row .col.col-925 {
  width: 925%;
}
.row .col.col-926 {
  width: 926%;
}
.row .col.col-927 {
  width: 927%;
}
.row .col.col-928 {
  width: 928%;
}
.row .col.col-929 {
  width: 929%;
}
.row .col.col-930 {
  width: 930%;
}
.row .col.col-931 {
  width: 931%;
}
.row .col.col-932 {
  width: 932%;
}
.row .col.col-933 {
  width: 933%;
}
.row .col.col-934 {
  width: 934%;
}
.row .col.col-935 {
  width: 935%;
}
.row .col.col-936 {
  width: 936%;
}
.row .col.col-937 {
  width: 937%;
}
.row .col.col-938 {
  width: 938%;
}
.row .col.col-939 {
  width: 939%;
}
.row .col.col-940 {
  width: 940%;
}
.row .col.col-941 {
  width: 941%;
}
.row .col.col-942 {
  width: 942%;
}
.row .col.col-943 {
  width: 943%;
}
.row .col.col-944 {
  width: 944%;
}
.row .col.col-945 {
  width: 945%;
}
.row .col.col-946 {
  width: 946%;
}
.row .col.col-947 {
  width: 947%;
}
.row .col.col-948 {
  width: 948%;
}
.row .col.col-949 {
  width: 949%;
}
.row .col.col-950 {
  width: 950%;
}
.row .col.col-951 {
  width: 951%;
}
.row .col.col-952 {
  width: 952%;
}
.row .col.col-953 {
  width: 953%;
}
.row .col.col-954 {
  width: 954%;
}
.row .col.col-955 {
  width: 955%;
}
.row .col.col-956 {
  width: 956%;
}
.row .col.col-957 {
  width: 957%;
}
.row .col.col-958 {
  width: 958%;
}
.row .col.col-959 {
  width: 959%;
}
.row .col.col-960 {
  width: 960%;
}
.row .col.col-961 {
  width: 961%;
}
.row .col.col-962 {
  width: 962%;
}
.row .col.col-963 {
  width: 963%;
}
.row .col.col-964 {
  width: 964%;
}
.row .col.col-965 {
  width: 965%;
}
.row .col.col-966 {
  width: 966%;
}
.row .col.col-967 {
  width: 967%;
}
.row .col.col-968 {
  width: 968%;
}
.row .col.col-969 {
  width: 969%;
}
.row .col.col-970 {
  width: 970%;
}
.row .col.col-971 {
  width: 971%;
}
.row .col.col-972 {
  width: 972%;
}
.row .col.col-973 {
  width: 973%;
}
.row .col.col-974 {
  width: 974%;
}
.row .col.col-975 {
  width: 975%;
}
.row .col.col-976 {
  width: 976%;
}
.row .col.col-977 {
  width: 977%;
}
.row .col.col-978 {
  width: 978%;
}
.row .col.col-979 {
  width: 979%;
}
.row .col.col-980 {
  width: 980%;
}
.row .col.col-981 {
  width: 981%;
}
.row .col.col-982 {
  width: 982%;
}
.row .col.col-983 {
  width: 983%;
}
.row .col.col-984 {
  width: 984%;
}
.row .col.col-985 {
  width: 985%;
}
.row .col.col-986 {
  width: 986%;
}
.row .col.col-987 {
  width: 987%;
}
.row .col.col-988 {
  width: 988%;
}
.row .col.col-989 {
  width: 989%;
}
.row .col.col-990 {
  width: 990%;
}
.row .col.col-991 {
  width: 991%;
}
.row .col.col-992 {
  width: 992%;
}
.row .col.col-993 {
  width: 993%;
}
.row .col.col-994 {
  width: 994%;
}
.row .col.col-995 {
  width: 995%;
}
.row .col.col-996 {
  width: 996%;
}
.row .col.col-997 {
  width: 997%;
}
.row .col.col-998 {
  width: 998%;
}
.row .col.col-999 {
  width: 999%;
}
.row .col.col-1000 {
  width: 1000%;
}
.row.gutter {
  margin-left: -10px;
  margin-right: -10px;
  align-items: stretch;
}
.row.gutter .col {
  padding: 0 10px;
  margin-bottom: 20px;
}
.row.gutter .col .mb-0 {
  margin-bottom: 0;
}
.row.gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
  align-items: stretch;
}
.row.gutter-40 .col {
  padding: 0 20px;
  margin-bottom: 40px;
}
.row.gutter-40 .col .mb-0 {
  margin-bottom: 0;
}

.mt-40 {
  margin-top: 40px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mt-100 {
  margin-top: 100px;
}

h2 {
  color: #283e3e;
  font-size: 3.1em;
  font-weight: 400;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-family: "Kalnia";
}

h3 {
  font-size: 2.2em;
  color: #fff;
  font-stretch: condensed;
  font-weight: 400;
  margin-bottom: 10px;
}

p {
  font-size: 1em;
  color: #283e3e;
}

.text-center {
  text-align: center;
  display: block;
}

.subpage-title {
  background-color: #f1f6f6;
  padding: 50px 180px 0;
}
.subpage-title p {
  text-align: center;
  width: 70%;
  margin: 40px auto 0;
}

.backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 75px;
  height: 75px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 2px solid #387777;
  color: #387777;
  opacity: 0;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-transition: all 0.3;
  -moz-transition: all 0.3;
  -o-transition: all 0.3;
  transition: all 0.3;
}
.backToTop svg {
  fill: currentColor;
}
.backToTop.active {
  opacity: 1;
}
.backToTop:hover {
  background-color: #387777;
  color: white;
}
.backToTop:hover svg {
  fill: white;
}

.fRow {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.fRow .fCol {
  width: 48%;
}
.fRow .fCol.w100 {
  width: 100%;
}
.fRow .fCol input[type=text] {
  width: 100%;
  border: none;
  background: none;
  height: 40px;
  color: #fff;
  border-bottom: 1px solid #717171;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 1em;
}
.fRow .fCol input[type=text]:focus {
  border-bottom: 1px solid #fff;
}
.fRow .fCol input[type=submit] {
  color: #2E323D;
  font-size: 1em;
  font-weight: 600;
  padding: 0 80px 0 55px;
  background: #fff url(../images/icons/btnArrow.svg) no-repeat 80% center;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  display: block;
  max-width: 200px;
  display: block;
  border: none;
  line-height: 52px;
  cursor: pointer;
  float: right;
}
.fRow .fCol input[type=submit]:hover {
  background: #283e3e url(../images/icons/btnArrow.svg) no-repeat 80% center;
}
.fRow .fCol.chkBox input[type=checkbox] {
  width: 0;
  height: 0;
  opacity: 0;
}
.fRow .fCol.chkBox label {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 25px;
  position: relative;
  color: #fff;
  font-size: 0.8em;
}
.fRow .fCol.chkBox label:before {
  width: 20px;
  height: 20px;
  border: 1px solid #717171;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.fRow .fCol.chkBox label a {
  text-decoration: underline;
}
.fRow .fCol.chkBox input[type=checkbox]:checked + label:before {
  border: 1px solid #fff;
  content: "✓";
}

.fullImg {
  width: 100%;
  position: relative;
}
.fullImg img {
  width: 100%;
}
.fullImg:before {
  position: absolute;
  background: linear-gradient(0deg, #031014 0%, rgba(3, 16, 20, 0) 100%);
  display: block;
  content: "";
  bottom: 0;
  width: 100%;
  height: 40%;
}

.rounded-img {
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
}
.rounded-img img {
  width: 100%;
}

/*General Elements */
.openForm {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 99;
}
.openForm span {
  display: block;
  white-space: nowrap;
  background-color: #283e3e;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 25px;
  position: absolute;
  right: 25px;
  top: 0;
  transform-origin: right;
  -webkit-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
  -webkit-font-smoothing: antialiased;
}

.form-fixed {
  position: fixed;
  right: -450px;
  top: 53%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 999;
  width: 400px;
  background-color: #283e3e;
  color: white;
  padding: 40px 20px;
  border: 1px solid #5b7d7d;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-fixed.active {
  right: 0;
}
.form-fixed .form-fixed-close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 0px;
  background-color: white;
  color: #283e3e;
  font-size: 16px;
  font-weight: bold;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.form-fixed strong {
  font-family: "pf_marlet_displayregular", sans-serif;
  font-size: 20px;
  text-align: center;
  display: block;
}
.form-fixed span {
  font-size: 18px;
  display: block;
  text-align: center;
}
.form-fixed .contact_form {
  margin-top: 10px;
}
.form-fixed .contact_form .inputs .input-group input, .form-fixed .contact_form .inputs .input-group select {
  width: 100%;
  background-color: #f1f6f6;
  border: 0;
  outline: 0;
  height: 40px;
  margin-bottom: 10px;
  text-indent: 10px;
  color: #283e3e;
  font-weight: bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.form-fixed .contact_form .inputs .input-group input::placeholder, .form-fixed .contact_form .inputs .input-group select::placeholder {
  font-weight: bold;
}
.form-fixed .contact_form .inputs .kvkkWrapper {
  margin-top: 15px;
}
.form-fixed .contact_form .inputs .kvkkWrapper p.agree {
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}
.form-fixed .contact_form .inputs .kvkkWrapper p.agree input {
  display: none;
}
.form-fixed .form-submit {
  padding: 15px;
  width: 100%;
  display: block;
  background-color: white;
  color: #283e3e;
  border: none;
  outline: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
  cursor: pointer;
}
.form-fixed input[type=checkbox]:not(old) + label, .form-fixed input[type=radio]:not(old) + label {
  position: relative;
  color: white;
  padding-left: 35px;
  display: block;
  padding-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.form-fixed input[type=checkbox]:not(old) + label a, .form-fixed input[type=radio]:not(old) + label a {
  color: white;
  text-decoration: underline;
}
.form-fixed input[type=checkbox]:not(old) + label:before, .form-fixed input[type=radio]:not(old) + label:before {
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid white;
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
}
.form-fixed input[type=checkbox]:not(old) + label:after, .form-fixed input[type=radio]:not(old) + label:after {
  display: block;
  width: 7px;
  height: 7px;
  background: white;
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-fixed input[type=checkbox]:not(old):checked + label:after, .form-fixed input[type=radio]:not(old):checked + label:after {
  opacity: 1;
}

.decor {
  position: absolute;
  display: block;
  height: auto;
  transform-origin: 50% 50%;
  pointer-events: none;
}
.decor.o1 {
  width: 10%;
  transform: rotate(155deg);
  left: -2%;
  top: 100px;
}
.decor.o1-1 {
  width: 10%;
  transform: rotate(155deg);
  left: -2%;
  top: 35%;
}
.decor.o1-2 {
  width: 10%;
  transform: rotate(155deg);
  left: -2%;
  top: 75%;
}
.decor.o1-3 {
  width: 10%;
  transform: rotate(-25deg);
  right: -2%;
  top: 100px;
}
.decor.o2 {
  width: 10%;
  transform: rotate(-25deg);
  right: -2%;
  top: 80vh;
}
.decor.o2-1 {
  width: 10%;
  transform: rotate(-25deg);
  right: -2%;
  top: 50%;
}
.decor.o2-2 {
  width: 10%;
  transform: rotate(-25deg);
  right: -2%;
  top: 95%;
}
.decor.o3 {
  width: 20%;
  transform: rotate(-55deg);
  right: -8%;
  top: 80%;
  z-index: 2;
}
.decor.o4 {
  width: 15%;
  transform: rotate(185deg);
  left: -2%;
  top: 100px;
}
.decor.bottle {
  width: 20%;
  right: 0%;
  top: -300px;
}
.decor.tree {
  width: 20%;
  left: -9%;
  top: 0;
  opacity: 0.5;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
  padding: 20px 160px;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
header.scrooled {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  padding: 10px 160px;
}
header.scrooled .sizi-arayalim {
  color: #283e3e !important;
}
header.scrooled .menu-btn span {
  background-color: #283e3e !important;
}
header.scrooled .content .logo {
  width: 160px;
}
header.scrooled .content .logo svg .cls-1 {
  stroke: #283e3e;
}
header.scrooled .content .logo svg .cls-4 {
  fill: #283e3e;
}
header .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .content .logo {
  width: 200px;
  display: block;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
header .content .logo svg {
  display: block;
  width: 100%;
}
header .content .logo svg .cls-1 {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2.39px;
}
header .content .logo svg .cls-1, header .content .logo svg .cls-2 {
  fill: none;
}
header .content .logo svg .cls-3 {
  clip-path: url(#clippath-2);
}
header .content .logo svg .cls-2, header .content .logo svg .cls-4 {
  stroke-width: 0px;
}
header .content .logo svg .cls-5 {
  clip-path: url(#clippath-1);
}
header .content .logo svg .cls-4 {
  fill: #fff;
}
header .content .logo svg .cls-6 {
  clip-path: url(#clippath);
}
header .content .sizi-arayalim {
  margin-left: auto;
  margin-right: 15px;
  color: white;
  font-weight: bold;
  height: max-content;
  font-size: 18px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 5px 25px;
}
header .content .menu-btn span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header .content .menu {
  width: 30%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: -30%;
  background-color: #283e3e;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s;
}
header .content .menu.active {
  right: 0;
}
header .content .menu.active .menu-close {
  opacity: 1;
  pointer-events: all;
}
header .content .menu .menu-close {
  margin-left: auto;
  cursor: pointer;
  background-color: #192e2e;
  color: white;
  display: inline-block;
  padding: 10px 15px;
  position: absolute;
  right: 40px;
  top: 40px;
  opacity: 0;
  pointer-events: none;
}
header .content .menu .menu-close span {
  margin-left: 15px;
}
header .content .menu ul {
  width: 75%;
  margin: 150px 0 0 auto;
}
header .content .menu ul li {
  color: white;
  font-size: 23px;
  font-weight: 300;
  margin-bottom: 10px;
}
header .content .menu ul li a {
  display: block;
}
header .content .menu ul li a.hasSub {
  position: relative;
  width: 75%;
}
header .content .menu ul li a.hasSub.active::after {
  content: "-";
}
header .content .menu ul li a.hasSub::after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  left: 100%;
}
header .content .menu ul li ul {
  margin: 0 25px;
  display: none;
}
header .content .menu ul li ul li {
  margin: 5px;
  font-size: 20px;
}
header .content .menu .contact {
  border-top: 1px solid #396c6c;
  width: 75%;
  margin: 75px 0 100px auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 40px;
}
header .content .menu .contact .contact-tel {
  color: white;
  font-size: 20px;
  white-space: nowrap;
}
header .content .menu .contact .social-media {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: 30px;
}
header .content .menu .contact .social-media a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 12px;
  border-right: 1px solid white;
}
header .content .menu .contact .social-media a:first-child {
  padding-left: 0;
}
header .content .menu .contact .social-media a:last-child {
  border-right: none;
  padding-right: 0;
}
header .content .menu .contact .social-media a img {
  height: 100%;
  width: 24px;
  object-fit: contain;
}

.panel-stack .speakers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  top: -30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #283e3e;
  color: white;
  height: 50px;
  padding: 0px 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-transition: top 0.3;
  -moz-transition: top 0.3;
  -o-transition: top 0.3;
  transition: top 0.3;
  border: 1px solid white;
}
.panel-stack .speakers.scrooled {
  top: 0;
}
.panel-stack .speakers img {
  filter: invert(1);
  width: 40px;
  margin-right: 10px;
}
.panel-stack .speakers img.small {
  width: 15px;
  object-fit: contain;
}

section.mainSlider {
  width: 100%;
  height: 100%;
  height: 100vh;
  margin: 0;
  position: relative;
  padding: 0;
  position: sticky;
  top: 0;
}
section.mainSlider:before {
  display: block;
  width: 100%;
  height: 30%;
  content: "";
  z-index: 2;
  background: #000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
section.mainSlider .content {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 120px;
}
section.mainSlider .owl-carousel, section.mainSlider .owl-stage-outer, section.mainSlider .owl-stage, section.mainSlider .owl-item, section.mainSlider .item {
  height: 100%;
}
section.mainSlider .item {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: relative;
}
section.mainSlider .item:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
section.mainSlider .item img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.mainSlider .item .content {
  height: 100%;
  position: relative;
}
section.mainSlider .item .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #fff;
  left: 180px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transition-delay: 1s;
  z-index: 2;
  width: 100%;
}
section.mainSlider .item .caption h2 {
  font-weight: normal;
  font-size: 4em;
  color: #fff;
  line-height: 1.1;
  max-width: 80%;
  width: 100%;
}
section.mainSlider .item .caption h2:before, section.mainSlider .item .caption h2:after {
  display: none;
}
section.mainSlider .item .caption h2 small {
  display: block;
  font-size: 0.65em;
}
section.mainSlider .active .item .caption {
  opacity: 1;
}
section.mainSlider .owl-dots {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 70px;
}
section.mainSlider .owl-dots button {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 12px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
section.mainSlider .owl-dots button span {
  display: block;
  width: 100%;
  height: 100%;
  background: #a2a691;
  position: relative;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
section.mainSlider .owl-dots button.active {
  border: 2px solid #fff;
}
section.mainSlider .owl-dots button.active span {
  background: #283e3e;
}
section.mainSlider .scroll {
  right: 110px;
  bottom: 120px;
  z-index: 3;
}

section.location {
  text-align: center;
  background: #f1f6f6;
  position: relative;
  overflow: hidden;
  z-index: 6;
  padding-left: 0;
  padding-right: 0;
}
section.location .row {
  padding-top: 50px;
  padding-bottom: 150px;
}
section.location .row .col {
  color: #283e3e;
  font-size: 2em;
  font-family: "Kalnia";
  text-wrap: nowrap;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
section.location .row .col.active {
  font-size: 2.5em;
}
section.location .row .col.active strong {
  font-size: 0.8em;
}
section.location .row .col br {
  display: none;
}
section.location .row .col strong {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 0.6em;
}
section.location p {
  font-size: 1.4em;
  padding: 25px 25px 0;
}

section.videos {
  text-align: center;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
section.videos a {
  display: block;
  width: 100%;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
section.videos a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/play.svg) no-repeat;
  background-size: contain;
  width: 75px;
  height: 75px;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
section.videos a img {
  display: block;
  width: 100%;
  object-fit: cover;
}
section.videos a:hover:after {
  width: 100px;
  height: 100px;
}

section.packages {
  text-align: center;
  padding: 0 180px 90px;
}
section.packages.subpage {
  background-color: #f1f6f6;
}
section.packages.subpage h2 {
  font-size: 2em;
}
section.packages.subpage .decor.bottle {
  top: -280px;
}
section.packages.subpage .item {
  background-color: #fff;
}
section.packages .row {
  margin-top: 30px;
}
section.packages .row .col {
  margin-bottom: 0;
}
section.packages a {
  margin-top: 20px;
}
section.packages .item {
  width: 100%;
  padding: 50px 40px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
section.packages .item strong {
  color: #283e3e;
  font-family: "pf_marlet_displayregular", sans-serif;
  font-size: 120px;
  position: relative;
}
section.packages .item strong::after {
  content: "";
  background: url(../images/yil.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -25px;
  display: block;
  width: 50px;
  height: 50px;
}
section.packages .item p {
  font-size: 20px;
  height: 250px;
  text-align: start;
}

section.thermal {
  text-align: center;
  background: #f1f6f6;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 100px;
}
section.thermal strong {
  display: block;
}
section.thermal .content {
  margin: 0 auto;
}

.vertical-story__controls {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 25px auto;
}
.vertical-story__controls .vs-arrow {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid #283e3e !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: transparent !important;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.vertical-story__controls .vs-arrow::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #283e3e;
  border-right: 2px solid #283e3e;
  display: block;
}
.vertical-story__controls .vs-arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vertical-story__controls .vs-arrow:hover:not(:disabled) {
  background: rgba(40, 62, 62, 0.1) !important;
}
.vertical-story__controls .vs-arrow.vs-prev::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  margin-left: 4px;
}
.vertical-story__controls .vs-arrow.vs-next::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-right: 4px;
}

.carousel {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  perspective: 1800px;
}
.carousel .carousel__prev, .carousel .carousel__next {
  position: absolute;
  bottom: -110px;
  z-index: 3;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background: rgba(241, 246, 246, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid #283e3e;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  transition: all 0.3s ease;
}
.carousel .carousel__prev::after, .carousel .carousel__next::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-top: 2px solid #283e3e;
  border-right: 2px solid #283e3e;
  transition: border-color 0.3s ease;
}
.carousel .carousel__prev:hover, .carousel .carousel__next:hover {
  background: #f1f6f6;
}
.carousel .carousel__prev:disabled, .carousel .carousel__next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.carousel .carousel__prev {
  left: 49%;
  margin-left: -75px;
}
.carousel .carousel__prev::after {
  transform: rotate(-135deg);
  margin-left: 6px;
}
.carousel .carousel__next {
  left: 49%;
  margin-left: 15px;
}
.carousel .carousel__next::after {
  transform: rotate(45deg);
  margin-right: 6px;
}
.carousel .carousel__body {
  width: 100%;
  padding: 0 0 10px 0;
}
.carousel .carousel__body .carousel__slider {
  position: relative;
  width: min(820px, 35%);
  height: 375px;
  margin: 10px auto 0;
  transform-style: preserve-3d;
}
.carousel .carousel__body .carousel__slider__item {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}
.carousel .carousel__body .carousel__slider__item .item__3d-frame {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background: #d6ddd8;
  overflow: hidden;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.carousel .carousel__body .carousel__slider__item .item__3d-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.carousel .carousel__content {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
  min-height: 160px;
}
.carousel .carousel__copy {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.carousel .carousel__copy.is-active {
  opacity: 1;
  visibility: visible;
}
.carousel .carousel__copy .carousel__eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #7b8576;
}
.carousel .carousel__copy h3 {
  font-size: 22px;
  color: #283e3e;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #ae795f;
  color: white;
  display: inline-block;
  padding: 0px 15px;
  margin-bottom: 5px;
}
.carousel .carousel__copy p {
  line-height: 1.5;
  margin: 0;
}
.carousel .carousel__stage {
  position: relative;
  min-height: 375px;
}

section.spa {
  background: #f1f6f6;
  padding-right: 0;
}
section.spa .content h2 {
  position: absolute;
  top: 20%;
}
section.spa .content .spaItem {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.spa .content .spaItem .text-content {
  width: 40%;
  padding-right: 50px;
}
section.spa .content .spaItem .text-content p {
  font-size: 1.3em;
  color: #000;
}
section.spa .content .spaItem .text-content p strong {
  display: block;
  padding-bottom: 25px;
  color: #283e3e;
}
section.spa .content .spaItem img {
  display: block;
  width: 50% !important;
  height: auto;
}
section.spa .content .owl-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  right: 60%;
  margin-right: 50px;
  bottom: 25px;
}
section.spa .olive-branch-right {
  position: absolute;
  right: 0;
  bottom: -100px;
  z-index: 10;
  width: 300px;
}

.owl-nav button.owl-next, .owl-nav button.owl-prev {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #283e3e !important;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: transparent !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.owl-nav button.owl-next:disabled, .owl-nav button.owl-prev:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.owl-nav button.owl-next::after, .owl-nav button.owl-prev::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #283e3e;
  border-right: 2px solid #283e3e;
  display: block;
}
.owl-nav button.owl-next span, .owl-nav button.owl-prev span {
  display: none;
}
.owl-nav button.owl-next:hover:not(.disabled), .owl-nav button.owl-prev:hover:not(.disabled) {
  background: rgba(40, 62, 62, 0.1) !important;
}
.owl-nav .owl-prev {
  margin-right: 15px;
}
.owl-nav .owl-prev::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  margin-left: 4px;
}
.owl-nav .owl-next::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-right: 4px;
}

section.gastronomy {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  display: none;
}
section.gastronomy h2 {
  font-size: 62px;
  width: max-content;
  margin-left: 180px;
}
section.gastronomy h2 small {
  font-family: "Kalnia", cursive;
  display: block;
  font-size: 100px;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
section.gastronomy .bg-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  z-index: 1;
}
section.gastronomy .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.gastronomy .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  position: relative;
  z-index: 2;
  background: url(../images/gastronmy.jpg) no-repeat;
  background-size: cover;
}
section.gastronomy .container .text-col {
  font-size: 30px;
  color: white;
  width: 50%;
  padding: 30px 0 60px;
}
section.gastronomy .container .img-col {
  max-width: 25%;
  line-height: 0;
  margin-top: -12%;
}
section.gastronomy .container .img-col img {
  display: block;
  width: 100%;
  height: auto;
}

section.taste {
  padding: 50px 0;
  position: relative;
}
section.taste .olive-branch {
  position: absolute;
  left: 0;
  top: -70px;
}
section.taste p {
  font-size: 24px;
  color: #283e3e;
  max-width: 600px;
  margin: auto;
  line-height: normal;
}
section.taste .panel-stack__copy {
  width: 43%;
}
section.taste .panel-stack__viewport {
  width: 48%;
}

section.kids {
  height: 110vh;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f1f6f6;
  overflow: hidden;
}
section.kids p {
  font-family: "pf_marlet_displayregular", sans-serif;
  font-size: 150px;
  text-align: center;
  color: #ae795f;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  top: 48%;
  width: 100%;
  z-index: 99;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}
section.kids .images {
  width: 100%;
  height: 100%;
}
section.kids .images picture {
  position: absolute;
  will-change: transform, opacity;
}
section.kids .images picture img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
section.kids .images picture:nth-child(1) {
  width: 485px;
  top: 7%;
  left: 10%;
}
section.kids .images picture:nth-child(2) {
  width: 488px;
  top: 8%;
  right: 20%;
}
section.kids .images picture:nth-child(3) {
  width: 357px;
  top: 10%;
  right: 0;
}
section.kids .images picture:nth-child(4) {
  width: 485px;
  bottom: 10%;
  left: 1%;
}
section.kids .images picture:nth-child(5) {
  width: 485px;
  bottom: 10%;
  left: 45%;
}
section.kids .images picture:nth-child(6) {
  width: 420px;
  bottom: 8%;
  right: 0;
}

section.town {
  position: relative;
}
section.town .item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 180px;
}
section.town .item:last-child {
  margin-bottom: 0 !important;
}
section.town .item .text-col {
  width: 40%;
  margin-top: 30px;
}
section.town .item .text-col h2 {
  font-family: "Kalnia", sans-serif;
  font-size: 45px;
  color: #ae795f;
  margin-bottom: 60px;
}
section.town .item .text-col p {
  color: #1f1f1f;
  font-size: 25px;
}
section.town .item .img-col {
  width: 55%;
}
section.town .item .img-col img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.h-gallery__controls {
  height: 65px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  left: 30%;
  bottom: 125px;
}
.h-gallery__controls .h-gallery__arrow {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 75px;
  height: 75px;
  border: 1px solid #283e3e;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: transparent;
  cursor: pointer;
}
.h-gallery__controls .h-gallery__arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.h-gallery__controls .h-gallery__arrow::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #283e3e;
  border-right: 2px solid #283e3e;
  display: block;
}
.h-gallery__controls .h-gallery__arrow.is-prev {
  margin-right: 15px;
}
.h-gallery__controls .h-gallery__arrow.is-prev::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  margin-left: 4px;
}
.h-gallery__controls .h-gallery__arrow.is-next::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-right: 4px;
}

section.apartment-types {
  background-color: #f1f1f1;
}
section.apartment-types .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
section.apartment-types .left {
  color: #283e3e;
  width: 50%;
}
section.apartment-types .left h2 {
  font-family: "Kalnia", sans-serif;
  margin: 0 auto;
  width: 75%;
  font-size: 50px;
  font-weight: 400;
}
section.apartment-types .left h2 small {
  font-family: "Poopins", sans-serif;
  font-size: 25px;
  display: block;
}
section.apartment-types .left .apartments-description {
  font-family: "Poopins", sans-serif;
  font-size: 24px;
  margin: 0 auto 50px;
  width: 75%;
}
section.apartment-types .left .apartment-types-btns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px auto;
  width: 75%;
}
section.apartment-types .left .apartment-types-btns a {
  border: 1px solid #283e3e;
  padding: 10px 15px;
  margin-right: 20px;
  font-family: "pf_marlet_displayregular", sans-serif;
  font-weight: bold;
  font-size: 24px;
}
section.apartment-types .left .apartment-types-btns a.active {
  background-color: #283e3e;
  color: white;
}
section.apartment-types .left .apartments-info {
  background-color: #283e3e;
  color: white;
  padding: 20px 40px;
  width: 75%;
  margin: 0 auto;
}
section.apartment-types .left .apartments-info .apartments {
  display: none;
}
section.apartment-types .left .apartments-info .apartments p {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  margin: 0 0 20px;
  color: white;
}
section.apartment-types .left .apartments-info .apartments .info-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
section.apartment-types .left .apartments-info .apartments .info-wrapper .info {
  border: 2px solid white;
  padding: 10px 25px;
  text-align: center;
  margin-right: 30px;
}
section.apartment-types .left .apartments-info .apartments .info-wrapper .info strong {
  display: block;
  text-wrap: nowrap;
}
section.apartment-types .left .apartments-info .apartments .info-wrapper .info small {
  font-family: "pf_marlet_displayregular", sans-serif;
  font-size: 30px;
  margin-top: 25px;
  font-weight: bold;
}
section.apartment-types .left .apartments-info .apartments.active {
  display: block;
}
section.apartment-types .right {
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
section.apartment-types .right .apartment-types-wrapper {
  display: none;
  width: 100%;
  position: relative;
}
section.apartment-types .right .apartment-types-wrapper .slider-counter {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: rgba(40, 62, 62, 0.8);
  z-index: 99;
  color: white;
  padding: 5px 20px;
  font-size: 16px;
}
section.apartment-types .right .apartment-types-wrapper.active {
  display: block;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider {
  width: 100%;
  position: relative;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .item {
  height: 100%;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .item img {
  height: 100%;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 95%;
  pointer-events: none;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-nav .owl-prev, section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-nav .owl-next {
  border: 1px solid #fff !important;
  background-color: rgba(40, 62, 62, 0.5) !important;
  pointer-events: all;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-nav .owl-prev::after, section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-nav .owl-next::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-dots {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 20px;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-dots button {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 12px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-dots button span {
  display: block;
  width: 100%;
  height: 100%;
  background: #a2a691;
  position: relative;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-dots button.active {
  border: 2px solid #fff;
}
section.apartment-types .right .apartment-types-wrapper .apartment-types-slider .owl-dots button.active span {
  background: #283e3e;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(216, 80, 18, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(216, 80, 18, 0);
  }
}
section.kroki {
  background-color: #f1f1f1;
  padding: 0px 180px;
}
section.kroki h2 {
  text-align: center;
  margin-bottom: 15px;
}
section.kroki h2 br {
  display: none;
}
section.kroki .area {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
section.kroki .area .kroki-area {
  position: relative;
  width: 50%;
}
section.kroki .area .kroki-area img {
  width: 100%;
}
section.kroki .area .kroki-area span {
  position: absolute;
  z-index: 2;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background-color: #ae795f;
  color: white;
}
section.kroki .area .kroki-area span#devre_tatil_unitleri {
  left: 35%;
  bottom: 47%;
}
section.kroki .area .kroki-area span#lobi {
  left: 46%;
  bottom: 43%;
}
section.kroki .area .kroki-area span#balo_ve_toplanti_salonlari {
  left: 23%;
  bottom: 45%;
}
section.kroki .area .kroki-area span#carsi_alani {
  left: 73%;
  bottom: 25%;
}
section.kroki .area .kroki-area span#termal_and_hamam_and_spa_kompleksi {
  left: 74%;
  bottom: 49%;
}
section.kroki .area .kroki-area span#aqua_park {
  left: 69%;
  bottom: 55%;
}
section.kroki .area .kroki-area span#acik_termal_havuzlar {
  left: 77%;
  bottom: 52%;
}
section.kroki .area .kroki-area span#soft_play_cocuk_oyun_alanlari {
  left: 67%;
  bottom: 42%;
}
section.kroki .area .kroki-area span#restoran_and_cafe_alanlari {
  left: 66%;
  bottom: 36%;
}
section.kroki .area .kroki-area span#patisserie {
  left: 40%;
  bottom: 50%;
}
section.kroki .area .kroki-area span.active, section.kroki .area .kroki-area span.hover-active {
  animation: pulse-animation 1.5s infinite;
  background-color: #d85012;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
section.kroki .area .location-names {
  border-top: 20px solid #283e3e;
  width: 35%;
}
section.kroki .area .location-names ul {
  background-color: #ae795f;
  color: white;
  padding: 15px 25px;
}
section.kroki .area .location-names ul li {
  margin-bottom: 7px;
}
section.kroki .area .location-names ul li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: "DIN Condensed";
}
section.kroki .area .location-names ul li a span {
  width: 25px;
  height: 25px;
  font-size: 13px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background-color: #283e3e;
  margin-right: 10px;
}

section.transport {
  background-color: #f1f1f1;
}
section.transport h2 {
  font-size: 2em;
  margin-bottom: 30px;
}
section.transport .transport-items .item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 20px 50px 20px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 20px;
}
section.transport .transport-items .item .img-col {
  width: 50px;
  margin-right: 20px;
}
section.transport .transport-items .item .img-col img {
  width: 100%;
  object-fit: contain;
}
section.transport .transport-items .item p {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
}
section.transport .transport-items .item p strong {
  display: block;
  margin-bottom: 5px;
  font-family: "Poppins", sans-serif;
}
section.transport .map {
  width: 100%;
  height: 725px;
  overflow: hidden;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 30px;
}
section.transport .map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

section.sales-offices {
  background-color: #283e3e;
}
section.sales-offices .sales-offices-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.sales-offices .sales-offices-header h2 {
  color: white;
  font-size: 50px;
  font-family: "Kalnia", sans-serif;
  font-weight: 400;
}
section.sales-offices .sales-offices-header .sales-office-tab a {
  background-color: white;
  color: #283e3e;
  padding: 10px 30px;
  margin-right: 10px;
  font-family: "Raleway", sans-serif;
  font-weight: bold;
}
section.sales-offices .sales-offices-header .sales-office-tab a.active {
  padding: 15px 40px;
}
section.sales-offices .sales-office-content {
  margin-top: 25px;
}
section.sales-offices .sales-office-content .sales-office-item {
  position: relative;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
section.sales-offices .sales-office-content .sales-office-item.active {
  display: block;
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}
section.sales-offices .sales-office-content .sales-office-item .item {
  width: 100%;
  margin: 0 auto;
  border-top: 5px solid #283e3e;
  padding: 25px;
  background-color: white;
}
section.sales-offices .sales-office-content .sales-office-item .item h3 {
  color: #283e3e;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #283e3e;
}
section.sales-offices .sales-office-content .sales-office-item .item p {
  color: #283e3e;
  margin: 10px 0;
  min-height: 150px;
}
section.sales-offices .sales-office-content .sales-office-item .item a {
  color: white;
  padding: 10px 30px;
  background-color: #283e3e;
  width: max-content;
}
section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-prev {
  position: absolute;
  left: -80px;
  top: 120px;
  border: 1px solid #fff !important;
}
section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-prev::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-next {
  position: absolute;
  right: -80px;
  top: 120px;
  border: 1px solid #fff !important;
}
section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-next::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.banner {
  position: relative;
}
.banner h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  font-family: "Poppins", sans-serif;
  color: white;
  font-weight: 400;
  font-size: 40px;
  text-align: center;
  white-space: nowrap;
}

section.devre-tatil {
  position: relative;
  background-color: #f1f6f6;
  padding: 50px 180px;
}
section.devre-tatil .item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 75px;
}
section.devre-tatil .item .text-col {
  width: 50%;
  margin-top: 50px;
  color: #283e3e;
  padding: 0 50px;
}
section.devre-tatil .item .text-col span {
  font-family: "Kalnia";
  font-size: 28px;
  display: block;
  margin-bottom: 25px;
}
section.devre-tatil .item .text-col p {
  color: #283e3e;
  font-size: 20px;
}
section.devre-tatil .item .img-col {
  width: 50%;
}
section.devre-tatil .item .img-col img {
  height: 100%;
  object-fit: cover;
}

section.devre-tatil-avantajlari {
  background-color: #f1f6f6;
  padding: 0px 180px 90px;
}
section.devre-tatil-avantajlari .avantages {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
section.devre-tatil-avantajlari .avantages .item {
  width: 24%;
  background-color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
section.devre-tatil-avantajlari .avantages .item .img {
  position: relative;
}
section.devre-tatil-avantajlari .avantages .item .img img {
  width: 100%;
}
section.devre-tatil-avantajlari .avantages .item .img strong {
  display: block;
  text-align: center;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  top: 70%;
  font-size: 22px;
  text-wrap: nowrap;
}
section.devre-tatil-avantajlari .avantages .item p {
  padding: 20px;
  text-align: center;
  font-size: 16px;
}

section.tatil-havuzu {
  background-color: #f1f6f6;
  position: relative;
  padding: 20px 180px 50px;
}
section.tatil-havuzu .content {
  position: relative;
}
section.tatil-havuzu .content img {
  width: 100%;
}
section.tatil-havuzu .content p {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  left: 45%;
  color: white;
  width: 65%;
}
section.tatil-havuzu .content p span {
  font-family: "Kalnia";
  font-size: 40px;
  display: block;
  margin-bottom: 35px;
}

section.termal-spa {
  background-color: #f1f6f6;
}
section.termal-spa .item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 75px;
}
section.termal-spa .item .img-col {
  width: 48%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
section.termal-spa .item .img-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.termal-spa .item .text-col {
  width: 48%;
}
section.termal-spa .item .text-col span {
  display: block;
  font-family: "Kalnia";
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}
section.termal-spa .item .text-col p {
  font-size: 18px;
}
section.termal-spa .item .text-col strong {
  margin-top: 20px;
  font-size: 18px;
  display: block;
}
section.termal-spa .item .text-col .list-area {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
section.termal-spa .item .text-col .list-area ul {
  width: 50%;
  padding: 20px 25px;
  font-size: 18px;
}
section.termal-spa .item .text-col .list-area ul li {
  font-weight: 500;
  list-style-type: disc;
}

section.sss h2, section.sss h1 {
  text-align: center;
  margin-bottom: 50px;
}
section.sss .sss-item {
  margin-bottom: 25px;
}
section.sss .sss-item h3 {
  display: block;
  color: #283e3e;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #283e3e;
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
}
section.sss .sss-item h3::after {
  content: "+";
  position: absolute;
  right: 0;
  font-weight: 400;
}
section.sss .sss-item p {
  height: 0;
  opacity: 0;
}
section.sss .sss-item.active h3::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
section.sss .sss-item.active strong::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
section.sss .sss-item.active p {
  height: auto;
  opacity: 1;
  padding: 10px 0 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.form-holder {
  position: relative;
}
.form-holder .form-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.form-holder .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-wrap: nowrap;
  z-index: 9;
  position: relative;
}
.form-holder .content .left {
  width: 40%;
  margin-top: 50px;
}
.form-holder .content .left h2 {
  font-family: "Kalnia", sans-serif;
  font-size: 50px;
  color: white;
  font-weight: 400;
}
.form-holder .content .left p {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  color: white;
}
.form-holder .content .contact_form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  background-color: #fff;
  width: 500px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  padding: 40px;
  box-shadow: 0 0 25px black;
  -webkit-box-shadow: 0 0 25px black;
  -moz-box-shadow: 0 0 25px black;
}
.form-holder .content .contact_form .inputs {
  width: 100%;
}
.form-holder .content .contact_form .inputs .input-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.form-holder .content .contact_form .inputs .input-group input, .form-holder .content .contact_form .inputs .input-group select {
  width: 100%;
  height: 50px;
  background-color: #f1f6f6;
  border: 1px solid #647474;
  text-indent: 20px;
  margin-bottom: 10px;
}
.form-holder .content .contact_form .inputs .input-group input::placeholder, .form-holder .content .contact_form .inputs .input-group select::placeholder {
  font-weight: bold;
}
.form-holder .content .contact_form .inputs .input-group .kvkkWrapper {
  width: 85%;
  margin: 10px auto;
}
.form-holder .content .contact_form .inputs .input-group .kvkkWrapper p.agree {
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}
.form-holder .content .contact_form .inputs .input-group .kvkkWrapper p.agree input {
  display: none;
}
.form-holder .content .contact_form .form-submit {
  background-color: #283e3e;
  color: white;
  font-weight: bold;
  border: none;
  padding: 10px 150px;
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  cursor: pointer;
  width: 100%;
}

.inputError {
  border: 1px solid red !important;
}

.form-tel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.form-tel .mobileCodeSelect {
  position: absolute;
  width: max-content !important;
  left: 100px;
  text-indent: 0 !important;
  z-index: 9;
}
.form-tel input {
  padding-left: 110px !important;
}
.form-tel input.addPadding {
  padding-left: 140px !important;
}
.form-tel.fixed {
  width: 100%;
  margin-bottom: 10px;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background: none !important;
  color: #283e3e;
}

.instagram-wrapper {
  padding-left: 5%;
}
.instagram-wrapper .owl-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 110%;
}
.instagram-wrapper .owl-nav .owl-prev {
  margin-right: 10px;
}
.instagram-wrapper .owl-nav .owl-prev.disabled {
  opacity: 0.5;
}
.instagram-wrapper .owl-nav .owl-next.disabled {
  opacity: 0.5;
}
.instagram-wrapper iframe {
  max-width: 100%;
}

footer {
  background-color: #383838;
  position: relative;
  z-index: 99;
}
footer .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}
footer .container p, footer .container a {
  font-size: 18px;
  color: white;
  display: block;
  font-weight: 500;
}
footer .container .footer-area p {
  font-size: 18px;
  margin-bottom: 10px;
}
footer .container .footer-area a {
  font-size: 15px;
}
footer .container .tel {
  text-align: center;
}
footer .container .socialMedia div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
footer .container .socialMedia div a {
  margin: 0 5px;
}
footer .container .outside-logo {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .container .outside-logo a {
  position: relative;
  padding: 0 15px;
}
footer .container .outside-logo a.akyapi {
  width: 90px;
}
footer .container .outside-logo a:first-child {
  content: "";
  border-right: 1px solid white;
}

input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label {
  position: relative;
  color: #283e3e;
  padding-left: 20px;
  display: block;
  padding-right: 10px;
  margin-bottom: 10px;
}
input[type=checkbox]:not(old) + label a, input[type=radio]:not(old) + label a {
  color: #283e3e;
  text-decoration: underline;
}
input[type=checkbox]:not(old) + label:before, input[type=radio]:not(old) + label:before {
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #283e3e;
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
}
input[type=checkbox]:not(old) + label:after, input[type=radio]:not(old) + label:after {
  display: block;
  width: 7px;
  height: 7px;
  background: #283e3e;
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input[type=checkbox]:not(old):checked + label:after, input[type=radio]:not(old):checked + label:after {
  opacity: 1;
}

.ajaxloader {
  width: 80px;
  text-align: center;
  margin: auto;
}

.bubblingG {
  text-align: center;
  width: 80px;
  height: 50px;
}

.bubblingG span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 25px auto;
  background: #173c6e;
  -moz-border-radius: 50px;
  -moz-animation: bubblingG 1.3s infinite alternate;
  -webkit-border-radius: 50px;
  -webkit-animation: bubblingG 1.3s infinite alternate;
  -ms-border-radius: 50px;
  -ms-animation: bubblingG 1.3s infinite alternate;
  -o-border-radius: 50px;
  -o-animation: bubblingG 1.3s infinite alternate;
  border-radius: 50px;
  animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

#bubblingG_2 {
  -moz-animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  animation-delay: 0.39s;
}

#bubblingG_3 {
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s;
}

.radiovalidate {
  POSITION: ABSOLUTE;
  right: -16px;
  top: 6px;
}

.izin {
  margin: 5px auto;
  width: 140px;
}

@-moz-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #173c6e;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #579bcd;
    -moz-transform: translateY(-21px);
  }
}
@-webkit-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #173c6e;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #579bcd;
    -webkit-transform: translateY(-21px);
  }
}
@-ms-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #173c6e;
    -ms-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #579bcd;
    -ms-transform: translateY(-21px);
  }
}
@-o-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #173c6e;
    -o-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #579bcd;
    -o-transform: translateY(-21px);
  }
}
@keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #173c6e;
    transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    background-color: #579bcd;
    transform: translateY(-21px);
  }
}
span.contact-error {
  display: none;
}

.thx_con {
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.thx_con .formulasti {
  font-size: 48px;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 50px auto;
}

#cerez-kullanimi {
  z-index: 999999;
  width: 85%;
  height: 85%;
}
#cerez-kullanimi ul {
  margin: 20px 0 20px 20px;
}
#cerez-kullanimi ul li {
  list-style-type: disc;
}
#cerez-kullanimi ul li ul {
  margin: 10px 10px 10px;
}

.cookie-table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  font-family: sans-serif;
}

.cookie-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  font-size: 14px;
}

.cookie-table th, .cookie-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}

.cookie-table th {
  background-color: #f4f4f4;
  font-weight: bold;
}

@media screen and (max-width: 1800px) {
  .instagram-wrapper {
    padding-left: 3%;
  }
}
@media screen and (max-width: 1750px) {
  .instagram-wrapper {
    padding-left: 4%;
  }
  .instagram-wrapper .owl-nav {
    width: 105%;
  }

  .form-fixed {
    padding: 25px 20px;
  }
  .form-fixed .form-submit {
    padding: 5px 15px;
  }

  h2 {
    font-size: 2.5em;
  }

  header .content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  header .content .menu .menu-close {
    top: 20px;
  }
  header .content .menu ul {
    margin: 70px 0 0px auto;
  }
  header .content .menu ul li {
    font-size: 18px;
  }
  header .content .menu ul li ul li {
    font-size: 16px;
  }
  header .content .menu .contact {
    margin: 40px 0 100px auto;
    padding-top: 15px;
  }

  section.packages h2 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  section.packages .row {
    margin-top: 20px;
  }
  section.packages .item p {
    font-size: 16px;
  }

  section.gastronomy h2 {
    font-size: 52px;
    margin-left: 100px;
  }
  section.gastronomy .container .text-col {
    font-size: 25px;
  }

  section.transport {
    background-color: #f1f1f1;
  }
  section.transport h2 {
    margin-bottom: 15px;
  }
  section.transport .transport-items .item {
    padding: 15px 50px 15px 20px;
  }
  section.transport .transport-items .item p {
    font-size: 14px;
  }
  section.transport .transport-items .item p strong {
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
  }
  section.transport .map {
    height: 575px;
  }

  section.town .item {
    padding: 0 100px;
  }
  section.town .item .text-col {
    width: 40%;
  }
  section.town .item .text-col h2 {
    margin-bottom: 30px;
  }
  section.town .item .text-col p {
    font-size: 20px;
  }
  section.town .item .img-col {
    width: 50%;
  }

  section.kids .images picture:nth-child(1) {
    width: 420px;
  }
  section.kids .images picture:nth-child(2) {
    width: 430px;
  }
  section.kids .images picture:nth-child(3) {
    width: 308px;
  }
  section.kids .images picture:nth-child(4) {
    width: 420px;
  }
  section.kids .images picture:nth-child(5) {
    width: 420px;
  }
  section.kids .images picture:nth-child(6) {
    width: 384px;
  }

  section.apartment-types .left h2 {
    width: 85%;
  }
  section.apartment-types .left .apartments-description {
    font-size: 20px;
    width: 85%;
  }
  section.apartment-types .left .apartment-types-btns {
    width: 85%;
  }
  section.apartment-types .left .apartment-types-btns a {
    font-size: 20px;
    padding: 7px 15px;
  }
  section.apartment-types .left .apartments-info {
    width: 85%;
    padding: 30px 40px;
  }
  section.apartment-types .left .apartments-info .apartments p {
    font-size: 35px;
    margin: 0 0 10px;
  }
  section.apartment-types .left .apartments-info .apartments .info-wrapper .info {
    padding: 10px 25px !important;
  }

  section.location {
    text-align: center;
    background: #f1f6f6;
  }
  section.location .row {
    padding: 50px 0;
  }
  section.location .row .col {
    font-size: 2em;
  }
  section.location p {
    font-size: 1.4em;
    margin-top: 50px;
  }

  section, footer {
    padding: 90px;
  }

  section.thermal {
    padding-bottom: 120px;
  }
  section.thermal h2 {
    font-size: 2em !important;
    margin-bottom: 0;
  }
  section.thermal .content {
    width: 100%;
  }

  .carousel h3 {
    font-size: 23px !important;
  }
  .carousel .carousel__content {
    margin: 0 auto;
    min-height: 135px;
  }
  .carousel .carousel__stage {
    position: relative;
    min-height: 300px;
  }
  .carousel .carousel__body .carousel__slider {
    width: min(820px, 32%);
    height: 300px;
  }
  .carousel .carousel__copy p {
    font-size: 0.9em;
  }
  .carousel .carousel__prev, .carousel .carousel__next {
    left: 50%;
  }

  .spa .content h2 {
    top: 16% !important;
  }
  .spa .content .spaItem .text-content {
    width: 45%;
  }
  .spa .content .spaItem img {
    display: block;
    width: 55% !important;
  }

  .form-holder .contact_form {
    padding: 20px 30px;
  }

  .decor.bottle {
    top: -200px !important;
  }
}
@media screen and (max-width: 1600px) {
  .instagram-wrapper {
    padding-left: 3%;
  }
  .instagram-wrapper .owl-nav {
    width: 109%;
  }
}
@media screen and (max-width: 1540px) {
  .instagram-wrapper {
    padding-left: 4%;
  }
  .instagram-wrapper .owl-nav {
    width: 110%;
  }
  .instagram-wrapper iframe {
    max-width: 85%;
  }

  section.taste p {
    font-size: 1em;
    max-width: 420px;
  }

  section.kids p {
    font-size: 100px;
  }
  section.kids .images picture:nth-child(1) {
    width: 300px;
    top: 10%;
  }
  section.kids .images picture:nth-child(2) {
    width: 320px;
    right: 23%;
    top: 10%;
  }
  section.kids .images picture:nth-child(3) {
    width: 220px;
    top: 10%;
  }
  section.kids .images picture:nth-child(4) {
    width: 300px;
  }
  section.kids .images picture:nth-child(5) {
    width: 300px;
  }
  section.kids .images picture:nth-child(6) {
    width: 280px;
  }

  section.kroki .area .kroki-area span {
    font-size: 10px;
    width: 18px;
    height: 18px;
  }
  section.kroki .area .location-names {
    width: 35%;
  }
}
@media screen and (max-width: 1450px) {
  header {
    padding: 20px 90px;
  }

  section.mainSlider .item .caption h2 {
    font-size: 3em;
  }

  section.spa .content h2 {
    top: 25% !important;
  }
  section.spa .content .spa-welness-slider .item .spaItem .text-content p {
    font-size: 1em;
  }

  section.gastronomy h2 {
    font-size: 40px;
    margin-left: 80px;
  }
  section.gastronomy h2 small {
    font-size: 80px;
  }
  section.gastronomy .container .text-col {
    font-size: 20px;
  }

  section.videos {
    padding: 50px 90px 0;
  }

  section.tatil-havuzu {
    padding: 20px 90px 50px;
  }

  section.location .row {
    padding-bottom: 150px;
  }
  section.location .row .col {
    font-size: 1.7em;
  }
  section.location .row .col.active {
    font-size: 2em;
  }
  section.location .row .col.active strong {
    font-size: 0.6em;
  }
  section.location .row .col strong {
    font-size: 0.5em;
  }
  section.location p {
    font-size: 1.4em;
  }

  section.packages {
    padding: 50px 90px;
  }
  section.packages .row {
    margin-top: 20px;
  }
  section.packages .item {
    padding: 30px;
  }
  section.packages .item strong {
    font-size: 80px;
  }
  section.packages .item strong::after {
    width: 35px;
    height: 35px;
    right: -15px;
  }

  h2 {
    font-size: 2em;
  }

  section.transport .map {
    height: 675px;
  }

  section.devre-tatil-avantajlari .avantages .item .img strong {
    font-size: 20px;
  }

  section.town .item {
    padding: 0 75px;
  }
  section.town .item .text-col p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1250px) {
  section.mainSlider .item .content .caption {
    left: 100px;
  }

  section.transport .map {
    height: 750px;
  }

  section.spa p {
    font-size: 0.8em !important;
  }

  section.packages .item p {
    font-size: 14px;
  }

  section.kroki .area .location-names {
    width: 35%;
  }
  section.kroki .area .location-names ul li a {
    font-size: 14px;
  }
  section.kroki .area .location-names ul li a span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1025px) {
  .backToTop {
    bottom: 75px;
    right: 25px;
    width: 50px;
    height: 50px;
  }

  .openForm {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: none !important;
    transform: none !important;
    display: block;
    margin: 0;
    box-sizing: border-box;
  }
  .openForm span {
    position: relative;
    display: block;
    width: 110%;
    -webkit-transform: none !important;
    transform: none !important;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 0;
  }

  .form-fixed {
    width: 100%;
    right: -100%;
    top: unset;
    bottom: 55px;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }
  .form-fixed.active {
    right: 0%;
  }
  .form-fixed .form-fixed-close {
    right: 0 !important;
  }

  section.taste p {
    max-width: 100% !important;
  }
  section.taste .panel-stack__copy {
    width: 100%;
  }
  section.taste .panel-stack__viewport {
    width: 100%;
  }

  header {
    padding: 20px 40px;
  }
  header.scrooled {
    padding: 20px 40px !important;
  }
  header .logo {
    width: 110px !important;
  }
  header .sizi-arayalim {
    padding: 5px !important;
    font-size: 14px !important;
    margin-right: 10px;
  }
  header .content .menu.active {
    width: 100%;
  }
  header .content .menu ul {
    margin: 80px auto 0;
    width: 85%;
  }
  header .content .menu ul li a.hasSub {
    width: 100%;
  }
  header .content .menu .contact {
    width: 90%;
    margin: 20px 0 100px auto;
  }

  section.mainSlider .item .content .caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 75%;
  }
  section.mainSlider .item .content .caption h2 {
    font-size: 2em;
    max-width: 100%;
  }
  section.mainSlider .item .content .caption h2 small {
    font-size: 0.8em;
  }

  .panel-stack .decor.o1 {
    top: 75px;
  }
  .panel-stack .decor.o1-1 {
    display: none;
  }
  .panel-stack .decor.o2-2 {
    display: none;
  }
  .panel-stack .speakers {
    flex-wrap: nowrap;
    width: max-content;
    padding: 5px 15px;
    text-wrap: nowrap;
  }
  .panel-stack .speakers img {
    width: 30px;
  }

  h2 {
    font-size: 1.4em;
    padding: 0 5px;
  }

  section, footer {
    padding: 30px;
  }

  .decor.bottle {
    top: -75px !important;
    width: 25%;
  }

  .carAnim {
    top: 65%;
  }

  section.location {
    height: auto !important;
  }
  section.location .content h2 br {
    display: none;
  }
  section.location .row {
    padding-bottom: 50px;
  }
  section.location .row .col {
    font-size: 0.8em;
  }
  section.location .row .col.active {
    font-size: 1.1em;
  }
  section.location .row .col.active strong {
    font-size: 0.6em;
  }
  section.location .row .col br {
    display: block;
  }
  section.location .row .col strong {
    font-size: 0.5em;
  }
  section.location p {
    font-size: 0.8em;
  }

  section.videos {
    padding: 20px 30px 30px;
    height: auto !important;
  }
  section.videos .row .col {
    width: 100%;
  }

  section.packages {
    padding: 0 0 50px !important;
    height: auto !important;
  }
  section.packages.subpage h2 {
    font-size: 1.4em !important;
  }
  section.packages.subpage .decor.bottle {
    top: -75px !important;
    width: 15%;
  }
  section.packages .content p {
    padding: 15px 15px 0;
  }
  section.packages .row .col {
    width: 100% !important;
    padding: 0 50px !important;
    margin-bottom: 40px;
  }
  section.packages .owl-stage-outer {
    padding: 25px 0 0;
  }
  section.packages .item {
    margin-left: 20px;
  }
  section.packages .item p {
    text-align: center;
    font-size: 16px;
  }
  section.packages .owl-nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 53%;
    bottom: -30px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
  }
  section.packages .owl-nav .owl-prev {
    margin-right: 10px;
  }
  section.thermal {
    height: auto !important;
    padding-bottom: 50px;
  }
  section.thermal h2 {
    font-size: 1.4em !important;
  }
  section.thermal .content {
    width: 100%;
  }

  .carousel h3 {
    font-size: 18px !important;
  }
  .carousel .carousel__copy p {
    width: 90%;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 14px;
  }
  .carousel .carousel__content {
    min-height: 100px;
  }
  .carousel .carousel__body .carousel__slider {
    width: min(820px, 85%);
    margin: 60px auto 100px;
    height: 260px;
  }
  .carousel .carousel__prev {
    bottom: -60px;
    margin-left: -65px;
    width: 50px;
    height: 50px;
    left: 51%;
  }
  .carousel .carousel__next {
    bottom: -60px;
    margin-left: unset;
    width: 50px;
    height: 50px;
    left: 51%;
  }

  section.spa {
    padding: 0 30px 30px;
    height: auto !important;
  }
  section.spa .content h2 {
    top: 25px !important;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    text-wrap: nowrap;
  }
  section.spa .content .spaItem {
    flex-direction: column;
    margin-top: 40px;
  }
  section.spa .content .spaItem br {
    display: none;
  }
  section.spa .content .spaItem .text-content {
    width: 100%;
    padding-right: 0;
  }
  section.spa .content .spaItem .text-content p {
    text-align: center;
    margin-top: 30px;
  }
  section.spa .content .spaItem img {
    width: 100% !important;
    margin: 25px auto;
  }
  section.spa .content .owl-nav {
    right: 50%;
    margin-right: 0;
    bottom: -10px;
    transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
  }

  section.gastronomy {
    height: auto !important;
  }
  section.gastronomy h2 {
    font-size: 1em;
    margin-left: 20px;
  }
  section.gastronomy h2 small {
    font-size: 2em;
  }
  section.gastronomy .container {
    position: relative;
    justify-content: unset;
  }
  section.gastronomy .container .text-col {
    font-size: 10px;
    width: 58%;
    padding: 20px 0;
    margin-left: 15px;
    line-height: 1.3;
  }
  section.gastronomy .container .img-col {
    max-width: 37%;
    line-height: 0;
    margin-top: -12%;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  section.kids {
    padding: 0;
    height: 83vh;
  }
  section.kids p {
    font-size: 40px;
    margin-top: 15px;
    width: 85%;
  }
  section.kids .images {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
  }
  section.kids .images picture img {
    height: 100%;
    object-fit: cover;
  }
  section.kids .images picture:nth-child(1) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: 0;
  }
  section.kids .images picture:nth-child(2) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: 15%;
  }
  section.kids .images picture:nth-child(3) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: unset;
    bottom: 0;
  }
  section.kids .images picture:nth-child(4) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: unset;
    bottom: 30%;
  }
  section.kids .images picture:nth-child(5) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: 30%;
  }
  section.kids .images picture:nth-child(6) {
    width: 100%;
    width: 100%;
    left: 0;
    right: unset;
    height: 15%;
    top: unset;
    bottom: 15%;
  }

  section.town {
    height: auto !important;
  }
  section.town .item {
    flex-direction: column;
    padding: 0px 0px 50px;
  }
  section.town .item .text-col {
    width: 100%;
    margin-top: 0;
    height: 300px;
  }
  section.town .item .text-col h2 {
    font-size: 1.4em;
    margin-bottom: 0;
    padding: 10px 5px;
  }
  section.town .item .text-col p {
    font-size: 1em;
    margin: 5px 0;
    padding: 0 5px;
  }
  section.town .item .img-col {
    width: 100%;
  }
  section.town .item .img-col img {
    height: auto;
    margin: 0 auto;
    object-fit: contain;
  }

  section.apartment-types {
    height: auto !important;
  }
  section.apartment-types .content {
    flex-direction: column;
  }
  section.apartment-types .content .left {
    width: 100%;
    margin-bottom: 0;
  }
  section.apartment-types .content .left h2 {
    width: 90%;
    font-size: 1.4em;
  }
  section.apartment-types .content .left h2 small {
    font-size: 16px !important;
  }
  section.apartment-types .content .left .apartments-description {
    font-size: 1em;
    width: 90%;
  }
  section.apartment-types .content .left .apartment-types-btns {
    width: 90%;
    margin: 20px 0;
  }
  section.apartment-types .content .left .apartment-types-btns a {
    padding: 7px 10px;
  }
  section.apartment-types .content .left .apartments-info {
    width: 100%;
  }
  section.apartment-types .content .left .apartments-info .apartments {
    width: 90%;
  }
  section.apartment-types .content .left .apartments-info .apartments p {
    font-size: 20px;
  }
  section.apartment-types .content .left .apartments-info .apartments .info-wrapper .info {
    padding: 10px 15px !important;
    font-size: 12px;
    margin-right: 15px;
  }
  section.apartment-types .content .left .apartments-info .apartments .info-wrapper .info small {
    font-size: 16px;
  }
  section.apartment-types .content .right {
    width: 100%;
  }
  section.apartment-types .content .right .apartment-types-wrapper .slider-counter {
    font-size: 13px;
  }
  section.apartment-types .content .right .apartment-types-wrapper .apartment-types-slider .item img {
    height: auto;
  }

  section.kroki {
    padding: 0 30px;
    height: auto !important;
  }
  section.kroki h2 br {
    display: block;
  }
  section.kroki .area {
    flex-direction: column-reverse;
    width: 85%;
    margin: 0 auto;
  }
  section.kroki .area .kroki-area {
    width: 100%;
  }
  section.kroki .area .kroki-area img {
    width: 100%;
  }
  section.kroki .area .kroki-area span {
    font-size: 10px;
    width: 22px;
    height: 22px;
  }
  section.kroki .area .location-names {
    width: 100%;
  }
  section.kroki .area .location-names ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  section.kroki .area .location-names ul li {
    margin-bottom: 7px;
    width: 50%;
  }

  section.transport {
    padding-right: 30px !important;
    height: auto !important;
  }
  section.transport h2 {
    font-size: 1.4em;
  }
  section.transport .content .row {
    flex-direction: column;
  }
  section.transport .content .row .col {
    width: 100%;
  }
  section.transport .content .row .col h2 {
    text-align: center;
  }
  section.transport .content .row .col .transport-items .item {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  section.transport .content .row .col .map {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    height: 500px;
  }

  section.sales-offices {
    height: auto !important;
  }
  section.sales-offices .sales-offices-header {
    justify-content: center;
    flex-direction: column;
  }
  section.sales-offices .sales-offices-header h2 {
    font-size: 30px;
    text-align: center;
  }
  section.sales-offices .sales-offices-header .sales-office-tab a {
    padding: 5px 10px;
    font-size: 14px;
    margin: 5px 15px 5px 0;
    display: inline-block;
  }
  section.sales-offices .sales-offices-header .sales-office-tab a.active {
    padding: 5px 20px;
    font-size: 16px;
  }
  section.sales-offices .sales-office-content .sales-office-item .item {
    width: 85%;
    padding: 20px;
    border: none;
    height: 300px;
  }
  section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-prev {
    left: -20px;
    top: 120px;
    width: 40px;
    height: 40px;
  }
  section.sales-offices .sales-office-content .sales-office-item .owl-nav .owl-next {
    right: -20px;
    top: 120px;
    width: 40px;
    height: 40px;
  }

  .form-holder .form-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
  .form-holder .content {
    flex-direction: column;
  }
  .form-holder .content .left {
    width: 100%;
    margin-top: 0;
  }
  .form-holder .content .left h2 {
    font-size: 1.4em;
    text-align: center;
  }
  .form-holder .content .left p {
    font-size: 16px;
    text-align: center;
  }
  .form-holder .content .contact_form {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .form-holder .content .contact_form .inputs {
    width: 100%;
  }
  .form-holder .content .contact_form .inputs .input-group input, .form-holder .content .contact_form .inputs .input-group select {
    width: 100%;
    height: 40px;
    text-indent: 20px;
    margin-bottom: 10px;
  }
  .form-holder .content .contact_form .inputs .input-group .kvkkWrapper {
    width: 100%;
  }
  .form-holder .content .contact_form .form-submit {
    padding: 10px;
    text-align: center;
    display: block;
    font-size: 20px;
    width: 100%;
  }

  .form-tel input#Telefon {
    padding-left: 135px !important;
  }

  footer .container {
    flex-direction: column;
  }
  footer .container .footer-area {
    margin: 15px auto;
  }
  footer .container .logo {
    margin: 0 auto 25px;
  }
  footer .container p, footer .container a {
    text-align: center;
    margin-bottom: 5px;
  }
  footer .container .tel {
    text-align: center;
  }
  footer .container .outside-logo {
    margin: 15px auto;
  }

  .banner {
    height: 32vh;
  }
  .banner img {
    height: 100%;
    object-fit: cover;
  }
  .banner h1 {
    font-size: 24px;
    white-space: nowrap;
  }

  .subpage-title {
    padding: 30px;
  }
  .subpage-title p {
    width: 90%;
  }
  .subpage-title p br {
    display: none;
  }

  section.devre-tatil {
    padding: 30px;
  }
  section.devre-tatil .decor.o1 {
    top: -150px;
  }
  section.devre-tatil .item {
    flex-direction: column;
    margin-bottom: 0;
  }
  section.devre-tatil .item.reverse {
    flex-direction: column-reverse;
  }
  section.devre-tatil .item .text-col {
    width: 100%;
    padding: 0;
  }
  section.devre-tatil .item .text-col span {
    font-size: 1.4em;
  }
  section.devre-tatil .item .text-col p {
    font-size: 1em;
  }
  section.devre-tatil .item .img-col {
    width: 100%;
    margin-top: 25px;
  }
  section.devre-tatil .item .img-col img {
    width: 100%;
  }

  section.devre-tatil-avantajlari {
    padding: 0 30px;
  }
  section.devre-tatil-avantajlari h2 {
    font-size: 1.4em;
  }
  section.devre-tatil-avantajlari .avantages .item {
    width: 100%;
    margin-bottom: 50px;
  }
  section.devre-tatil-avantajlari .avantages .item .img strong {
    font-size: 40px;
  }
  section.devre-tatil-avantajlari .avantages .item p {
    font-size: 25px;
    padding: 50px;
  }

  .decor.o1 {
    width: 20%;
  }
  .decor.o1-1 {
    width: 20%;
  }
  .decor.o1-2 {
    width: 20%;
  }
  .decor.o1-3 {
    width: 20%;
  }
  .decor.o2 {
    width: 20%;
  }
  .decor.o2-1 {
    width: 20%;
  }
  .decor.o2-2 {
    width: 20%;
  }
  .decor.o3 {
    width: 30%;
  }
  .decor.o4 {
    width: 25%;
  }
  .decor.tree {
    width: 30%;
  }

  section.tatil-havuzu {
    padding: 0 0 30px;
  }
  section.tatil-havuzu .content img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  section.tatil-havuzu .content p {
    font-size: 16px;
    width: 90%;
    left: 50%;
  }
  section.tatil-havuzu .content p span {
    font-size: 20px;
    margin-bottom: 10px;
  }

  section.sss .sss-item {
    margin-bottom: 15px;
  }
  section.sss .sss-item h3 {
    font-size: 16px;
  }
  section.sss .sss-item.active p {
    font-size: 14px;
  }

  section.termal-spa .decor.o1-3 {
    top: -60px;
  }
  section.termal-spa .item {
    flex-direction: column-reverse;
  }
  section.termal-spa .item .img-col {
    width: 100%;
    margin-top: 30px;
  }
  section.termal-spa .item .text-col {
    width: 100%;
  }
  section.termal-spa .item .text-col .list-area {
    flex-direction: column;
  }
  section.termal-spa .item .text-col .list-area ul {
    width: 100%;
    padding: 0 25px;
  }

  section.taste {
    padding: 30px 0 50px;
    position: relative;
  }
  section.taste p {
    font-size: 16px;
    width: 90%;
    color: #283e3e;
    max-width: 500px;
    padding-top: 0;
    margin: 0 auto;
    line-height: normal;
  }
  section.taste .panel-stack__viewport {
    width: 100%;
  }

  .instagram-wrapper {
    padding-left: 9%;
    height: 500px;
  }
  .instagram-wrapper .owl-nav {
    width: 105%;
  }
  .instagram-wrapper .item {
    max-width: 80%;
    margin: 0 auto;
  }
  .instagram-wrapper .item iframe {
    height: 425px;
  }

  .h-gallery__controls {
    bottom: -5px;
    width: 100%;
    left: 0;
  }
  .h-gallery__controls .h-gallery__arrow {
    width: 50px;
    height: 50px;
  }

  .owl-nav button.owl-next, .owl-nav button.owl-prev {
    width: 50px;
    height: 50px;
  }

  #cerez-kullanimi {
    width: 95%;
    word-break: break-all;
    padding: 40px 10px !important;
  }

  .cookie-table {
    min-width: 100%;
  }

  .cookie-table, .cookie-table thead, .cookie-table tbody, .cookie-table th, .cookie-table td, .cookie-table tr {
    display: block;
  }

  .cookie-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cookie-table tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  .cookie-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 45%;
    text-align: left;
    white-space: normal;
  }

  .cookie-table td:last-child {
    border-bottom: none;
  }

  .cookie-table td::before {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 35%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    color: #333;
  }

  .cookie-table td:nth-of-type(1)::before {
    content: "Çerez Adı";
  }

  .cookie-table td:nth-of-type(2)::before {
    content: "Açıklama";
  }

  .cookie-table td:nth-of-type(3)::before {
    content: "Kategori";
  }

  .cookie-table td:nth-of-type(4)::before {
    content: "Domain";
  }

  .cookie-table td:nth-of-type(5)::before {
    content: "Saklanma Süresi";
  }

  .cookie-table td:nth-of-type(6)::before {
    content: "Çerez Türü";
  }
}
@media screen and (max-width: 767px) {
  .btn {
    padding: 0 30px;
  }
  .btn span {
    font-size: 0.7em;
  }

  section.devre-tatil-avantajlari .avantages .item .img strong {
    font-size: 20px;
  }
  section.devre-tatil-avantajlari .avantages .item p {
    font-size: 16px;
    padding: 25px;
  }

  section.devre-tatil {
    padding: 30px;
  }
  section.devre-tatil .decor.o1 {
    top: -35px;
  }

  section.packages.subpage .decor.bottle {
    top: -125px !important;
    width: 25%;
  }

  section.tatil-havuzu .content {
    height: 200px;
  }
  section.tatil-havuzu .content p {
    font-size: 12px;
  }
  section.tatil-havuzu .content p span {
    font-size: 16px;
  }

  section.spa .content .spaItem .text-content {
    min-height: 200px;
  }
  section.spa .content .spaItem .text-content p {
    text-align: center;
    margin-top: 30px;
  }

  section.kids .images picture:nth-child(1) {
    height: 14%;
    top: 0;
  }
  section.kids .images picture:nth-child(2) {
    height: 14%;
    top: 14%;
  }
  section.kids .images picture:nth-child(3) {
    height: 14%;
    top: unset;
    bottom: 0;
  }
  section.kids .images picture:nth-child(4) {
    height: 14%;
    top: unset;
    bottom: 28%;
  }
  section.kids .images picture:nth-child(5) {
    height: 14%;
    top: 28%;
  }
  section.kids .images picture:nth-child(6) {
    height: 14%;
    top: unset;
    bottom: 14%;
  }

  section.town .item .text-col {
    height: 385px;
  }

  .instagram-wrapper .item iframe {
    height: 450px;
  }

  .carousel .carousel__content {
    min-height: 150px;
  }

  section.apartment-types .content .left .apartments-info {
    width: 100%;
    padding: 40px 25px;
  }
  section.apartment-types .content .left .apartments-info .apartments {
    width: 90%;
  }

  section.kroki .area {
    width: 100%;
  }
  section.kroki .area .kroki-area {
    width: 100%;
  }
  section.kroki .area .kroki-area img {
    width: 100%;
  }
  section.kroki .area .kroki-area span {
    font-size: 8px;
    width: 15px;
    height: 15px;
  }
  section.kroki .area .kroki-area span#termal_and_hamam_and_spa_kompleksi {
    bottom: 48%;
  }
  section.kroki .area .location-names {
    width: 100%;
  }
  section.kroki .area .location-names ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
  }
  section.kroki .area .location-names ul li {
    margin-bottom: 7px;
    width: 50%;
  }
  section.kroki .area .location-names ul li a {
    font-size: 10px;
  }
  section.kroki .area .location-names ul li a span {
    width: 18px;
    height: 18px;
    font-size: 10px;
    margin-right: 5px;
  }
}
.d-none {
  display: none;
}