a:focus,
button:focus,
input:focus,
select:focus {
  outline: 0 none;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1;
}
iframe {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure,
button,
table,
time {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
p,
b,
article,
strong {
  font-weight: 400;
}
sup {
  position: relative;
  top: -0.5em;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}
a,
button {
  color: inherit;
  cursor: pointer;
}
a {
  text-decoration: none;
  cursor: pointer !important;
}
button {
  overflow: visible;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  background: none;
  -webkit-font-smoothing: inherit;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
}
ul {
  list-style-type: none;
  color: rgba(255, 255, 255, 0);
}
header,
main,
footer {
  display: block;
  position: relative;
}
i {
  font-style: normal;
}
select {
  width: 100% !important;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 990 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-ms-clear {
  display: none;
}
input[type=number],
input[type=text],
input[type=password],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.clear:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
div.clear {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
div.clear:after {
  display: none;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-uppercase {
  text-transform: uppercase;
}
.force-text-uppercase {
  text-transform: uppercase !important;
}
.disable-link {
  pointer-events: none;
}
.force-disable-link {
  pointer-events: none !important;
}
.no-float {
  float: none !important;
}
.no-border {
  border: 0 none !important;
}
.no-transition {
  transition: none;
  -webkit-transition: none;
}
.force-no-transition {
  transition: none !important;
  -webkit-transition: none !important;
}
.no-transform {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.force-no-transform {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.no-box-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.w20 {
  width: 20%;
  box-sizing: border-box;
}
.w25 {
  width: 25%;
  box-sizing: border-box;
}
.w30 {
  width: 30%;
  box-sizing: border-box;
}
.w33 {
  width: 33.3%;
  box-sizing: border-box;
}
.w40 {
  width: 40%;
  box-sizing: border-box;
}
.w48 {
  width: 48%;
  box-sizing: border-box;
}
.w50 {
  width: 50%;
  box-sizing: border-box;
}
.w60 {
  width: 60%;
  box-sizing: border-box;
}
.w70 {
  width: 70%;
  box-sizing: border-box;
}
.w75 {
  width: 75%;
  box-sizing: border-box;
}
.w80 {
  width: 80%;
  box-sizing: border-box;
}
.w90 {
  width: 90%;
  box-sizing: border-box;
}
.w100 {
  width: 100%;
  box-sizing: border-box;
}
.h100 {
  height: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-block-middle {
  display: inline-block;
  vertical-align: middle;
}
.box-shadow {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
}
.box-shadow-2 {
  box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1);
}
.border-box {
  box-sizing: border-box;
}
.horizontal-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.horizontal-center-fixed {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.horizontal-center-z {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
}
.horizontal-center-right {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.horizontal-center-right-z {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%) translateZ(0);
  -ms-transform: translateX(50%) translateZ(0);
  transform: translateX(50%) translateZ(0);
}
.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-center-fixed {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-center-z {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateZ(0);
  -ms-transform: translateY(-50%) translateZ(0);
  transform: translateY(-50%) translateZ(0);
}
.total-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.total-center-fixed {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.total-center-z {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
}
.hidden {
  display: none;
}
.force-hidden {
  display: none !important;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.absolute-to-relative {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.only-mobile-inline-block {
  display: none;
}
@font-face {
  font-family: "regular";
  src: url('/assets/fonts/poppins-regular.woff2') format('woff2'), url('/assets/fonts/poppins-regular.woff') format('woff'), url('/assets/fonts/poppins-regular.svg}') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-017E;
  font-display: swap;
}
@font-face {
  font-family: "medium";
  src: url('/assets/fonts/poppins-medium.woff2') format('woff2'), url('/assets/fonts/poppins-medium.woff') format('woff'), url('/assets/fonts/poppins-medium.svg}') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-017E;
  font-display: swap;
}
@font-face {
  font-family: "semibold";
  src: url('/assets/fonts/poppins-semibold.woff2') format('woff2'), url('/assets/fonts/poppins-semibold.woff') format('woff'), url('/assets/fonts/poppins-semibold.svg}') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-017E;
  font-display: swap;
}
@font-face {
  font-family: "bold";
  src: url('/assets/fonts/poppins-bold.woff2') format('woff2'), url('/assets/fonts/poppins-bold.woff') format('woff'), url('/assets/fonts/poppins-bold.svg}') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-017E;
  font-display: swap;
}
.font-regular {
  font-family: 'regular', arial, helvetica, sans-serif;
}
.font-medium {
  font-family: 'medium', arial, helvetica, sans-serif;
}
.font-semibold {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.font-bold {
  font-family: 'bold', arial, helvetica, sans-serif;
}
a {
  color: #1b3f8c;
  cursor: pointer;
}
a:hover,
a:active {
  color: #fdbe00;
}
/*
	//1600px için 10px
	html {
		font-size:0.625vw;
	}
*/
html {
  font-size: 10px;
}
body {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
body.dont-move {
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  overflow: hidden;
}
.wrapper {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.g-width {
  width: 116rem;
  margin: 0 auto;
}
.g-width.gutter {
  width: 117.6rem;
}
.c-width {
  width: 137.6rem;
  margin: 0 auto;
}
.l-width {
  width: 160rem;
  margin: 0 auto;
}
.960 html {
  font-size: 10px;
}
.960 .g-width,
.960 .c-width {
  width: calc(100% - 4rem);
}
.960 .wrapper {
  overflow: hidden;
}
#debug {
  display: none;
  opacity: 0.6;
  width: 1600px;
  height: auto;
  top: 0;
  position: absolute;
  z-index: 1;
}
#debug img {
  width: 100%;
}
.page-banner {
  position: relative;
  width: 136rem;
  margin: 3rem auto 11.9rem;
  border-radius: 2.6rem;
  height: 60rem;
  overflow: hidden;
  z-index: 2;
}
.page-banner.small {
  height: 30rem;
}
.page-banner.product-banner {
  height: 20rem;
}
.page-banner .banner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
.page-banner .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 11.4rem;
  z-index: 2;
}
.page-banner .text h1 {
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  background-color: #e3f2f9;
  border-radius: 2.5rem;
  font-size: 3.2rem;
  line-height: 5rem;
  color: #1b3f8c;
  padding: 0 2.2rem;
}
.page-banner .banner-link {
  display: block;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  z-index: 9;
}
.page-banner .banner-link img {
  position: absolute;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  top: 50%;
  left: 50%;
  width: 6.3rem;
}
.page-banner .banner-link:hover img,
.page-banner .banner-link:active img {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
  transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.mobile-page-header {
  display: none;
}
.btn {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  color: #1b3f8c;
  padding: 0.95rem 2.6rem;
  font-size: 1.4rem;
  line-height: 1.1em;
  border: solid 0.3rem #1b3f8c;
  background-color: transparent;
  border-radius: 2rem;
  position: relative;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
  transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
}
.btn.with-icon {
  padding-right: 2rem;
  padding-left: 4.6rem;
}
.btn.with-icon i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.7rem;
  font-size: 3em;
}
.btn.with-icon.right {
  float: none;
  padding-right: 4.6rem;
  padding-left: 2rem;
}
.btn.with-icon.right i {
  left: auto;
  right: 0.7rem;
}
.btn.filled,
.btn.active {
  color: #fff;
  background-color: #1b3f8c;
}
.btn.filled:hover,
.btn.active:hover,
.btn.filled:active,
.btn.active:active {
  color: #fff;
  background-color: #fdbe00;
  border-color: #fdbe00;
}
.btn:hover,
.btn:active {
  color: #fff;
  background-color: #1b3f8c;
}
.btn span {
  font-family: 'medium', arial, helvetica, sans-serif;
}
.btn span b {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.btn.white {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #fff;
  border: solid 0.3rem #fff;
}
.btn.white:hover,
.btn.white:active {
  color: #1b3f8c;
  background-color: #fff;
}
.btn.yellow {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #fdbe00;
  border: solid 0.3rem #fdbe00;
}
.btn.yellow:hover,
.btn.yellow:active {
  color: #fff;
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.btn.yellow.filled,
.btn.yellow.active {
  color: #fff;
  background-color: #fdbe00;
}
.btn.yellow.filled:hover,
.btn.yellow.active:hover,
.btn.yellow.filled:active,
.btn.yellow.active:active {
  color: #fff;
  background-color: #ffd864;
  border-color: #ffd864;
}
.btn.green {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #fdbe00;
  border: solid 0.3rem #6cd538;
}
.btn.green:hover,
.btn.green:active {
  color: #fff;
  background-color: #6cd538;
  border-color: #6cd538;
}
.btn.green.filled,
.btn.green.active {
  color: #fff;
  background-color: #6cd538;
}
.btn.green.filled:hover,
.btn.green.active:hover,
.btn.green.filled:active,
.btn.green.active:active {
  color: #fff;
  background-color: #aae78c;
  border-color: #aae78c;
}
.btn.orange {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #fd9444;
  border: solid 0.3rem #fd9444;
}
.btn.orange:hover,
.btn.orange:active {
  color: #fff;
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.btn.orange.filled,
.btn.orange.active {
  color: #fff;
  background-color: #fd9444;
}
.btn.orange.filled:hover,
.btn.orange.active:hover,
.btn.orange.filled:active,
.btn.orange.active:active {
  color: #fff;
  background-color: #fecea9;
  border-color: #fecea9;
}
.btn.turqoises {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #00cabe;
  border: solid 0.3rem #00cabe;
}
.btn.turqoises:hover,
.btn.turqoises:active {
  color: #fff;
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.btn.turqoises.filled,
.btn.turqoises.active {
  color: #fff;
  background-color: #00cabe;
}
.btn.turqoises.filled:hover,
.btn.turqoises.active:hover,
.btn.turqoises.filled:active,
.btn.turqoises.active:active {
  color: #fff;
  background-color: #31fff3;
  border-color: #31fff3;
}
.btn.gray {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #646464;
  border: solid 0.3rem #646464;
}
.btn.gray:hover,
.btn.gray:active {
  color: #fff;
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.btn.gray.filled,
.btn.gray.active {
  color: #fff;
  background-color: #646464;
}
.btn.gray.filled:hover,
.btn.gray.active:hover,
.btn.gray.filled:active,
.btn.gray.active:active {
  color: #fff;
  background-color: #979797;
  border-color: #979797;
}
.btn:disabled {
  background-color: #cecece !important;
  border-color: #cecece !important;
  color: #fff !important;
  cursor: auto !important;
}
.button {
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  position: relative;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #fff;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 1.8rem;
  padding: 0 1.8rem;
  letter-spacing: -0.03em;
  border: solid 1px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
.button.with-icon-left {
  padding-left: 5rem;
}
.button.with-icon-left i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.8rem;
  font-size: 1.7em;
}
.button.purple {
  background-color: #8c52ba;
  border-color: #8c52ba;
}
.button.purple:active,
.button.purple:hover {
  background-color: #7614b8;
  border-color: #7614b8;
}
.button.purple.inverted {
  background-color: transparent;
  border-color: #7614b8;
  color: #7614b8;
}
.button.purple.inverted.active,
.button.purple.inverted:active,
.button.purple.inverted:hover {
  background-color: #8c52ba;
  border-color: #8c52ba;
  color: #fff;
}
.button.baby-blue {
  background-color: #6dbff3;
  border-color: #6dbff3;
}
.button.baby-blue:active,
.button.baby-blue:hover {
  background-color: #22a3f2;
  border-color: #22a3f2;
}
.button.baby-blue.inverted {
  background-color: transparent;
  border-color: #6dbff3;
  color: #6dbff3;
}
.button.baby-blue.inverted.active,
.button.baby-blue.inverted:active,
.button.baby-blue.inverted:hover {
  background-color: #6dbff3;
  border-color: #6dbff3;
  color: #fff;
}
.button.sea-green {
  background-color: #1bccce;
  border-color: #1bccce;
}
.button.sea-green:active,
.button.sea-green:hover {
  background-color: #00b3b6;
  border-color: #00b3b6;
}
.button.sea-green.inverted {
  background-color: transparent;
  border-color: #1bccce;
  color: #1bccce;
}
.button.sea-green.inverted.active,
.button.sea-green.inverted:active,
.button.sea-green.inverted:hover {
  background-color: #1bccce;
  border-color: #1bccce;
  color: #fff;
}
.button.yellow-ronchi {
  background-color: #e7c054;
  border-color: #e7c054;
}
.button.yellow-ronchi:active,
.button.yellow-ronchi:hover {
  background-color: #e7ac0f;
  border-color: #e7ac0f;
}
.button.yellow-ronchi.inverted {
  background-color: transparent;
  border-color: #e7c054;
  color: #e7c054;
}
.button.yellow-ronchi.inverted.active,
.button.yellow-ronchi.inverted:active,
.button.yellow-ronchi.inverted:hover {
  background-color: #e7c054;
  border-color: #e7c054;
  color: #fff;
}
.button.navy-blue {
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.button.navy-blue:active,
.button.navy-blue:hover {
  background-color: #fff;
  color: #1b3f8c;
}
.button.navy-blue.inverted {
  background-color: transparent;
  border-color: #1b3f8c;
  color: #1b3f8c;
}
.button.navy-blue.inverted.active,
.button.navy-blue.inverted:active,
.button.navy-blue.inverted:hover {
  background-color: #1b3f8c;
  border-color: #1b3f8c;
  color: #fff;
}
.button.light-blue {
  background-color: #9dc8e3;
  border-color: #9dc8e3;
}
.button.light-blue:active,
.button.light-blue:hover {
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.button.light-blue.inverted {
  background-color: transparent;
  border-color: #9dc8e3;
  color: #9dc8e3;
}
.button.light-blue.inverted:active,
.button.light-blue.inverted:hover {
  background-color: #9dc8e3;
  border-color: #9dc8e3;
  color: #fff;
}
.button.white {
  background-color: #fff;
  border-color: #fff;
}
.button.white:active,
.button.white:hover {
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.button.white.inverted {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.button.white.inverted:hover,
.button.white.inverted:active {
  background-color: #fff;
  color: #1b3f8c;
}
.button.gray {
  background-color: #646464;
  border-color: #646464;
}
.button.gray:active,
.button.gray:hover {
  background-color: #1b3f8c;
  border-color: #1b3f8c;
}
.button.gray.inverted {
  background-color: transparent;
  color: #646464;
  border-color: #646464;
}
.button.gray.inverted:hover,
.button.gray.inverted:active {
  background-color: #646464;
  color: #fff;
}
.button:disabled,
.button.disabled {
  border: 1px solid transparent !important;
  color: #ffffff !important;
  background-color: lightgray !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  user-select: none !important;
}
.button.navy-blue.inverted {
  background-color: transparent;
  color: #1b3f8c;
}
.button.purple-2 {
  background-color: #6a4570;
  border-color: #6a4570;
}
.button.purple-2.inverted {
  background-color: transparent;
  color: #6a4570;
}
.badge.orange {
  background-color: #e7c054;
}
.badge.baby-blue {
  background-color: #6dbff3;
}
.product {
  display: block;
  position: relative;
  text-align: center;
}
.product img {
  display: inline-block;
  width: 80%;
  margin-bottom: 2.6rem;
}
.product .name {
  font-family: 'regular', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  line-height: 1.375em;
  margin-bottom: 1rem;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.product .name:hover,
.product .name:active {
  color: #22a3f2;
}
.product .d2c-add {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.product .d2c-add .button {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}
.product .p-info {
  text-align: center;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  opacity: 0.5;
  padding-top: 1.9rem;
}
.product .aligner {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 2.3rem;
}
.amount-form {
  min-width: 12rem;
  height: 3rem;
  background-color: #1b3f8c;
  border-radius: 1.5rem;
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
}
.amount-form .minus,
.amount-form .plus {
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 1.6rem;
  width: 3.6rem;
  height: 3rem;
  line-height: 3rem;
  letter-spacing: normal;
}
.amount-form .amount-indicator {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  padding: 0 0.5rem;
  height: 3rem;
  line-height: 3rem;
  letter-spacing: normal;
}
.p-tag {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  color: #e96a01;
}
.p-tag i {
  font-size: 1.3em;
}
.p-tag span {
  font-family: 'medium', arial, helvetica, sans-serif;
  margin-left: 1rem;
}
.d2c-para,
.d2c-price {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d2c-para .old,
.d2c-price .old {
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #1b3f8c;
  opacity: 0.5;
  line-height: 1.1em;
  text-decoration: line-through;
  font-size: 1.4rem;
  text-align: center;
  margin-right: 1.6rem;
}
.d2c-para .price,
.d2c-price .price {
  font-family: 'medium', arial, helvetica, sans-serif;
  color: #1b3f8c;
  text-align: center;
  line-height: 1em;
  font-size: 3rem;
}
.d2c-price {
  justify-content: flex-start;
}
.d2c-price .old {
  margin-right: 0;
  margin-left: 1.6rem;
}
.similar-products {
  position: relative;
  width: 113rem;
  margin: 11.4rem auto 3rem;
}
.similar-products .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
  color: #1b3f8c;
  margin-bottom: 10rem;
}
.similar-products .product-slider-cont {
  width: 113rem;
  height: 52rem;
  overflow: hidden;
}
.similar-products .product-slider.royalSlider.rsMinw {
  width: 23.2rem;
  height: 52rem;
}
.similar-products .product-slider.royalSlider.rsMinw .rsContent {
  width: 100%;
  box-sizing: border-box;
  height: 52rem;
  overflow: visible;
}
.similar-products .product-slider.royalSlider.rsMinw .rsContent .product {
  width: 23rem;
}
.similar-products .product-slider.royalSlider.rsMinw .rsContent .product img {
  width: 80%;
}
.similar-products .product-slider.royalSlider.rsMinw .rsContent .product .name {
  min-height: 8.8rem;
}
.similar-products .product-slider.royalSlider.rsMinw .rsContent .product .d2c-para {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.similar-products .product-slider.royalSlider.rsMinw .rsSlide {
  overflow: visible;
}
.similar-products .product-slider.royalSlider.rsMinw .rsOverflow {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  width: 100% !important;
  height: 100% !important;
  float: none;
}
.similar-products .arrow {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  font-size: 5rem;
  color: #1b3f8c;
  top: 25rem;
  z-index: 9;
}
.similar-products .arrow:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.similar-products .arrow.next {
  right: -6.3rem;
}
.similar-products .arrow.next:after {
  content: "\e901";
}
.similar-products .arrow.prev {
  left: -6.3rem;
}
.similar-products .arrow.prev:after {
  content: "\e900";
}
.guide {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.guide .task {
  position: relative;
  box-sizing: border-box;
  width: 31rem;
  padding-left: 12rem;
  margin-bottom: 6.4rem;
}
.guide .task img {
  position: absolute;
  width: 9.2rem;
  top: 0;
  left: 0;
}
.guide .task p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.58em;
  color: #1b3f8c;
  opacity: 0.7;
}
.breadcrumb {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  margin-bottom: 4.5rem;
}
.breadcrumb ul {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.breadcrumb ul li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  color: #1b3f8c;
}
.breadcrumb ul li:first-child {
  display: inline-block;
  text-transform: uppercase;
  width: auto;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.breadcrumb ul li:first-child i {
  display: inline-block;
  font-size: 7rem;
  margin-bottom: -2rem;
}
.breadcrumb ul li:first-child:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  box-sizing: border-box;
  content: "";
  height: 0.188em;
  background-color: #1b3f8c;
  bottom: 0;
}
.breadcrumb ul li:first-child a,
.breadcrumb ul li:first-child span {
  display: inline-block;
  margin: 0 0.8rem;
}
.breadcrumb ul li:last-child {
  font-size: 4rem;
  line-height: 1.4em;
}
.breadcrumb ul li:last-child h1,
.breadcrumb ul li:last-child h2 {
  line-height: 1.4em;
}
.confirm-special-modal {
  position: relative;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  width: 80rem;
  margin: 4rem auto 0;
  height: calc(100vh - 13rem);
  border-radius: 1rem;
  background-color: #fff;
  font-size: 2rem;
  color: #646464;
  padding: 7.6rem 6rem 3.5rem;
  box-sizing: border-box;
}
.confirm-special-modal:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  content: "";
  background-color: #fff;
  width: 6.3em;
  height: 6.3em;
  border-radius: 50%;
  top: -3.15em;
  z-index: 1;
}
.confirm-special-modal .confirm-modal-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 12.8rem;
  top: -6.3rem;
  z-index: 2;
}
.confirm-special-modal p {
  line-height: 1.4em;
}
.confirm-special-modal p strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.confirm-special-modal .cont {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  height: 100vh;
}
.confirm-special-modal .modal-btn-group {
  display: flex;
  justify-content: space-between;
  padding-top: 3rem;
}
.confirm-special-modal .modal-btn-group .btn {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0;
}
.confirm-special-modal .modal-btn-group .btn br.mobile {
  display: none;
}
.confirm-special-modal .modal-btn-group .btn.with-icon.right {
  padding-right: 5rem;
}
.confirm-special-modal .sticky-header {
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.35em;
  height: 8rem;
  color: #1b3f8c;
}
.confirm-special-modal .overflow {
  height: calc(100vh - 44rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-right: 2rem;
}
.confirm-special-modal #explicit-button-close {
  display: none;
}
.confirm-special-modal #explicit-error-holder {
  display: none;
  margin: 3rem auto;
}
.confirm-special-modal #explicit-error-holder p {
  color: #fe0000;
}
.confirm-special-modal .formatted-text p {
  line-height: 1.8em;
}
.confirm-modal {
  position: relative;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  width: 64rem;
  border-radius: 1rem;
  background-color: #fff;
  font-size: 2rem;
  color: #646464;
  padding: 7.6rem 6rem 3.5rem;
  box-sizing: border-box;
  margin: auto;
}
.confirm-modal:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  content: "";
  background-color: #fff;
  width: 6.3em;
  height: 6.3em;
  border-radius: 50%;
  top: -3.15em;
  z-index: 1;
}
.confirm-modal > .modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 9;
}
.confirm-modal .confirm-modal-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 12.8rem;
  top: -6.3rem;
  z-index: 2;
}
.confirm-modal p {
  line-height: 1.4em;
}
.confirm-modal p strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.confirm-modal .cont {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.confirm-modal .btn {
  padding-left: 6rem;
  padding-right: 6rem;
  margin-top: 2.8rem;
}
.confirm-modal .modal-btn-group .btn {
  margin: 2.8rem 0.5rem 0;
}
.confirm-modal #explicit-error-holder.formatted-text {
  display: none;
}
.confirm-modal #explicit-error-holder.formatted-text p {
  color: #fe0000;
}
.confirm-modal.includes-form {
  background-color: #f4f1eb;
}
.confirm-modal.includes-form:before {
  background-color: #f4f1eb;
}
.confirm-modal.info {
  width: 80rem;
  margin: 4rem auto 0;
  height: calc(100vh - 13rem);
}
.confirm-modal.info .cont {
  position: relative;
  height: calc(100vh - 30rem);
}
.confirm-modal.info .sticky-header {
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  height: 3rem;
}
.confirm-modal.info .overflow {
  height: calc(100vh - 33rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-right: 2rem;
}
.confirm-modal.info .modal-btn-group.sticky-footer .btn {
  padding-left: 2rem;
  padding-right: 2rem;
}
.confirm-modal.info .formatted-text p {
  line-height: 1.8em;
}
.confirm-modal.mother-milk-modal .mfp-close {
  display: none !important;
}
.text-modal {
  position: relative;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background-color: #fff;
  width: 60%;
  margin: 4rem auto;
  padding: 5rem;
  color: #646464;
  box-sizing: border-box;
}
.text-modal .modal-close {
  display: inline-block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 3rem;
  color: #1b3f8c;
}
.text-modal .modal-close:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e922";
}
.text-modal .modal-close:hover,
.text-modal .modal-close:active {
  color: #fdbe00;
}
.buy-modal {
  position: relative;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background-color: #fff;
  width: 57rem;
  margin: 4rem auto;
  padding: 5rem;
  color: #646464;
  box-sizing: border-box;
}
.buy-modal .modal-close {
  display: inline-block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 2.5rem;
  color: #1b3f8c;
}
.buy-modal .modal-close:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e922";
}
.buy-modal .modal-close:hover,
.buy-modal .modal-close:active {
  color: #fdbe00;
}
.buy-modal .product-image {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto 2rem;
}
.buy-modal .product-image img {
  display: inline-block;
  width: 21rem;
  height: auto;
}
.buy-modal .text {
  border-bottom: solid 0.3rem rgba(27, 63, 140, 0.05);
  padding-bottom: 2rem;
}
.buy-modal .text .cap {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.6em;
  margin-bottom: 2rem;
}
.buy-modal .text p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}
.buy-modal .text .sub-cap {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 1.6rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
}
.buy-modal .buy-list {
  width: 100%;
  box-sizing: border-box;
  padding-top: 2rem;
}
.buy-modal .buy-list a {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 4rem;
  margin-bottom: 2rem;
}
.buy-modal .buy-list a img.buy-logo {
  display: inline-block;
  vertical-align: middle;
  width: 15.4rem;
  height: auto;
}
.buy-modal .buy-list a .btn {
  position: absolute;
  right: 0;
  top: 0;
}
.modal {
  position: relative;
  width: 78rem;
  max-width: calc(100% - 4rem);
  margin: 5rem auto;
}
.modal.youtube {
  position: relative;
  width: 74.3%;
  margin: 2rem auto 0;
  padding-bottom: 40%;
}
.modal.youtube iframe {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.modal.youtube .mfp-close {
  position: absolute;
  right: -1.2rem;
  top: -4.5rem;
  font-size: 6rem;
  color: #fff;
  opacity: 1;
}
.modal.info {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 63%;
  padding: 7rem 9.9rem;
  background-color: #fff;
  border-radius: 2.6rem;
}
.modal.info .mfp-close {
  right: 2rem;
  top: 2rem;
}
.modal.info .cap {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: center;
  color: #1b3f8c;
  font-size: 3rem;
  line-height: 1.35em;
  margin-bottom: 3rem;
}
.modal.form {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 40%;
  padding: 7rem 9.9rem;
  background-color: #fff;
  border-radius: 2.6rem;
}
.modal.form .mfp-close {
  right: 2rem;
  top: 2rem;
}
.modal.form .buttons {
  text-align: center;
}
.modal.form .buttons .button {
  vertical-align: middle;
  margin: 0 1rem;
}
.modal.speacial {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 63%;
  padding: 7rem 9.9rem;
  background-color: #fff;
  border-radius: 2.6rem;
  height: calc(100vh - 13rem);
}
.modal.speacial .mfp-close {
  display: none;
}
.modal.speacial .cap {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: center;
  color: #1b3f8c;
  font-size: 2rem;
  line-height: 1.35em;
}
.modal.speacial .overflow {
  height: calc(100vh - 44rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-right: 2rem;
}
.modal.speacial .header {
  box-sizing: border-box;
  width: 100%;
  height: 8rem;
}
.modal.speacial .footer {
  width: 100%;
  box-sizing: border-box;
  padding: 3rem 0;
  display: flex;
  justify-content: space-between;
}
.modal.speacial #explicit-button-close,
.modal.speacial #explicit-error-holder,
.modal.speacial .button br.mobile {
  display: none;
}
.modal.speacial #explicit-error-holder p,
.modal.speacial #explicit-error-holder h3 {
  color: #ff4040;
}
.modal.confirm {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 40%;
  padding: 7rem 9.9rem;
  background-color: #fff;
  border-radius: 2.6rem;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.modal.confirm .mfp-close-btn-in .mfp-close {
  right: 2rem;
  top: 2rem;
  background-color: #9dc8e3;
  color: #fff;
  border-radius: 50%;
}
.modal.confirm .mfp-close {
  right: 2rem;
  top: 2rem;
  background-color: #9dc8e3;
  color: #fff;
  border-radius: 50%;
}
.modal.confirm .modal-header {
  text-align: center;
  font-size: 2.4rem;
}
.modal.confirm .modal-header i {
  display: block;
  text-align: center;
  font-size: 2.6em;
  margin-bottom: 2.6rem;
}
.modal.confirm .modal-header i.icon-close {
  font-size: 1.8em;
}
.modal.confirm .modal-header .cap {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  line-height: 1.4em;
  margin-bottom: 3.7rem;
}
.modal.confirm .modal-image {
  text-align: center;
  margin-bottom: 2.6rem;
}
.modal.confirm .modal-image img {
  display: inline-block;
  max-width: 100%;
}
.modal.confirm .modal-body {
  text-align: center;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 2.6rem;
  line-height: 1.4em;
  color: #1b3f8c;
}
.modal.confirm .modal-body a {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  display: inline;
  text-decoration: underline;
  color: #6dbff3;
}
.modal.confirm .modal-body u {
  text-decoration: underline;
}
.modal.confirm .modal-body b,
.modal.confirm .modal-body strong {
  font-family: 'medium', arial, helvetica, sans-serif;
}
.modal.confirm .modal-buttons {
  display: flex;
  justify-content: center;
}
.modal.confirm .modal-buttons .button {
  margin: 0 1rem;
}
.modal.return-form {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 69rem;
  padding: 3.4rem;
  background-color: #fff;
  border-radius: 2.6rem;
}
.modal.return-form .mfp-close {
  right: 2rem;
  top: 2rem;
}
.modal.return-form .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 3rem;
  margin-bottom: 5rem;
}
.modal.return-form .form .return-product {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 4rem;
}
.modal.return-form .form .return-product .check {
  width: 2.4rem;
  margin-right: 1rem;
}
.modal.return-form .form .return-product .img {
  position: relative;
  width: 10rem;
  margin-right: 1rem;
}
.modal.return-form .form .return-product .img img {
  width: 100%;
  box-sizing: border-box;
  top: -2rem;
}
.modal.return-form .form .return-product .text {
  width: 18.2rem;
  margin-right: 1.6rem;
}
.modal.return-form .form .return-product .text .name {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.modal.return-form .form .return-product .text .price {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.modal.return-form .form .return-product .text .price .old {
  display: block;
  text-decoration: line-through;
  font-size: 0.8em;
}
.modal.return-form .form .return-product .selects {
  width: 27rem;
}
.modal.return-form .form .return-product .selects .form-item.select {
  margin-bottom: 1.4rem;
}
.modal.return-form .form .return-product .selects .form-item.select.short {
  width: 50%;
  box-sizing: border-box;
}
.modal.return-form .buttons {
  padding-top: 3.3rem;
  text-align: right;
  border-top: solid 1px #e6e6ed;
  margin-right: 2rem;
}
.modal.return-form .buttons:last-child {
  margin-right: 0;
}
.modal.order-adress-form {
  width: 60rem;
  background-color: #fff;
  padding: 7rem 4rem;
}
.modal.order-adress-form .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 2.4rem;
  margin-bottom: 2.5rem;
}
.modal.order-adress-form .cap i {
  display: block;
  font-size: 2em;
  margin-bottom: 1rem;
}
.modal.order-adress-form .mini-cap {
  display: inline-block;
  vertical-align: middle;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  margin-right: 3rem;
  opacity: 0.7;
}
.modal.order-adress-form .adress-form-tabs {
  padding-top: 2rem;
}
.modal.product-filter-modal {
  width: 45rem;
  background-color: #fff;
  border-radius: 2.6rem;
  padding: 3rem 2.8rem 3.8rem;
}
.modal.product-filter-modal .mfp-close {
  right: 2rem;
  top: 2rem;
  background-color: #9dc8e3;
  color: #fff;
  border-radius: 50%;
}
.modal.product-filter-modal .cap {
  width: 100%;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 3rem;
  margin-bottom: 4rem;
}
.modal.product-filter-modal .small-cap {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  padding: 2rem 0;
  border-top: solid 1px #d2d7e9;
}
.modal.product-filter-modal .form-content {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.modal.product-filter-modal .modal-accord {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.modal.product-filter-modal .modal-accord .small-cap {
  cursor: pointer;
}
.modal.product-filter-modal .modal-accord .small-cap:after {
  position: absolute;
  display: inline-block;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  font-size: 0.8rem;
  right: 0;
  top: 2.4rem;
}
.modal.product-filter-modal .modal-accord .small-cap.active:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.modal.product-filter-modal .modal-accord .form-content {
  display: none;
}
.modal.product-filter-modal .buttons {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
}
.modal.product-filter-modal .buttons .button {
  text-align: center;
  box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.1);
}
.modal.product-filter-modal .buttons a.text-link {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.5rem;
}
.modal.sort .buttons .button {
  width: 100%;
  box-sizing: border-box;
}
.gbb {
  position: relative;
  margin-bottom: 3.4rem;
  min-height: 63.5rem;
  border-radius: 1rem;
  overflow: hidden;
}
.gbb:after {
  display: block;
  width: 100%;
  box-sizing: border-box;
  content: "";
  height: 63.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.gbb img.background-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 137.6rem;
  max-width: none;
  height: auto;
  top: 0;
  opacity: 0.75;
  z-index: 1;
}
.gbb .cap-group {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.gbb .cap.tab-cap {
  text-align: center;
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  font-size: 5rem;
  min-width: 29.4rem;
  color: #1b3f8c;
  padding-bottom: 1rem;
}
.gbb .cap.tab-cap:after {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 0.3rem;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1b3f8c;
}
.gbb .cap.tab-link {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: center;
  display: inline-block;
  font-size: 3rem;
  min-width: 29.4rem;
  opacity: 0.7;
  padding-bottom: 2.3rem;
  color: #1b3f8c;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.gbb .cap.tab-link:hover,
.gbb .cap.tab-link:active {
  opacity: 1;
  color: #1b3f8c;
}
.gbb .gbb-content {
  z-index: 3;
}
.gbb.small {
  min-height: 44.6rem;
  margin-bottom: 0;
}
.gbb.small:after {
  height: 44.6rem;
}
.gbb.small .gbb-content {
  padding-top: 10rem;
}
.gbb.medium {
  min-height: 58rem;
  margin-bottom: 0;
}
.gbb.medium:after {
  height: 35.5rem;
}
.gbb.medium .gbb-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  padding-top: 0;
  padding-bottom: 3rem;
}
.gbb.smaller {
  min-height: 38rem;
  margin-bottom: 0;
}
.gbb.smaller:after {
  height: 38rem;
}
.gbb.smaller .gbb-content {
  padding-top: 10rem;
}
.gbb.light {
  background-color: #f4f1eb;
  color: #1b3f8c;
}
.gbb.light:after {
  background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 20%, rgba(244, 241, 234, 0.93) 40%, #f4f1ea 100%);
  background: -o-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 20%, rgba(244, 241, 234, 0.93) 40%, #f4f1ea 100%);
  background: -ms-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 20%, rgba(244, 241, 234, 0.93) 40%, #f4f1ea 100%);
  background: -moz-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 20%, rgba(244, 241, 234, 0.93) 40%, #f4f1ea 100%);
  background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 20%, rgba(244, 241, 234, 0.93) 40%, #f4f1ea 100%);
}
.gbb.light.smaller:after {
  background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 55%, rgba(244, 241, 234, 0.93) 80%, #f4f1ea 100%);
  background: -o-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 55%, rgba(244, 241, 234, 0.93) 80%, #f4f1ea 100%);
  background: -ms-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 55%, rgba(244, 241, 234, 0.93) 80%, #f4f1ea 100%);
  background: -moz-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 55%, rgba(244, 241, 234, 0.93) 80%, #f4f1ea 100%);
  background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(244, 240, 235, 0.56) 55%, rgba(244, 241, 234, 0.93) 80%, #f4f1ea 100%);
}
.gbb.yellow {
  background-color: #febc1e;
  color: #fff;
}
.gbb.yellow img.background-image {
  top: -15%;
}
.gbb.yellow:after {
  top: auto;
  bottom: 0;
  background: -webkit-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 35%, rgba(255, 189, 0, 0.75) 75%, rgba(255, 189, 0, 0.93) 100%);
  background: -o-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 35%, rgba(255, 189, 0, 0.75) 75%, rgba(255, 189, 0, 0.93) 100%);
  background: -ms-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 35%, rgba(255, 189, 0, 0.75) 75%, rgba(255, 189, 0, 0.93) 100%);
  background: -moz-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 35%, rgba(255, 189, 0, 0.75) 75%, rgba(255, 189, 0, 0.93) 100%);
  background: linear-gradient(to bottom, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 35%, rgba(255, 189, 0, 0.75) 75%, rgba(255, 189, 0, 0.93) 100%);
}
.gbb.yellow .breadcrumb a {
  color: #1b3f8c;
}
.gbb.yellow .breadcrumb li {
  color: #1b3f8c;
}
.gbb.yellow .breadcrumb li:first-child:after {
  background-color: #1b3f8c;
}
.gbb.product {
  text-align: center;
  height: 47.6rem;
  color: #1b3f8c;
  box-sizing: border-box;
  min-height: 0;
  margin-bottom: 0;
  background-color: #ebc918;
}
.gbb.product h1,
.gbb.product h2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: 'bold', arial, helvetica, sans-serif;
  width: 55%;
  box-sizing: border-box;
  bottom: 0;
  font-size: 5rem;
  padding-bottom: 2.5rem;
  z-index: 5;
  line-height: 1.1em;
}
.gbb.product h1 span,
.gbb.product h2 span {
  display: inline-block;
  position: relative;
  padding-bottom: 1rem;
}
.gbb.product h1 span:after,
.gbb.product h2 span:after {
  display: block;
  width: 100%;
  box-sizing: border-box;
  content: "";
  position: absolute;
  height: 0.06em;
  background-color: #1b3f8c;
  bottom: 0;
  left: 0;
}
.gbb.product:after {
  height: 44.6rem;
  background: -webkit-linear-gradient(top, rgba(233, 201, 22, 0) 0%, rgba(235, 201, 23, 0.4) 20%, rgba(235, 200, 23, 0.61) 40%, rgba(235, 202, 24, 0.8) 60%, #ebc918 100%);
  background: -o-linear-gradient(top, rgba(233, 201, 22, 0) 0%, rgba(235, 201, 23, 0.4) 20%, rgba(235, 200, 23, 0.61) 40%, rgba(235, 202, 24, 0.8) 60%, #ebc918 100%);
  background: -ms-linear-gradient(top, rgba(233, 201, 22, 0) 0%, rgba(235, 201, 23, 0.4) 20%, rgba(235, 200, 23, 0.61) 40%, rgba(235, 202, 24, 0.8) 60%, #ebc918 100%);
  background: -moz-linear-gradient(top, rgba(233, 201, 22, 0) 0%, rgba(235, 201, 23, 0.4) 20%, rgba(235, 200, 23, 0.61) 40%, rgba(235, 202, 24, 0.8) 60%, #ebc918 100%);
  background: linear-gradient(to bottom, rgba(233, 201, 22, 0) 0%, rgba(235, 201, 23, 0.4) 20%, rgba(235, 200, 23, 0.61) 40%, rgba(235, 202, 24, 0.8) 60%, #ebc918 100%);
}
.gbb.product.gold {
  background-color: #d7c8aa;
}
.gbb.product.gold:after {
  background: -webkit-linear-gradient(top, rgba(217, 201, 168, 0) 0%, rgba(214, 201, 170, 0.39) 20%, rgba(215, 200, 170, 0.6) 40%, rgba(215, 200, 170, 0.8) 60%, #d7c8aa 100%);
  background: -o-linear-gradient(top, rgba(217, 201, 168, 0) 0%, rgba(214, 201, 170, 0.39) 20%, rgba(215, 200, 170, 0.6) 40%, rgba(215, 200, 170, 0.8) 60%, #d7c8aa 100%);
  background: -ms-linear-gradient(top, rgba(217, 201, 168, 0) 0%, rgba(214, 201, 170, 0.39) 20%, rgba(215, 200, 170, 0.6) 40%, rgba(215, 200, 170, 0.8) 60%, #d7c8aa 100%);
  background: -moz-linear-gradient(top, rgba(217, 201, 168, 0) 0%, rgba(214, 201, 170, 0.39) 20%, rgba(215, 200, 170, 0.6) 40%, rgba(215, 200, 170, 0.8) 60%, #d7c8aa 100%);
  background: linear-gradient(to bottom, rgba(217, 201, 168, 0) 0%, rgba(214, 201, 170, 0.39) 20%, rgba(215, 200, 170, 0.6) 40%, rgba(215, 200, 170, 0.8) 60%, #d7c8aa 100%);
}
.gbb.product.detail {
  min-height: 55rem;
  height: auto;
  padding-top: 40rem;
  padding-bottom: 2.5rem;
}
.gbb.product.detail h1,
.gbb.product.detail h2 {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-bottom: 1rem;
}
.gbb.product.detail .up {
  display: inline-block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  position: relative;
  text-transform: uppercase;
  bottom: 0;
  z-index: 5;
  color: #fff;
  font-size: 1.4rem;
  padding-bottom: 1rem;
}
.gbb.product.detail .up:after {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60%;
  box-sizing: border-box;
  content: "";
  height: 0.215em;
  background-color: #fff;
  bottom: 0;
}
.gbb.product.detail .up:hover,
.gbb.product.detail .up:active {
  color: #1b3f8c;
}
.gbb.product.detail .up:hover:after,
.gbb.product.detail .up:active:after {
  background-color: #1b3f8c;
}
.gbb.usr-settings .breadcrumb ul li:first-child i {
  font-size: 5rem;
}
.gbb.usr-settings .breadcrumb ul li:last-child h1,
.gbb.usr-settings .breadcrumb ul li:last-child h2 {
  font-size: 5rem;
}
.gbb.no-cepbebe-banner {
  margin-bottom: 5rem;
}
.gbb.error .breadcrumb ul li:first-child {
  display: none;
}
.gbb.error .breadcrumb ul li:last-child {
  font-size: 15rem;
}
.gbb.error p {
  text-align: center;
  font-size: 2rem;
  opacity: 0.6;
}
.gbb.no-effect:after {
  display: none;
}
.gbb.no-effect img.background-image {
  opacity: 1;
}
.gbb-content {
  width: 116rem;
  margin: 0 auto;
  position: relative;
  padding-top: 8rem;
}
.gbb-content.gutter {
  width: 117.6rem;
}
.gbb-content .cap {
  position: relative;
  letter-spacing: 0.05em;
}
.grid {
  position: relative;
}
.grid:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.grid .g {
  float: left;
  position: relative;
}
.grid.gutter .g {
  padding: 0.8rem;
}
.pagination {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  color: #646464;
  margin-bottom: 4rem;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.pagination li a {
  display: inline-block;
  vertical-align: middle;
  color: #646464;
  width: 3.3rem;
  height: 3.3rem;
  line-height: 2.2em;
  border: solid 0.3rem transparent;
  border-radius: 50%;
}
.pagination li a:hover,
.pagination li a:active {
  color: #fdbe00;
}
.pagination li a.active {
  font-family: 'bold', arial, helvetica, sans-serif;
  border-color: #646464;
}
.pagination li a.disabled {
  display: none;
}
.pagination li:first-child a {
  width: auto;
}
.pagination li:first-child a span {
  display: none;
}
.pagination li:first-child a:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  position: relative;
  font-size: 3em;
  top: -0.16em;
}
.pagination li:last-child a {
  width: auto;
}
.pagination li:last-child a span {
  display: none;
}
.pagination li:last-child a:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  position: relative;
  font-size: 3em;
  top: -0.16em;
}
.formatted-text {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2em;
}
.formatted-text p {
  margin: 1rem auto;
  line-height: 2em;
}
.formatted-text ul {
  margin: 1rem auto;
  box-sizing: border-box;
  list-style-type: disc;
  padding-left: 4rem;
  line-height: 1.5em;
  color: #646464;
}
.formatted-text ol {
  margin: 1rem auto;
  box-sizing: border-box;
  padding-left: 4rem;
  line-height: 1.5em;
  color: #646464;
}
.formatted-text b,
.formatted-text strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.formatted-text i {
  font-style: italic;
}
.formatted-text u {
  text-decoration: underline;
}
.formatted-text a {
  color: #1b3f8c;
}
.formatted-text a:hover,
.formatted-text a:active {
  color: #fdbe00;
}
.formatted-text img {
  display: inline;
  width: auto;
  height: auto !important;
  max-width: 100%;
}
.formatted-text .simple-bordered-table {
  border: solid 1px #dededede;
  border-collapse: collapse;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
  font-size: 1.2rem;
}
.formatted-text .simple-bordered-table th {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: left;
}
.formatted-text .simple-bordered-table td,
.formatted-text .simple-bordered-table th {
  padding: 0.7rem;
  border: solid 1px #dedede;
  line-height: 1.6em;
}
.formatted-text .simple-bordered-table a {
  word-wrap: break-word;
}
.sa-tip-baloon {
  display: none;
  position: absolute;
  width: 280px;
  box-sizing: border-box;
  z-index: 9999;
}
.sa-tip-baloon .sa-tip {
  width: 100%;
  padding: 22px;
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.35);
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 5px;
  transform: translateY(20%);
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.2s ease;
  box-sizing: border-box;
  font-size: 14px;
}
.sa-tip-baloon .sa-tip.animate {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  opacity: 1;
}
.sa-tip-baloon .sa-arrow {
  display: block;
  position: absolute;
  width: 40px;
  height: 23px;
  right: 22px;
  top: -23px;
  z-index: 2;
  overflow: hidden;
  box-sizing: border-box;
}
.sa-tip-baloon .sa-arrow:before {
  position: absolute;
  content: " ";
  display: block;
  background-color: #fff;
  top: 19px;
  left: 20px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.35);
}
.sa-tip-baloon .sa-close {
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  display: inline-block;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 5px;
  right: 10px;
  color: #e2e4e6;
  width: 22px;
  height: 22px;
  text-align: right;
}
.js-modals {
  display: none;
}
.inpage-banner {
  width: 112.8rem;
  margin: 0 auto 8rem;
}
.inpage-banner a {
  display: block;
}
.inpage-banner.special {
  border-radius: 2.6rem;
  overflow: hidden;
}
/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}
.royalSlider > * {
  float: left;
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}
.rsThumb {
  float: left;
  position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}
.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}
.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}
.rsPreloader {
  position: absolute;
  z-index: 0;
}
.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}
.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}
.rsTabs {
  float: left;
  background: none !important;
}
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}
.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}
img.rsImg {
  max-width: none;
}
.grab-cursor {
  cursor: url(/assets/images/plugins/grab.png) 8 8, move;
}
.grabbing-cursor {
  cursor: url(/assets/images/plugins/grabbing.png) 8 8, move;
}
.rsNoDrag {
  cursor: auto;
}
.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(/assets/images/plugins/blank.gif);
}
/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/***************
*
*  1. Arrows
*
****************/
.rsMinW .rsArrow {
  height: 32px;
  width: 32px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}
.rsMinW .rsArrowLeft {
  right: 37px;
  bottom: 7px;
}
.rsMinW .rsArrowRight {
  right: 7px;
  bottom: 7px;
}
.rsMinW .rsArrowIcn {
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-left: 3px;
  position: absolute;
  cursor: pointer;
  background: url('/assets/images/plugins/rs-minimal-white.png') transparent;
  border-radius: 2px;
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -68px -36px;
}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -68px -68px;
}
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -100px -36px;
}
.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -100px -68px;
}
.rsMinW .rsArrowDisabled .rsArrowIcn {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  *display: none;
}
/***************
*
*  2. Bullets
*
****************/
.rsMinW .rsBullets {
  position: absolute;
  bottom: 15px;
  right: 73px;
  z-index: 35;
  padding-top: 4px;
  height: auto;
  text-align: center;
  line-height: 6px;
  overflow: hidden;
}
.rsMinW .rsBullet {
  width: 6px;
  height: 6px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 5px 6px 4px;
}
.rsMinW .rsBullet span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #CCC;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
  background: #FFF;
}
/***************
*
*  3. Thumbnails
*
****************/
.rsMinW .rsThumbsHor {
  width: 100%;
  height: 72px;
}
.rsMinW .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}
.rsMinW .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}
.rsMinW .rsThumb img {
  width: 100%;
  height: 100%;
}
.rsMinW .rsThumb.rsNavSelected {
  background: #333;
}
.rsMinW .rsThumb.rsNavSelected img {
  filter: alpha(opacity=40);
  opacity: 0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #FFF;
  border: 2px solid rgba(255, 255, 255, 0.9);
  -webkit-backface-visibility: hidden;
}
.rsMinW .rsTmb {
  display: block;
}
/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}
.rsMinW .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url('rs-minimal-white.png');
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}
.rsMinW .rsThumbsArrowDisabled {
  display: none !important;
}
/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsMinW .rsThumb {
    width: 59px;
    height: 44px;
  }
  .rsMinW .rsThumbsHor {
    height: 44px;
  }
  .rsMinW .rsThumbsVer {
    width: 59px;
  }
}
/***************
*
*  4. Tabs
*
****************/
.rsMinW .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}
.rsMinW .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #000;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  *display: inline;
  *zoom: 1;
}
.rsMinW .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rsMinW .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}
.rsMinW .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected {
  color: #000;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}
/***************
*
*  5. Fullscreen button
*
****************/
.rsMinW .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}
.rsMinW .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url(/assets/images/plugins/rs-minimal-white.png) 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
  opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}
/***************
*
*  6. Play/close video button
*
****************/
.rsMinW .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}
.rsMinW .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: url(/assets/images/plugins/rs-minimal-white.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9);
}
.rsMinW .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
}
.rsMinW .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}
.rsMinW .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url(/assets/images/plugins/rs-minimal-white.png) -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}
.rsMinW .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
/***************
*
*  7. Preloader
*
****************/
.rsMinW .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(/assets/images/plugins/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
@font-face {
  font-family: 'icomoon-mutlubebekler';
  src: url('/assets/fonts/icomoon.woff?v6') format('woff'), url('/assets/fonts/icomoon.svg?v6') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icomoon {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.code-form-small {
  content: "\e93e";
}
.code-kaka {
  content: "\e93b";
}
.code-my-settings {
  content: "\e93c";
}
.code-settings {
  content: "\e93d";
}
.code-arrow-down-2 {
  content: "\e938";
}
.code-close-rounded {
  content: "\e939";
}
.code-check-rounded {
  content: "\e93a";
}
.code-percent {
  content: "\e92f";
}
.code-user-invoice {
  content: "\e930";
}
.code-user-address {
  content: "\e931";
}
.code-basket-2 {
  content: "\e932";
}
.code-back {
  content: "\e933";
}
.code-change {
  content: "\e934";
}
.code-call-center {
  content: "\e935";
}
.code-free-cargo-2 {
  content: "\e936";
}
.code-trash {
  content: "\e937";
}
.code-c-enlarge {
  content: "\e92e";
}
.code-cargo-check {
  content: "\e92d";
}
.code-whatsapp-full {
  content: "\e92c";
}
.code-original {
  content: "\e925";
}
.code-safe {
  content: "\e926";
}
.code-fast {
  content: "\e927";
}
.code-free-cargo {
  content: "\e928";
}
.code-return {
  content: "\e929";
}
.code-sort {
  content: "\e92a";
}
.code-error {
  content: "\e92b";
}
.code-arrow-right {
  content: "\e900";
}
.code-arrow-left {
  content: "\e901";
}
.code-cta-right {
  content: "\e902";
}
.code-search {
  content: "\e903";
}
.code-arrow-up {
  content: "\e904";
}
.code-cta-left {
  content: "\e905";
}
.code-arrow-down {
  content: "\e906";
}
.code-callendar {
  content: "\e907";
}
.code-phone {
  content: "\e908";
}
.code-onecikanlar {
  content: "\e909";
}
.code-products {
  content: "\e90a";
}
.code-slide-right {
  content: "\e90b";
}
.code-slide-left {
  content: "\e90c";
}
.code-basket {
  content: "\e90d";
}
.code-mail {
  content: "\e90e";
}
.code-favorite-full {
  content: "\e90f";
}
.code-favorite {
  content: "\e910";
}
.code-facebook-full {
  content: "\e911";
}
.code-whatsapp {
  content: "\e912";
}
.code-twitter-full {
  content: "\e913";
}
.code-facebook {
  content: "\e914";
}
.code-twitter {
  content: "\e915";
}
.code-instagram {
  content: "\e916";
}
.code-youtube {
  content: "\e917";
}
.code-usr-logout {
  content: "\e918";
}
.code-usr-settings {
  content: "\e919";
}
.code-usr-mypage {
  content: "\e91a";
}
.code-play {
  content: "\e91b";
}
.code-question {
  content: "\e91c";
}
.code-filter {
  content: "\e91d";
}
.code-like {
  content: "\e91e";
}
.code-content {
  content: "\e91f";
}
.code-share {
  content: "\e920";
}
.code-question-answer {
  content: "\e921";
}
.code-close {
  content: "\e922";
}
.code-check {
  content: "\e923";
}
.code-like-full {
  content: "\e924";
}
.icon-form-small:before {
  content: "\e93e";
}
.icon-kaka:before {
  content: "\e93b";
}
.icon-my-settings:before {
  content: "\e93c";
}
.icon-settings:before {
  content: "\e93d";
}
.icon-arrow-down-2:before {
  content: "\e938";
}
.icon-close-rounded:before {
  content: "\e939";
}
.icon-check-rounded:before {
  content: "\e93a";
}
.icon-percent:before {
  content: "\e92f";
}
.icon-user-invoice:before {
  content: "\e930";
}
.icon-user-address:before {
  content: "\e931";
}
.icon-basket-2:before {
  content: "\e932";
}
.icon-back:before {
  content: "\e933";
}
.icon-change:before {
  content: "\e934";
}
.icon-call-center:before {
  content: "\e935";
}
.icon-free-cargo-2:before {
  content: "\e936";
}
.icon-trash:before {
  content: "\e937";
}
.icon-c-enlarge:before {
  content: "\e92e";
}
.icon-cargo-check:before {
  content: "\e92d";
}
.icon-whatsapp-full:before {
  content: "\e92c";
}
.icon-original:before {
  content: "\e925";
}
.icon-safe:before {
  content: "\e926";
}
.icon-fast:before {
  content: "\e927";
}
.icon-free-cargo:before {
  content: "\e928";
}
.icon-return:before {
  content: "\e929";
}
.icon-sort:before {
  content: "\e92a";
}
.icon-error:before {
  content: "\e92b";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-cta-right:before {
  content: "\e902";
}
.icon-search:before {
  content: "\e903";
}
.icon-arrow-up:before {
  content: "\e904";
}
.icon-cta-left:before {
  content: "\e905";
}
.icon-arrow-down:before {
  content: "\e906";
}
.icon-callendar:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-onecikanlar:before {
  content: "\e909";
}
.icon-products:before {
  content: "\e90a";
}
.icon-slide-right:before {
  content: "\e90b";
}
.icon-slide-left:before {
  content: "\e90c";
}
.icon-basket:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90e";
}
.icon-favorite-full:before {
  content: "\e90f";
}
.icon-favorite:before {
  content: "\e910";
}
.icon-facebook-full:before {
  content: "\e911";
}
.icon-whatsapp:before {
  content: "\e912";
}
.icon-twitter-full:before {
  content: "\e913";
}
.icon-facebook:before {
  content: "\e914";
}
.icon-twitter:before {
  content: "\e915";
}
.icon-instagram:before {
  content: "\e916";
}
.icon-youtube:before {
  content: "\e917";
}
.icon-usr-logout:before {
  content: "\e918";
}
.icon-usr-settings:before {
  content: "\e919";
}
.icon-usr-mypage:before {
  content: "\e91a";
}
.icon-play:before {
  content: "\e91b";
}
.icon-question:before {
  content: "\e91c";
}
.icon-filter:before {
  content: "\e91d";
}
.icon-like:before {
  content: "\e91e";
}
.icon-content:before {
  content: "\e91f";
}
.icon-share:before {
  content: "\e920";
}
.icon-question-answer:before {
  content: "\e921";
}
.icon-close:before {
  content: "\e922";
}
.icon-check:before {
  content: "\e923";
}
.icon-like-full:before {
  content: "\e924";
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 960px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding: 0;
  }
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
/*! jQuery UI - v1.12.1 - 2018-01-17
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
/*
	royalSlider
*/
.rsNav {
  display: block;
}
.rsNav.rsBullets {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  padding: 0;
}
.custom .rsOverflow {
  height: 100% !important;
  width: 100% !important;
}
.custom.rsMinW .rsImg {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsThumbs,
.rsMinW .rsVideoFrameHolder {
  background-color: transparent;
}
/*
	magnific popup
*/
.mfp-bg {
  background-color: #1b3f8c;
}
/*
	owl-carousel
*/
.owl-carousel .owl-item {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
/*
	date-picker
*/
.ui-datepicker {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  border: 0 none;
  border-radius: 0.5rem;
  font-size: 2rem;
  background-color: #fff;
  width: 16.6em;
  padding: 1em;
}
.ui-datepicker .ui-datepicker-title {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #1b3f8c;
}
.ui-datepicker th {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: center;
  font-weight: 400;
  color: #fdbe00;
}
.ui-datepicker td {
  padding: 0.4rem;
}
.ui-datepicker td a {
  font-family: 'regular', arial, helvetica, sans-serif;
  text-align: center;
  color: #646464;
}
.ui-datepicker td a:hover,
.ui-datepicker td a:active {
  color: #1b3f8c;
}
.ui-datepicker td a.ui-state-highlight {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.ui-datepicker td a.ui-state-active {
  color: #fdbe00;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-size: 2em;
  width: 0.9em;
  height: 0.9em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev:after {
  content: "\e900";
}
.ui-datepicker .ui-datepicker-next:after {
  content: "\e901";
}
/*
	live chat outbox alterations
*/
#livechat-compact-container {
  display: none !important;
}
#livechat-compact-container.active {
  display: block !important;
}
.d2c-padding {
  padding-bottom: 2.8rem;
}
.d2c-cart-button-web {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -7rem;
}
.d2c-add-to-cart-button {
  display: inline-block;
}
.d2c-padding .css-clppx3-InfoListBox ul li {
  color: #000;
}
.order-container {
  position: relative;
  box-sizing: border-box;
  margin: 6.5rem auto;
  width: 113rem;
  max-width: 100%;
}
.order-container .content {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  border: solid 1px #fdbe00;
  border-bottom: none;
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  padding: 5.2rem 11.5rem;
  color: #646464;
}
.order-container .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
  margin-bottom: 3.2rem;
  color: #646464;
}
.order-container .cap i {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.7rem;
  font-size: 1.3em;
  color: #fdbe00;
}
.order-container .cap i:before {
  display: inline-block;
}
.order-container .thanks {
  width: 100%;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
  padding: 2.4rem 0 2.4rem 3rem;
  border-top: solid 0.4rem #fff2cc;
  border-bottom: solid 0.4rem #fff2cc;
  margin-bottom: 2.7rem;
  color: #646464;
}
.order-container .thanks i {
  position: absolute;
  top: 2.3rem;
  left: 0;
  font-size: 1.2em;
  color: #fdbe00;
}
.order-container .email,
.order-container .cargo {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  padding: 2.7rem 0 2.7rem 6.4rem;
  border-bottom: solid 1px #fff2cc;
  line-height: 1.4em;
  color: #646464;
}
.order-container .email i,
.order-container .cargo i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  left: 0;
  font-size: 2.3em;
  background-color: #fdbe00;
  color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.order-container .email i:before,
.order-container .cargo i:before {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.order-container .cargo {
  border-bottom: none;
}
.order-container .info {
  width: 100%;
  box-sizing: border-box;
  color: #646464;
}
.order-container .footer {
  width: 100%;
  position: relative;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  padding: 2.1rem 11.5rem 2.1rem 15.6rem;
  font-size: 1.4rem;
  line-height: 1.57em;
  color: #fff;
  background-color: #fdbe00;
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}
.order-container .footer img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3rem;
  left: 11.5rem;
}
.order-container .footer a {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: underline;
  color: inherit;
}
.order-container .footer a:hover,
.order-container .footer a:active {
  color: #000;
}
header {
  position: relative;
  z-index: 9;
  height: 28rem;
  box-sizing: border-box;
}
header .logo {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 4.3rem;
  width: 16.4rem;
  height: 9.3rem;
}
header .logo a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
header .logo img {
  width: 100%;
  box-sizing: border-box;
}
header .logo .mutlu-bebekler-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: transform 0.3s ease 0.5s;
  transition: transform 0.3s ease 0.5s;
}
header .logo .bebelac-gold-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 2;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
header .logo .bebelac-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
header .logo.step-1 .mutlu-bebekler-logo {
  -webkit-transition: transform 0.3s ease 0.5s;
  transition: transform 0.3s ease 0.5s;
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}
header .logo.step-1 .bebelac-gold-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-1 .bebelac-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-2 .mutlu-bebekler-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-2 .bebelac-gold-logo {
  -webkit-transition: transform 0.3s ease 0.5s;
  transition: transform 0.3s ease 0.5s;
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}
header .logo.step-2 .bebelac-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-3 .mutlu-bebekler-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-3 .bebelac-gold-logo {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
header .logo.step-3 .bebelac-logo {
  -webkit-transition: transform 0.3s ease 0.5s;
  transition: transform 0.3s ease 0.5s;
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}
header .d2c {
  position: relative;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
header .d2c .icon-basket-2 {
  font-size: 3.4rem;
}
header .d2c .icon-basket-2:hover,
header .d2c .icon-basket-2:active {
  color: #6dbff3;
}
header .d2c .basket-amount {
  position: absolute;
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.2rem;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background-color: #1b3f8c;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  top: -0.1rem;
  right: -0.8rem;
}
header .d2c-add-mobile {
  display: none;
}
header .d2c-add-mobile .d2c .icon-basket-2 {
  font-size: 7.4rem;
}
header .d2c-add-mobile .d2c .basket-amount {
  font-size: 2.4rem;
  min-width: 4rem;
  height: 4rem;
  line-height: 4rem;
}
header.no-ruler {
  height: 14rem;
}
.main-menu-web {
  text-align: right;
  position: absolute;
  top: 7.7rem;
  left: 0;
  width: 50rem;
  height: 3.8rem;
  padding-right: 4.1rem;
  white-space: nowrap;
  box-sizing: border-box;
}
.main-menu-web > a {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: left;
  font-size: 1.4rem;
  display: inline-block;
  white-space: nowrap;
  height: 3.8rem;
  position: relative;
  padding-top: 1.4rem;
  box-sizing: border-box;
}
.main-menu-web > a img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.main-menu-web > a.menu-categories {
  margin-right: 5.2rem;
  padding-left: 6.2rem;
}
.main-menu-web > a.menu-categories img {
  width: 5rem;
  height: 3.8rem;
}
.main-menu-web > a.menu-products {
  padding-left: 3.8rem;
  line-height: 1;
}
.main-menu-web > a.menu-products img {
  width: 2.6rem;
  height: 3.1rem;
}
.main-menu-web > a.menu-products span.badge {
  position: absolute;
  display: inline-block;
  left: 3.8rem;
  bottom: -1.1rem;
  white-space: nowrap;
  padding: 0 0.4rem;
  background-color: #fdbe00;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.4rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
.main-menu-web > a.menu-products:hover span.badge,
.main-menu-web > a.menu-products:active span.badge {
  background-color: #fd9444;
}
.main-menu-web > a:after {
  display: inline-block;
  vertical-align: middle;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.625em;
  opacity: 0;
}
.main-menu-web > a.drop-down-open:after {
  opacity: 1;
}
.main-menu-web > a.active:after {
  content: "\e904";
}
.usr-links {
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  position: absolute;
  top: 2.6rem;
  right: 2rem;
  white-space: nowrap;
  z-index: 9;
}
.usr-links a {
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.6rem;
  position: relative;
  padding-left: 1.2rem;
  line-height: 1.6rem;
}
.usr-links a.add-line {
  padding-right: 1.4rem;
}
.usr-links a.add-line:after {
  content: " ";
  background-color: #1b3f8c;
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
}
.usr-menu {
  display: inline-block;
  position: absolute;
  top: 1.4rem;
  right: 2rem;
  line-height: 1.4em;
  z-index: 9;
}
.usr-menu > a {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 2.5rem;
  font-size: 1.6rem;
  white-space: nowrap;
  position: relative;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.usr-menu > a i {
  font-size: 1.2rem;
  font-style: normal;
}
.usr-menu > a:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  right: -0.4em;
  font-size: 1.6em;
}
.usr-menu.active > a:after {
  content: "\e904";
}
.header-search {
  width: 36.2rem;
  height: 5.4rem;
  border-radius: 2.7rem;
  border: solid 0.3rem #1b3f8c;
  position: absolute;
  top: 7.5rem;
  right: 9.3rem;
  box-sizing: border-box;
  font-size: 1rem;
  opacity: 1;
}
.header-search:before {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.45em;
  color: #1b3f8c;
  font-size: 4em;
  z-index: 1;
}
.header-search:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.3em;
  color: #1b3f8c;
  font-size: 4em;
  opacity: 0.5;
  z-index: 2;
}
.header-search button {
  font-family: 'bold', arial, helvetica, sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  color: #1b3f8c;
  font-size: 1.45rem;
  display: inline-block;
  right: 0;
  opacity: 0.5;
  width: 8.8rem;
  z-index: 3;
  padding: 1.5rem 0;
}
.header-search input {
  font-family: 'medium', arial, helvetica, sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1b3f8c;
  border: 0 none;
  background-color: transparent;
  box-sizing: border-box;
  width: 19rem;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 0.8rem 0px;
  left: 6.5rem;
}
/* 
	drop down component
*/
.drop-menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
  cursor: pointer;
}
.drop-down {
  font-family: 'bold', arial, helvetica, sans-serif;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  display: none;
  position: absolute;
  padding: 0 2.8rem;
  border-radius: 1.3rem;
  background-color: #fff;
  opacity: 0;
  z-index: 10;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.drop-down > li {
  border-bottom: solid 0.4rem rgba(27, 63, 140, 0.05);
}
.drop-down > li:last-child {
  border-bottom: 0 none;
}
.drop-down > li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.6rem;
  padding: 2.6rem 0;
  min-width: 23.8rem;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.drop-down > li a [class^="icon-"],
.drop-down > li a [class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6rem;
  font-style: normal;
  margin-right: 1.8rem;
}
.drop-down > li a span {
  display: inline-block;
  vertical-align: middle;
}
.drop-down > li a img {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  margin-right: 1.8rem;
}
.drop-down > li a.active {
  color: #fdbe00;
}
.drop-down:after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  position: absolute;
  top: -0.6rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.drop-down.open {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.drop-down.open.market.pl {
  -webkit-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}
.drop-down#menu-user {
  top: 2em;
  right: -2rem;
}
.drop-down#menu-user:after {
  right: 1.8rem;
}
.drop-down#menu-categories {
  top: 4.8rem;
  left: 8rem;
}
.drop-down#menu-categories:after {
  right: auto;
  left: 14.9rem;
}
.drop-down#menu-categories > li a {
  padding: 0;
  min-width: 33.6rem;
}
.drop-down#menu-products {
  top: 4.8rem;
  left: 18rem;
}
.drop-down#menu-products:after {
  left: auto;
  right: 2.6rem;
}
.drop-down.flat {
  background-color: #f4eee7;
  padding: 0;
  overflow: hidden;
}
.drop-down.flat:after {
  background-color: #f4eee7;
}
.drop-down.flat > li {
  border-bottom: 0 none;
}
.drop-down.flat > li:nth-child(2) {
  background-color: #fef7e5;
}
.drop-down.flat > li > a {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  padding: 2.6rem 2.8rem;
}
.drop-down.flat > li > ul {
  display: block;
}
.drop-down.flat > li > ul > li {
  border-bottom: solid 0.4rem rgba(27, 63, 140, 0.05);
  background-color: #fff;
  padding: 0 2.8rem;
}
.drop-down.flat > li > ul > li:last-child {
  border: 0 none;
}
.drop-down.flat > li > ul > li a {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  padding: 1.4rem 0;
}
.drop-down.flat > li:last-child ul li:last-child {
  border-bottom-left-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
}
.drop-down.social {
  text-align: center;
  padding: 2rem;
  white-space: nowrap;
}
.drop-down.social:after {
  left: 28%;
  width: 3rem;
  height: 3rem;
  top: -1.2rem;
}
.drop-down.social > li {
  display: inline-block;
  width: auto;
  padding: 0 2rem;
  min-width: 0;
  margin: 0 !important;
  border: 0 none !important;
}
.drop-down.social > li:last-child {
  padding-top: 0.4rem !important;
}
.drop-down.social > li > a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0 !important;
  padding: 0;
  min-width: 0;
}
.drop-down.social > li > a i {
  font-size: 6rem !important;
  margin: 0 0.6rem !important;
}
.drop-down.social > li > a i.icon-whatsapp {
  font-size: 8.6rem !important;
  margin-left: 0 !important;
}
.drop-down.social > li > a:hover i,
.drop-down.social > li > a:active i {
  color: #fdbe00 !important;
}
.drop-down.social.open {
  z-index: 12;
}
.drop-down.market {
  min-width: 39.5rem;
}
.drop-down.market > li {
  text-align: center;
}
.drop-down.market > li:first-child {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 1.6rem;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}
.drop-down.market > li a {
  text-align: center;
  padding: 1.6rem 0;
}
.drop-down.market > li a img {
  display: inline-block;
  width: 100%;
  margin-right: 0;
}
.drop-down.market.pd {
  top: 5rem;
  right: -11rem;
}
.drop-down.market.pd:after {
  left: 26.8rem;
}
.drop-down.market.pl {
  left: 50%;
  top: 35rem;
  -webkit-transform: translateY(-5%) translateX(-50%);
  -ms-transform: translateY(-5%) translateX(-50%);
  transform: translateY(-5%) translateX(-50%);
}
.drop-down.market.pl:after {
  left: 22rem;
}
.drop-down-open.active {
  z-index: 11;
}
/* 
	ruler component
*/
.ruler {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 10rem;
  bottom: 2.8rem;
  border-top: solid 3px #efefef;
  border-bottom: solid 3px #efefef;
}
.ruler:before,
.ruler:after {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  content: "";
  height: 6px;
  background-image: url(/assets/images/ruler.png);
  background-repeat: repeat-x;
}
.ruler:before {
  background-position: 0 0;
  top: 0;
  z-index: 2;
}
.ruler:after {
  background-position: 0 -6px;
  bottom: 0;
  z-index: 3;
}
.ruler ul {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: auto;
  z-index: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ruler ul li {
  display: inline-block;
  vertical-align: middle;
}
.ruler ul li a {
  text-align: left;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  color: #1b3f8c;
}
.ruler ul li a img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 6.4rem;
  margin-right: 1.5rem;
  -webkit-transition: transform 0.3s ease, opacity 0.2s linear;
  transition: transform 0.3s ease, opacity 0.2s linear;
}
.ruler ul li a span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.ruler ul li a:hover img,
.ruler ul li a:active img {
  -webkit-transform: translateX(60%);
  -ms-transform: translateX(60%);
  transform: translateX(60%);
  opacity: 0.25;
}
.ruler ul li a:hover span,
.ruler ul li a:active span {
  -webkit-transform: translateX(-60%);
  -ms-transform: translateX(-60%);
  transform: translateX(-60%);
}
/*
	mobile stuff
*/
.mobile-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
  cursor: pointer;
  background-color: rgba(27, 63, 140, 0.75);
}
.mobile-menu-button {
  display: none;
  width: 6rem;
  height: 4rem;
  position: absolute;
  top: 8.1rem;
  right: 3rem;
  z-index: 999;
}
.mobile-menu-button span {
  display: block;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.8rem;
  position: absolute;
  top: 1.6rem;
  left: 0;
  background-color: #1b3f8c;
  -webkit-transition: transform 0.3s ease, background-color 0.2s linear, opacity 0.2s linear;
  transition: transform 0.3s ease, background-color 0.2s linear, opacity 0.2s linear;
}
.mobile-menu-button span:first-child {
  top: 0;
}
.mobile-menu-button span:last-child {
  top: auto;
  bottom: 0;
}
.mobile-menu-button.active {
  z-index: 9999;
}
.mobile-menu-button.active.search-open {
  position: fixed;
  left: 5rem;
}
.mobile-menu-button.active.search-open span {
  background-color: #1b3f8c;
}
.mobile-menu-button.active span {
  background-color: #fff;
}
.mobile-menu-button.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile-menu-button.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile-menu-button.active span:first-child {
  opacity: 0;
}
.mobile-menu-button.active span:last-child {
  opacity: 0;
}
.mobile-search-button {
  display: none;
  font-size: 8.8rem;
  position: absolute;
  top: 5.5rem;
  left: 1.7rem;
}
.mobile-dropdown-menu {
  width: 100%;
  height: 16rem;
  display: none;
  position: absolute;
  box-sizing: border-box;
  border-top: solid 0.6rem rgba(27, 63, 140, 0.05);
  border-bottom: solid 0.6rem rgba(27, 63, 140, 0.05);
  bottom: 3rem;
  left: 0;
}
.mobile-dropdown-menu > a {
  display: inline-block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3rem;
  color: #1b3f8c;
  box-sizing: border-box;
  height: 10.3rem;
  padding-top: 3.8rem;
  letter-spacing: 0.05em;
}
.mobile-dropdown-menu > a img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.mobile-dropdown-menu > a:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  content: "\e906";
  right: 0;
  font-size: 1.4em;
}
.mobile-dropdown-menu > a:first-child {
  padding-left: 10rem;
  left: 1.3rem;
}
.mobile-dropdown-menu > a:first-child img {
  width: 8.6rem;
}
.mobile-dropdown-menu > a:last-child {
  padding-left: 9.1rem;
  left: 41.5rem;
}
.mobile-dropdown-menu > a:last-child img {
  width: 8rem;
}
.mobile-dropdown-menu > a.active {
  color: #fdbe00;
}
.mobile-dropdown-menu > a.active:after {
  content: "\e904";
}
.mobile-dropdown-menu:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 38.6rem;
  width: 0.6rem;
  height: 100%;
  background-color: rgba(27, 63, 140, 0.05);
}
.mobile-search {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: #fff;
  height: 38rem;
  -webkit-transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.mobile-search.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.mobile-search .header-search {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 87%;
  display: block;
  top: auto;
  bottom: 4rem;
  border-width: 0.6rem;
  height: 12rem;
  border-radius: 6rem;
}
.mobile-search .header-search:before {
  left: 3rem;
  font-size: 8rem;
}
.mobile-search .header-search:after {
  font-size: 11rem;
  right: 0;
}
.mobile-search .header-search input {
  left: 11.5rem;
  font-size: 2.8rem;
  line-height: 2.8rem;
  padding: 2.8rem 0;
  width: 34rem;
}
.mobile-search .header-search button {
  font-size: 3.5rem;
  width: 15.8rem;
  padding: 1.5rem 6rem 1.5rem 0;
}
.main-menu-mobile {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 19rem;
  left: 50%;
  display: none;
  top: 19.5rem;
  width: calc(100% - 4rem);
  min-height: 30rem;
  border-radius: 1.3rem;
  opacity: 0;
  background-color: #f1f3f8;
  z-index: 1;
  -webkit-transform: translateY(-5%) translateX(-50%);
  -ms-transform: translateY(-5%) translateX(-50%);
  transform: translateY(-5%) translateX(-50%);
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.main-menu-mobile:after {
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  background-color: #f1f3f8;
  position: absolute;
  top: -1em;
  right: 2.1em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.main-menu-mobile.open {
  -webkit-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
  opacity: 1;
  z-index: 99;
}
.main-menu-mobile .scroller {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  border-radius: 1.3rem;
  padding: 1rem 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
}
.main-menu-mobile .mmenu-usr {
  padding: 6.6rem 6rem 0;
  color: #1b3f8c;
}
.main-menu-mobile .mmenu-usr li {
  border-bottom: solid 0.4rem #dde2ee;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2.8rem;
}
.main-menu-mobile .mmenu-usr li:first-child {
  border-bottom: 0 none;
  line-height: 1.6em;
}
.main-menu-mobile .mmenu-usr li:first-child strong {
  text-transform: uppercase;
  display: block;
  font-size: 3rem;
}
.main-menu-mobile .mmenu-usr li:last-child {
  border-bottom: 0 none;
}
.main-menu-mobile .mmenu-usr li a {
  display: block;
  font-size: 2.8rem;
  padding: 4rem 0;
}
.main-menu-mobile .mmenu-usr li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  margin-right: 2rem;
}
.main-menu-mobile .mmenu-usr-links {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 6rem 5rem 5.5rem 5rem;
}
.main-menu-mobile .mmenu-usr-links li {
  display: inline-block;
  vertical-align: middle;
  font-family: 'semibold', arial, helvetica, sans-serif;
  position: relative;
  font-size: 3rem;
  min-height: 3.5rem;
}
.main-menu-mobile .mmenu-usr-links li:first-child {
  padding-right: 3.5rem;
}
.main-menu-mobile .mmenu-usr-links li:first-child:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  content: "";
  width: 0.14em;
  height: 1.1em;
  background-color: #1b3f8c;
}
.main-menu-mobile .mmenu-usr-links li:last-child {
  padding-left: 3.5rem;
}
.main-menu-mobile .mmenu-usr-links li a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  min-height: 3.5rem;
  color: #1b3f8c;
  vertical-align: text-bottom;
}
.main-menu-mobile .mmenu-usr-links li a:hover,
.main-menu-mobile .mmenu-usr-links li a:active {
  color: #fdbe00;
}
.main-menu-mobile .mmenu-accord {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.main-menu-mobile .mmenu-accord > li {
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0;
  background-color: #fff;
  font-size: 2.8rem;
}
.main-menu-mobile .mmenu-accord > li:first-child > a span {
  border-top: 0 none;
}
.main-menu-mobile .mmenu-accord > li > a {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 0 6rem 0 6rem;
  color: #1b3f8c;
}
.main-menu-mobile .mmenu-accord > li > a span {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 4rem 0;
  border-top: solid 0.6rem #1b3f8c;
}
.main-menu-mobile .mmenu-accord > li > a span .badge {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 0.8rem;
  background-color: #fdbe00;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.8rem;
  border-radius: 0.6rem;
  text-transform: uppercase;
}
.main-menu-mobile .mmenu-accord > li > a.has-subs:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  position: absolute;
  right: 1.3em;
  top: 1em;
  font-size: 1.4em;
}
.main-menu-mobile .mmenu-accord > li > a.open {
  color: #fdbe00;
}
.main-menu-mobile .mmenu-accord > li > a.open:after {
  content: "\e906";
}
.main-menu-mobile .mmenu-accord > li .sub {
  display: none;
  margin-top: 0.5rem;
  padding: 0 6rem;
}
.main-menu-mobile .mmenu-accord > li .sub > li {
  width: 100%;
  box-sizing: border-box;
  border-bottom: solid 0.4rem #f1f3f8;
}
.main-menu-mobile .mmenu-accord > li .sub > li:last-child {
  border-bottom: 0 none;
  padding-bottom: 1rem;
}
.main-menu-mobile .mmenu-accord > li .sub > li a {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-size: 2.8rem;
  padding: 2.6rem 0;
}
.main-menu-mobile .mmenu-accord > li .sub > li a img {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  margin-right: 1.8rem;
}
.main-menu-mobile .mmenu-accord > li .sub > li a span {
  display: inline-block;
  vertical-align: middle;
}
.main-menu-mobile .mmenu-accord > li .sub.flat {
  padding-left: 0;
  padding-right: 0;
  text-transform: none;
}
.main-menu-mobile .mmenu-accord > li .sub.flat li {
  border-bottom: 0 none;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li {
  background-color: #f4eee7;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li:nth-child(2) {
  background-color: #fef7e5;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li:last-child {
  padding-bottom: 0;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li > a {
  font-family: 'semibold', arial, helvetica, sans-serif;
  padding-left: 6rem;
  padding-right: 6rem;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li > ul {
  padding-left: 6rem;
  padding-right: 6rem;
  background-color: #fff;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li > ul li {
  border-bottom: solid 0.4rem #f1f3f8;
  padding-left: 6rem;
  padding-right: 6rem;
}
.main-menu-mobile .mmenu-accord > li .sub.flat > li > ul li:last-child {
  border-bottom: 0 none;
}
.main-menu-mobile .social {
  width: 100%;
  box-sizing: border-box;
  padding: 6rem 6rem 2rem;
  color: #1b3f8c;
}
.main-menu-mobile .social strong {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 2.8rem;
  margin-bottom: 2.8rem;
  letter-spacing: 0.04em;
}
.main-menu-mobile .social a {
  display: inline-block;
  vertical-align: middle;
  font-size: 8rem;
  color: #1b3f8c;
  margin-right: 1rem;
}
.main-menu-mobile .social a:hover,
.main-menu-mobile .social a:active {
  color: #fdbe00;
}
.mobile-fixed-menu {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  display: none;
  height: 16rem;
  background-color: #fff;
  opacity: 0;
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: transform 0.3s ease, opacity 0.2s ease;
  transition: transform 0.3s ease, opacity 0.2s ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.mobile-fixed-menu.open {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.d2c-add-mobile {
  display: none;
}
/*
	home page slider
*/
.home-page-slider-data {
  display: none;
}
.home-page-slider-cont {
  position: relative;
  overflow: hidden;
  height: 66rem;
}
.home-page-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 1rem;
  overflow: hidden;
}
.home-page-slider .rsImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-page-slider .slider-text {
  position: absolute;
  z-index: 2;
  width: 48rem;
  left: 33.1rem;
  top: 20.4rem;
}
.home-page-slider .slider-text .slider-caption {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  color: #1b3f8c;
  line-height: 1.36em;
  letter-spacing: 0.055em;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease, transform 0.4s ease;
  transition: opacity 0.6s ease, transform 0.4s ease;
  -webkit-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(-15%);
}
.home-page-slider .slider-text .slider-caption a {
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.home-page-slider .slider-text .btn {
  margin-top: 2.6rem;
  margin-left: 0.4rem;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0.1s, transform 0.4s ease, color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
  transition: opacity 0.4s ease 0.1s, transform 0.4s ease, color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}
.home-page-slider .slider-text.animate .slider-caption,
.home-page-slider .slider-text.animate .btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.home-page-slider.mobile {
  position: relative;
  width: 100%;
  min-height: 66rem;
  top: auto;
  left: auto;
  overflow: visible;
}
.home-page-slider.mobile .imgCont {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 66rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-page-slider.mobile .rsImg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
.home-page-slider.mobile .cta-link {
  display: block;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  z-index: 9;
}
.home-page-slider.mobile .rsOverflow {
  background-color: #ffb400;
  border-radius: 1.3rem;
}
.home-page-slider.mobile .rsItem {
  min-height: 66rem;
}
.home-page-slider.mobile .rsItem:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 72.5rem;
  background: -webkit-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 185, 0, 0.05) 6%, rgba(255, 182, 0, 0.26) 26%, rgba(255, 179, 0, 0.55) 46%, rgba(255, 180, 0, 0.76) 66%, rgba(255, 180, 0, 0.97) 86%, #ffb400 88%, #ffb400 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 185, 0, 0.05) 6%, rgba(255, 182, 0, 0.26) 26%, rgba(255, 179, 0, 0.55) 46%, rgba(255, 180, 0, 0.76) 66%, rgba(255, 180, 0, 0.97) 86%, #ffb400 88%, #ffb400 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 185, 0, 0.05) 6%, rgba(255, 182, 0, 0.26) 26%, rgba(255, 179, 0, 0.55) 46%, rgba(255, 180, 0, 0.76) 66%, rgba(255, 180, 0, 0.97) 86%, #ffb400 88%, #ffb400 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 185, 0, 0.05) 6%, rgba(255, 182, 0, 0.26) 26%, rgba(255, 179, 0, 0.55) 46%, rgba(255, 180, 0, 0.76) 66%, rgba(255, 180, 0, 0.97) 86%, #ffb400 88%, #ffb400 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 0%, rgba(255, 185, 0, 0.05) 6%, rgba(255, 182, 0, 0.26) 26%, rgba(255, 179, 0, 0.55) 46%, rgba(255, 180, 0, 0.76) 66%, rgba(255, 180, 0, 0.97) 86%, #ffb400 88%, #ffb400 100%);
}
.home-page-slider.mobile .slider-text {
  display: none;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  padding: 0 5.5rem 5.5rem;
  z-index: 4;
  padding-top: 34rem;
  padding-bottom: 6.5rem;
}
.home-page-slider.mobile .slider-text .slider-caption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  position: relative;
  padding-bottom: 2rem;
  color: #fff;
  font-size: 4.2rem;
  opacity: 1;
}
.home-page-slider.mobile .slider-text .slider-caption:after {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: "";
  width: 15rem;
  height: 0.6rem;
  background-color: #fff;
}
.home-page-slider.mobile .slider-text .slider-caption a {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #fff;
}
.home-page-slider.mobile .slider-text .slider-caption a:hover,
.home-page-slider.mobile .slider-text .slider-caption a:active {
  color: #1b3f8c;
}
.home-page-slider.mobile .slider-text .btn {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-family: 'medium', arial, helvetica, sans-serif;
  color: #fff;
  font-size: 2.8rem;
  opacity: 1;
  margin-top: 4.5rem;
  border: solid 0.6rem #fff;
  padding: 2.3rem 13rem 2.3rem 5rem;
  border-radius: 5rem;
}
.home-page-slider.mobile .slider-text .btn:hover,
.home-page-slider.mobile .slider-text .btn:active {
  background-color: #fff;
  color: #fdbe00;
}
.home-page-slider.mobile .rsNav.rsBullets {
  bottom: -5rem;
}
.home-page-slider.mobile.rsMinW .rsBullet {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 0.1rem;
}
.home-page-slider.mobile.rsMinW .rsBullet span {
  width: 2.2rem;
  height: 2.2rem;
  background-color: #f0f0f0;
}
.home-page-slider.mobile.rsMinW .rsBullet.rsNavSelected span {
  background-color: #b3b3b3;
}
.home-page-slider.simple.rsMinW .rsArrowIcn {
  display: none;
}
.home-page-slider.simple.rsMinW .rsArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
  width: 5.5rem;
  height: 5.5rem;
  background-color: #fff;
  border-radius: 50%;
  color: #1b3f8c;
  box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.05);
}
.home-page-slider.simple.rsMinW .rsArrow:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  font-size: 5rem;
}
.home-page-slider.simple.rsMinW .rsArrow.rsArrowLeft {
  left: 5rem;
}
.home-page-slider.simple.rsMinW .rsArrow.rsArrowRight {
  right: 5rem;
}
.home-page-slider.simple.rsMinW .rsArrow.rsArrowRight:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
.home-page-slider-controls {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 76.8rem;
  height: 8rem;
  bottom: 3rem;
  z-index: 99;
}
.home-page-slider-controls:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.home-page-slider-controls .item {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 1rem;
  width: 37.6rem;
  height: 8rem;
  position: absolute;
  top: 0;
  padding: 1rem;
  opacity: 1;
}
.home-page-slider-controls .item:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.home-page-slider-controls .item .thumb {
  width: 7.8rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.home-page-slider-controls .item .thumb img {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.home-page-slider-controls .item span {
  width: 23rem;
  padding-top: 1.4rem;
}
.home-page-slider-controls .item span b {
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  color: #fdbe00;
  font-size: 1.4rem;
  position: relative;
  height: 1.6rem;
  margin-bottom: 0.2em;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.home-page-slider-controls .item span b i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3.6rem;
}
.home-page-slider-controls .item span strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
  display: block;
  font-size: 1.4rem;
  width: 23rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  line-height: 1.6em;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.home-page-slider-controls .item.prew {
  left: 0;
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s linear;
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s linear;
}
.home-page-slider-controls .item.prew .thumb {
  float: right;
}
.home-page-slider-controls .item.prew span {
  float: right;
  text-align: right;
}
.home-page-slider-controls .item.prew span b,
.home-page-slider-controls .item.prew span strong {
  padding-right: 1rem;
}
.home-page-slider-controls .item.prew span b {
  padding-left: 4rem;
}
.home-page-slider-controls .item.prew span b i {
  left: 0;
}
.home-page-slider-controls .item.next {
  right: 0;
  -webkit-transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, background-color 0.2s linear;
  transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, background-color 0.2s linear;
}
.home-page-slider-controls .item.next .thumb {
  float: left;
}
.home-page-slider-controls .item.next span {
  float: left;
  text-align: left;
}
.home-page-slider-controls .item.next span b,
.home-page-slider-controls .item.next span strong {
  padding-left: 1rem;
}
.home-page-slider-controls .item.next span b {
  padding-right: 4rem;
}
.home-page-slider-controls .item.next span b i {
  right: 0;
}
.home-page-slider-controls .item:hover,
.home-page-slider-controls .item:active {
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}
.home-page-slider-controls .item:hover strong,
.home-page-slider-controls .item:active strong {
  color: #1b3f8c;
}
.home-page-slider-controls.animate .item {
  opacity: 0;
  -webkit-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(-15%);
}
.home-page-slider-controls.singular {
  width: 37.6rem;
}
.home-page-slider-controls.singular .item.prew {
  display: none;
}
.home-page-slider-controls.none {
  display: none;
}
/*
	info section
*/
.banner-pool {
  width: 107rem;
  margin: 3.2rem auto;
}
.banner-pool a {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.info-section {
  width: 107rem;
  margin: 5.6rem auto 8.1rem;
  height: 15.7rem;
  position: relative;
}
.info-section:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.info-section h3 {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  color: #1b3f8c;
  letter-spacing: 0.055em;
}
.info-section p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  color: #1b3f8c;
  opacity: 0.5;
  line-height: 1.4em;
}
.info-section img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.info-section .info-phone {
  float: left;
  margin-left: 2.2rem;
  width: 51rem;
  padding: 2.8rem 0 0 15.8rem;
  height: 15.7rem;
  position: relative;
  box-sizing: border-box;
}
.info-section .info-phone img {
  width: 13.4rem;
}
.info-section .info-phone .btn {
  margin-top: 1.1rem;
}
.info-section .info-social {
  float: right;
  width: 47.7rem;
  height: 15.7rem;
  padding: 3.3rem 0 0 19.8rem;
  box-sizing: border-box;
  position: relative;
}
.info-section .info-social img {
  width: 17.8rem;
}
.info-section .info-social .social-block {
  margin-top: 1.1rem;
}
.info-section .info-social .social-block a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
  font-size: 4rem;
}
.mypage-banner-cont {
  position: relative;
  overflow: hidden;
  height: 66rem;
}
.mypage-banner-cont .banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 1rem;
  overflow: hidden;
  z-index: 1;
}
.mypage-banner-cont .banner img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  max-width: none;
  top: 0;
}
.mypage-banner-cont .text {
  position: absolute;
  z-index: 3;
  width: 65rem;
  left: 33.1rem;
  top: 20.4rem;
}
.mypage-banner-cont .text strong {
  font-size: 5rem;
}
.mypage-banner-cont .text .caption {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  color: #1b3f8c;
  line-height: 1.5em;
  letter-spacing: 0.055em;
}
.mypage-banner-cont .text .btn {
  margin-top: 2.6rem;
  margin-left: 0.4rem;
}
.form-old {
  color: #646464;
}
.form-old:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.form-old .form-caption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.6em;
  margin: 4rem auto 0;
  color: #1b3f8c;
}
.form-old .form-border-bottom {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4rem;
  padding-bottom: 1.7rem;
  border-bottom: solid 0.3rem #dedfe1;
}
.form-old .form-border-bottom:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.form-old .form-border-bottom .form-bottom-info {
  display: inline-block;
  font-family: 'regular', arial, helvetica, sans-serif;
  position: absolute;
  bottom: 1rem;
  right: 0;
  color: #646464;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
.form-old .form-border-top {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4rem;
  padding: 4rem 0;
  border-top: solid 0.3rem #dedfe1;
}
.form-old .form-border-top:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.form-old .form-row {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.form-old .form-row:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.form-old .form-row .form-item.w50 {
  width: 48.498%;
  margin-right: 3.004%;
}
.form-old .form-row .form-item:last-child {
  margin-right: 0;
}
.form-old .form-item {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 2.3rem;
}
.form-old .form-item.input {
  text-align: left;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.form-old .form-item.input label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  position: absolute;
  top: 0;
  font-size: 1.6rem;
  left: 0;
  padding: 3.5rem 1.8rem;
  letter-spacing: 0.03em;
  z-index: 4;
  -webkit-transition: transform 0.2s linear, opacity 0.2s linear, font-size 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear, font-size 0.2s linear;
}
.form-old .form-item.input label sup {
  color: #ffb300;
  font-size: 1em;
  top: -0.1em;
}
.form-old .form-item.input input {
  width: 100%;
  font-family: 'regular', arial, helvetica, sans-serif;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.5rem;
  border: solid 0.3rem #fff;
  min-height: 8rem;
  color: #646464;
  font-size: 1.6rem;
  padding: 3.8rem 1.8rem 1.4rem;
  letter-spacing: 0.03em;
}
.form-old .form-item.input input[readonly] {
  background-color: #f7f7f7;
  border-color: #fbfbfb;
}
.form-old .form-item.input.active label {
  font-family: 'semibold', arial, helvetica, sans-serif;
  opacity: 0.5;
  padding: 3rem 1.8rem 0 2rem;
  font-size: 1.4rem;
  -webkit-transform: translateY(-0.6rem);
  -ms-transform: translateY(-0.6rem);
  transform: translateY(-0.6rem);
}
.form-old .form-item.input.active label sup {
  display: none;
}
.form-old .form-item.input.active.date label {
  padding: 3rem 1.8rem 5rem 2rem;
}
.form-old .form-item.input.input-error input {
  border-color: #fe0000;
}
.form-old .form-item.input.date input[readonly] {
  background-color: #fff;
  border-color: #fff;
}
.form-old .form-item.input.date:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.1em;
  font-size: 3em;
  color: #646464;
}
.form-old .form-item.input.date.input-error input {
  border-color: #fe0000;
}
.form-old .form-item.input.date.input-error:after {
  top: 35.4%;
}
.form-old .form-item.textarea {
  text-align: left;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.form-old .form-item.textarea label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  position: absolute;
  top: 0;
  font-size: 1.6rem;
  left: 0;
  padding: 3.5rem 1.8rem;
  letter-spacing: 0.03em;
  z-index: 4;
  -webkit-transition: transform 0.2s linear, opacity 0.2s linear, font-size 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear, font-size 0.2s linear;
}
.form-old .form-item.textarea label sup {
  color: #ffb300;
  font-size: 1em;
  top: -0.1em;
}
.form-old .form-item.textarea textarea {
  width: 100%;
  font-family: 'regular', arial, helvetica, sans-serif;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.5rem;
  border: solid 0.3rem #fff;
  min-height: 8rem;
  color: #646464;
  font-size: 1.6rem;
  padding: 3.8rem 1.8rem 1.4rem;
  letter-spacing: 0.03em;
}
.form-old .form-item.textarea textarea[readonly] {
  background-color: #f7f7f7;
  border-color: #fbfbfb;
}
.form-old .form-item.textarea.small textarea {
  min-height: 8rem;
}
.form-old .form-item.textarea.medium textarea {
  min-height: 20rem;
}
.form-old .form-item.textarea.long textarea {
  min-height: 32rem;
}
.form-old .form-item.textarea.active label {
  font-family: 'semibold', arial, helvetica, sans-serif;
  opacity: 0.5;
  padding: 3rem 1.8rem 0 2rem;
  font-size: 1.4rem;
  opacity: 0;
  -webkit-transform: translateY(-0.6rem);
  -ms-transform: translateY(-0.6rem);
  transform: translateY(-0.6rem);
}
.form-old .form-item.textarea.active label sup {
  display: none;
}
.form-old .form-item.textarea.active.date label {
  padding: 3rem 1.8rem 5rem 2rem;
}
.form-old .form-item.textarea.input-error input {
  border-color: #fe0000;
}
.form-old .form-item.select {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  background-color: #fff;
  border-radius: 0.5rem;
  border: solid 0.3rem #fff;
  min-height: 8rem;
  color: #646464;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
}
.form-old .form-item.select:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  right: 1.8rem;
  font-size: 1.5em;
}
.form-old .form-item.select select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #646464;
  font-size: 1.6rem;
  padding: 2.7rem 1.8rem;
  letter-spacing: 0.03em;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.form-old .form-item.select.input-error {
  border-color: #fe0000;
}
.form-old .form-item.select.input-error span.err,
.form-old .form-item.select.input-error span.error {
  position: absolute;
  bottom: -4.6rem;
  left: 0;
}
.form-old .form-item.checkbox input {
  display: none;
}
.form-old .form-item.checkbox input + label {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  color: #646464;
  letter-spacing: 0.03em;
  cursor: pointer;
  font-size: 1.4rem;
  padding-left: 4rem;
  padding-top: 0.4em;
  line-height: 1.4em;
}
.form-old .form-item.checkbox input + label a {
  color: #646464;
  text-decoration: underline;
}
.form-old .form-item.checkbox input + label a:hover,
.form-old .form-item.checkbox input + label a:active {
  color: #fdbe00;
}
.form-old .form-item.checkbox input + label span {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 0.3rem #1b3f8c;
  font-size: 1.3rem;
  background-color: transparent;
  color: #1b3f8c;
  border-radius: 0.5rem;
}
.form-old .form-item.checkbox input + label span:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  line-height: 0;
  opacity: 0;
  font-size: 1em;
}
.form-old .form-item.checkbox input:checked + label span:after {
  opacity: 1 !important;
}
.form-old .form-item.checkbox.cepbebe {
  width: 100%;
  box-sizing: border-box;
  background-color: #fdbe00;
  border-radius: 0.5rem;
  height: 10.4rem;
  padding: 1rem 18rem 0 7.5rem;
}
.form-old .form-item.checkbox.cepbebe input + label {
  color: #1b3f8c;
  padding: 0;
  font-size: 1.6rem;
}
.form-old .form-item.checkbox.cepbebe input + label .cb-logo {
  display: block;
  width: 11.7rem;
  margin-bottom: 1rem;
}
.form-old .form-item.checkbox.cepbebe input + label .cb-device {
  display: block;
  position: absolute;
  width: 10.8rem;
  bottom: 0;
  right: 2.9rem;
}
.form-old .form-item.checkbox.cepbebe input + label a {
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #1b3f8c;
}
.form-old .form-item.checkbox.cepbebe input + label a:hover,
.form-old .form-item.checkbox.cepbebe input + label a:active {
  color: #000;
}
.form-old .form-item.checkbox.cepbebe input + label b {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.form-old .form-item.checkbox.cepbebe input + label span {
  top: 4rem;
  left: 3.7rem;
}
.form-old .form-item.checkbox.input-error input + label span {
  border-color: #fe0000;
}
.form-old .form-item.text-link {
  text-align: center;
}
.form-old .form-item.text-link a {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #646464;
  font-size: 1.2rem;
  text-decoration: underline;
}
.form-old .form-item.text-link a:hover,
.form-old .form-item.text-link a:active {
  color: #fdbe00;
  text-decoration: none;
}
.form-old .form-item.text-link.text-right {
  text-align: right;
}
.form-old .form-item.text-link.red a {
  color: #fe0000;
}
.form-old .form-item.text-link.red a:hover,
.form-old .form-item.text-link.red a:active {
  color: #fdbe00;
}
.form-old .form-item.info {
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #646464;
  font-size: 1.6rem;
  line-height: 1.4em;
}
.form-old .form-item span.err,
.form-old .form-item span.error {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #fe0000;
  padding: 1rem 2.8rem;
  font-size: 1.2rem;
}
.form-old .form-item span.err p,
.form-old .form-item span.error p {
  width: 100%;
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.form-old .form-item span.err strong,
.form-old .form-item span.error strong {
  display: block;
  font-size: 1.3em;
}
.form-old .form-item span.err.hidden,
.form-old .form-item span.error.hidden {
  display: none;
}
.form-old .form-item span.success {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #6cd538;
  padding: 1rem 2.8rem;
  font-size: 1.2rem;
}
.form-old .form-item span.success p {
  width: 100%;
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.form-old .form-item span.success.hidden {
  display: none;
}
.form-old .form-item.margin-top {
  margin-top: 2.3rem;
}
.form-old .form-item input:autofill,
.form-old .form-item select:autofill,
.form-old .form-item textarea:autofill {
  animation-name: onAutoFillStart;
  animation-duration: 0s;
}
.facebook-error {
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #fe0000;
  display: none;
  font-size: 1.2rem;
  line-height: 1.3em;
}
/*
	login & register
*/
.login .button-group {
  position: relative;
  text-align: center;
  width: 76.6rem;
  height: 12rem;
  margin: 4.7rem auto 0;
  border-bottom: solid 0.3rem #dedfe1;
  box-sizing: border-box;
}
.login .button-group > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  opacity: 0.5;
}
.login .button-group .btn {
  position: relative;
  margin-top: 4rem;
}
.login .button-group .btn.yellow {
  margin-right: 7rem;
}
.login .form-old {
  padding: 4rem 0;
  width: 34.5rem;
  margin: 0 auto;
}
.login .facebook-error,
.login .facebook-info {
  text-align: center;
  width: 29.5rem;
  position: absolute;
  top: 8.5rem;
  right: 0;
}
.login .btn {
  padding-left: 3rem;
  padding-right: 3rem;
}
.login.register .register-info {
  position: relative;
  text-align: left;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6em;
  width: 76.6rem;
  margin: 4.7rem auto 0;
  color: #1b3f8c;
}
.login.register .register-info strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.login.register .register-info.classic {
  display: block;
}
.login.register .register-info.cepbebe {
  display: none;
  text-align: center;
}
.login.register .facebook-error {
  width: 38.5rem;
  top: 11rem;
  right: -4.6rem;
}
.login.register .facebook-info {
  width: 38.5rem;
  top: 9.5rem;
  right: -4.6rem;
  color: #646464;
  font-size: 1rem;
}
.login.register .button-group {
  margin: 0  auto;
  height: 13rem;
}
.login.register .button-group .btn.yellow,
.login.register .button-group .btn.green {
  margin-right: 1.5rem;
}
.login.register .form-old {
  width: 76.6rem;
  margin-top: 0;
  padding-top: 0;
  display: none;
}
.login.register .form-border-top {
  padding-bottom: 0;
}
.login.register .babies {
  margin-bottom: 4rem;
}
.login.register .babies .form-border-bottom {
  text-align: right;
  border-bottom: dashed 0.3rem #eaeaea;
}
.login.register .babies .delete-baby {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: inline-block;
  font-size: 1.6rem;
}
.login.register .babies .delete-baby i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8em;
  margin-right: 0.3em;
}
#registerForm.facebook-on .pwd {
  display: none;
}
/*
	forget password
*/
.forget-password .form-old {
  padding: 4rem 0;
  width: 34.5rem;
  margin: 0 auto;
}
.forget-password .form-old .btn {
  padding-left: 5rem;
  padding-right: 5rem;
}
/*
	contact form
*/
.contact-form .form-info {
  position: relative;
  text-align: left;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6em;
  width: 76.6rem;
  margin: 4.7rem auto 0;
  color: #1b3f8c;
}
.contact-form .form-info a {
  color: #fdbe00;
  text-decoration: underline;
}
.contact-form .form-info a:hover,
.contact-form .form-info a:active {
  color: #000;
  text-decoration: none;
}
.contact-form .form-old {
  width: 76.6rem;
  margin: 8rem auto 6rem;
}
.contact-form .form-old .btn {
  padding-left: 5rem;
  padding-right: 5rem;
}
/*
	user settings
*/
.usr-settings-cont:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.usr-settings-cont .usr-left {
  float: left;
  width: 20%;
  box-sizing: border-box;
}
.usr-settings-cont .usr-left ul li {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.usr-settings-cont .usr-left ul li a {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #1b3f8c;
  padding: 1.1rem 2.2rem;
  border-radius: 0.5rem;
}
.usr-settings-cont .usr-left ul li a:hover,
.usr-settings-cont .usr-left ul li a:active {
  color: #fdbe00;
}
.usr-settings-cont .usr-left ul li a.active {
  color: #fff;
  background-color: #1b3f8c;
}
.usr-settings-cont .usr-left ul li a.active:hover,
.usr-settings-cont .usr-left ul li a.active:active {
  color: #fdbe00;
}
.usr-settings-cont .usr-right {
  float: right;
  width: 66%;
  box-sizing: border-box;
  padding-bottom: 4rem;
}
.usr-settings-cont .usr-right .form-old {
  width: 100%;
  box-sizing: border-box;
}
.baby-left {
  float: left;
  position: relative;
  width: 19.5%;
  font-size: 1rem;
}
.baby-left .baby-image {
  position: relative;
  padding-top: 2.3rem;
  z-index: 1;
}
.baby-left:before {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: none;
  border-radius: 50%;
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  font-size: 2.6rem;
  line-height: 1.65em;
  right: 0;
  top: 2rem;
  color: #fff;
  z-index: 2;
}
.baby-right {
  float: right;
  width: 75%;
}
.baby-right .form-item.delete {
  padding-top: 5.5rem;
}
.baby-right .form-item.delete a {
  font-size: 1.8rem;
  text-decoration: none;
}
.baby-right .form-item.delete a i {
  font-size: 0.8em;
}
.baby-right .form-item span.server-error.err {
  padding-left: 0;
}
.baby-right .form-item span.server-error.err p {
  line-height: 1.6em;
}
.baby-right .form-item.error-holder {
  display: none;
}
#babyInfoForm .babies {
  margin-bottom: 4rem;
}
.birth-container.success .baby-left:before {
  display: block;
  content: "\e923";
  background-color: #6cd538;
}
.birth-container.error .baby-left:before {
  display: block;
  content: "\e922";
  background-color: #fe0000;
}
.birth-container.error .baby-right .form-item.error-holder {
  display: block;
}
/*
	hata onay
*/
.server-info-cont {
  text-align: center;
  padding: 4rem 0;
  width: 34.5rem;
  color: #646464;
  margin: 0 auto;
}
.server-info-cont .btn {
  margin-top: 2rem;
}
/*
	autofill detection stuff
*/
.g-recaptcha {
  display: inline-block;
  height: 8.2rem;
}
.chaptcha-err {
  display: block;
  width: 30.8rem;
  margin: 0;
  padding: 1rem 0 0;
  color: #ec0000 !important;
  font-size: 1.1rem;
}
.chaptcha-err.hide,
.chaptcha-err.hidden {
  display: none;
}
.form .form-item {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.5rem;
}
.form .form-item.input {
  width: 100%;
  box-sizing: border-box;
}
.form .form-item.input.text-left {
  text-align: left;
}
.form .form-item.input.text-right {
  text-align: right;
}
.form .form-item.input.text-center {
  text-align: center;
}
.form .form-item.input input {
  position: relative;
  width: 100%;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  font-size: 1.4rem;
  background-color: transparent;
  color: #1b3f8c;
  height: 5rem;
  line-height: 5rem;
  border-radius: 1.2rem;
  border: solid 1px #d0d4e3;
  z-index: 1;
  padding: 0 2.5rem;
}
.form .form-item.input input:-webkit-autofill + label {
  opacity: 0;
}
.form .form-item.input input:-webkit-autofill ~ label {
  opacity: 0;
}
.form .form-item.input input:disabled {
  background-color: #edf1ff;
}
.form .form-item.input label {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  color: #576289;
  z-index: 2;
  padding: 0 2.5rem;
  line-height: 5rem;
  top: 0;
  left: 0;
}
.form .form-item.input.input-error input {
  border-color: #ff4040;
}
.form .form-item.input.date input {
  padding-right: 5rem;
}
.form .form-item.input.date:after {
  display: inline-block;
  position: absolute;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93e";
  color: #6dbff3;
  font-size: 1.8em;
  right: 1.5rem;
  top: 1.2rem;
}
.form .form-item.textarea {
  width: 100%;
  box-sizing: border-box;
}
.form .form-item.textarea textarea {
  position: relative;
  width: 100%;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  font-size: 1.4rem;
  background-color: transparent;
  color: #1b3f8c;
  line-height: 1.57em;
  border-radius: 1.2rem;
  border: solid 1px #d0d4e3;
  z-index: 1;
  padding: 2.5rem;
}
.form .form-item.textarea label {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  color: #576289;
  z-index: 2;
  padding: 0 2.5rem;
  line-height: 5rem;
  top: 0;
  left: 0;
}
.form .form-item.textarea textarea:disabled {
  background-color: #edf1ff;
}
.form .form-item.textarea.input-error textarea {
  border-color: #ff4040;
}
.form .form-item.textarea.normal textarea {
  height: 17.6rem;
}
.form .form-item.checkbox {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.form .form-item.checkbox input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.form .form-item.checkbox input + label {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #1b3f8c;
  cursor: pointer;
  font-size: 1.4rem;
  padding-left: 3rem;
  line-height: 1.4em;
}
.form .form-item.checkbox input + label a {
  text-decoration: underline;
}
.form .form-item.checkbox input + label a:hover,
.form .form-item.checkbox input + label a:active {
  color: #000;
  text-decoration: none;
}
.form .form-item.checkbox input + label span {
  position: absolute;
  display: block;
  box-sizing: border-box;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  color: #1b3f8c;
  opacity: 0.2;
  border: solid 0.2rem #1b3f8c;
  top: -0.2rem;
  left: 0;
}
.form .form-item.checkbox input + label span:after {
  position: absolute;
  display: inline-block;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  line-height: 0;
  opacity: 0;
  font-size: 0.7rem;
  top: 0.8rem;
  left: 0.35rem;
}
.form .form-item.checkbox input:checked + label span {
  opacity: 1;
}
.form .form-item.checkbox input:checked + label span:after {
  opacity: 1;
}
.form .form-item.checkbox.input-error input + label span {
  border-color: #ff4040;
}
.form .form-item.checkbox.cornered input + label span {
  border-radius: 0.4rem;
}
.form .form-item.select select {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  max-width: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: visible;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0 none;
}
.form .form-item.select label {
  display: block;
  position: relative;
  width: 100%;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  font-size: 1.4rem;
  background-color: transparent;
  color: #1b3f8c;
  height: 5rem;
  line-height: 5rem;
  border-radius: 1.2rem;
  border: solid 1px #d0d4e3;
  z-index: 1;
  padding: 0 4rem 0 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  z-index: 9;
}
.form .form-item.select label:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  right: 1.5rem;
  font-size: 0.5em;
}
.form .form-item.select select:disabled + label {
  background-color: #edf1ff;
}
.form .form-item.radio-inline {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  width: auto;
}
.form .form-item.radio-inline input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.form .form-item.radio-inline input + label {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  position: relative;
  font-size: 1.4rem;
  color: #1b3f8c;
  padding-left: 3rem;
  margin-right: 3.4rem;
  height: 2rem;
  line-height: 2rem;
  cursor: pointer;
}
.form .form-item.radio-inline input + label span {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  border: solid 1px #1b3f8c;
  left: 0;
  top: 0;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form .form-item.radio-inline input + label span:after {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #1b3f8c;
  left: 0.4rem;
  top: 0.4rem;
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form .form-item.radio-inline input:checked + label span {
  opacity: 1;
}
.form .form-item.radio-inline input:checked + label span:after {
  opacity: 1;
}
.form .form-item.radio-inline:last-child {
  margin-right: 0;
}
.form .form-item.info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.65em;
}
.form .form-item.info a {
  font-family: 'medium', arial, helvetica, sans-serif;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: underline;
  color: #1b3f8c;
}
.form .form-item.info a:hover,
.form .form-item.info a:active {
  text-decoration: none;
  color: #000;
}
.form .form-item.info.padding-top {
  padding-top: 1rem;
}
.form .form-item.input-error {
  color: #ff4040;
}
.form .form-item.input-success {
  color: #1bccce;
}
.form .form-item.margin-top {
  margin-top: 3rem;
}
.form .form-item.extra-margin-top {
  margin-top: 6rem;
}
.form .form-item.text-right {
  text-align: right;
}
.form .form-item.text-center {
  text-align: center;
}
.form .form-item.text-left {
  text-align: left;
}
.form .form-item input:autofill,
.form .form-item select:autofill,
.form .form-item textarea:autofill {
  animation-name: onAutoFillStart;
  animation-duration: 0s;
}
.form .form-item .err {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: inline-block;
  font-size: 1.2rem;
  color: #ff4040;
  padding: 0.7rem 0 0 2.5rem;
}
.form .form-item .form-snap-link {
  position: absolute;
  display: inline-block;
  font-family: 'regular', arial, helvetica, sans-serif;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  z-index: 3;
  font-size: 1.4rem;
  opacity: 0.5;
  color: #1b3f8c;
}
.form .form-item .form-snap-link:hover,
.form .form-item .form-snap-link:active {
  opacity: 1;
}
.form .form-item .form-snap-link.left {
  left: 0.6rem;
}
.form .form-item .form-snap-link.right {
  right: 0.6rem;
}
.form .form-item .form-snap-link.top {
  top: -2rem;
}
.form .form-item .form-snap-link.bottom {
  bottom: -2rem;
}
.form .form-item .form-snap-link.small {
  font-size: 1.2rem;
}
.form .group {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.5rem;
}
.form .group.no-wrap {
  white-space: nowrap;
}
.form .inline-cap {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #0f2057;
  font-size: 1.4rem;
  margin-right: 3rem;
}
.form .x2 {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form .x2 .form-item.input,
.form .x2 .form-item.select,
.form .x2 .form-item.generic,
.form .x2 .form-item.checkbox {
  width: 48%;
}
.form .divider {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0.3rem auto 3rem;
  height: 0;
  border-bottom: dashed 0.2rem #d8e9f4;
}
#emailCheck {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.65em;
  padding-bottom: 2.5rem;
  color: #1b3f8c;
}
#emailCheck.input-error {
  color: #ff4040;
}
#emailCheck.input-success {
  color: #1b3f8c;
}
#emailCheck a {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #6dbff3;
  text-decoration: underline;
}
#emailCheck a:hover,
#emailCheck a:active {
  color: #000;
  text-decoration: none;
}
.button:disabled {
  cursor: auto;
}
.button:disabled.navy-blue {
  background-color: #646464;
  border-color: #646464;
  color: #fff;
}
.button:disabled.navy-blue:hover,
.button:disabled.navy-blue:active {
  background-color: #646464;
  border-color: #646464;
  color: #fff;
}
.featured-content-list {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 5.3rem 0;
  margin: 0 auto;
  height: 77.7rem;
  background: #feda7a url(/assets/images/featured-bg.jpg) no-repeat 0 0;
  background-size: cover;
  overflow: hidden;
}
.featured-content-list .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  font-size: 1.642rem;
  color: #2a2a2a;
  position: relative;
  padding-left: 4rem;
}
.featured-content-list .cap i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 1rem;
  font-size: 4.2rem;
  left: 0;
}
.featured-content-list .tab-links {
  display: block;
  width: 84rem;
  margin: 5.3rem auto 6rem;
  white-space: nowrap;
}
.featured-content-list .tab-links:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.featured-content-list .tab-links li {
  display: inline-block;
  vertical-align: middle;
  font-family: 'bold', arial, helvetica, sans-serif;
  text-transform: uppercase;
  color: #1b3f8c;
  font-size: 1.6rem;
  opacity: 0.7;
  margin-right: 7.6rem;
  cursor: pointer;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.featured-content-list .tab-links li:last-child {
  margin-right: 0;
}
.featured-content-list .tab-links li:after {
  display: block;
  content: "";
  width: 0;
  height: 2px;
  bottom: -0.9rem;
  background-color: #1b3f8c;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.featured-content-list .tab-links li:hover,
.featured-content-list .tab-links li:active {
  color: #1b3f8c;
}
.featured-content-list .tab-links li:hover:after,
.featured-content-list .tab-links li:active:after {
  width: 45%;
}
.featured-content-list .tab-links li.active {
  -webkit-transform: scale(1.8);
  -ms-transform: scale(1.8);
  transform: scale(1.8);
  opacity: 1;
}
.featured-content-list .tab-links li.active:after {
  width: 45%;
}
.featured-content-list .tab-slider {
  width: 20rem;
  height: 11.5rem;
  margin: 5.5rem auto 0;
  display: none;
}
.featured-content-list .tab-slider .item {
  text-transform: uppercase;
  text-align: center;
  font-family: 'bold', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 2.8rem;
  color: #1b3f8c;
}
.featured-content-list .tab-slider .item span {
  display: inline-block;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.featured-content-list .tab-slider .item span:after {
  display: block;
  content: "";
  width: 0;
  height: 0.3rem;
  bottom: -0.7rem;
  background-color: #1b3f8c;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.featured-content-list .tab-slider .rsActiveSlide .item span {
  opacity: 1;
  -webkit-transform: scale(1.8);
  -ms-transform: scale(1.8);
  transform: scale(1.8);
}
.featured-content-list .tab-slider .rsActiveSlide .item span:after {
  width: 32%;
}
.featured-content-list .tab-slider.royalSlider.rsMinW {
  overflow: visible;
}
.featured-content-list .tab-slider.royalSlider.rsMinW .rsOverflow,
.featured-content-list .tab-slider.royalSlider.rsMinW .rsSlide,
.featured-content-list .tab-slider.royalSlider.rsMinW .rsContainer {
  overflow: visible;
}
.featured-content-list .tab-contents {
  width: 114rem;
  margin: 0 auto;
  position: relative;
}
.featured-content-list .tab-contents li {
  position: absolute;
  width: 100%;
  height: 43.6rem;
  top: 0;
  left: 0;
}
.featured-content-list .tab-contents li > .btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}
.featured-content-list .content-list-slider.owl-carousel {
  width: 100%;
  height: 38rem;
  position: absolute;
  top: 0;
  left: 0;
}
.featured-content-list .content-list-slider.owl-carousel .item {
  width: 100%;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev,
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
  border: solid 2px #fff;
  cursor: pointer;
  font-size: 5.5rem;
  color: #fff;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev.disabled,
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next.disabled {
  display: none;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev:after,
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev {
  left: -11.2rem;
  right: auto;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev:after {
  content: "\e902";
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next {
  right: -11.2rem;
  left: auto;
}
.featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next:after {
  content: "\e905";
}
.featured-content-list .content-list-slider.owl-carousel .owl-stage-outer {
  z-index: 2;
}
.featured-content-list.non-web-slider {
  height: 60rem;
}
.featured-content-list.non-web-slider .cap {
  color: #1b3f8c;
  padding-left: 7rem;
}
.featured-content-list.non-web-slider .cap i {
  font-size: 6.2rem;
}
.featured-content-list.non-web-slider .cap span {
  display: inline-block;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: -1rem;
}
.featured-content-list.non-web-slider .cap span:after {
  display: block;
  width: 70%;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  bottom: 0;
  height: 0.3rem;
  background-color: #1b3f8c;
}
.featured-content-list.non-web-slider .cap:after {
  display: none;
}
.selected-content-list {
  position: relative;
  color: #1b3f8c;
  padding: 3.8rem 0 6rem;
}
.selected-content-list i.icon-favorite {
  display: block;
  position: relative;
  width: auto;
  font-size: 3rem;
  overflow: visible;
}
.selected-content-list i.icon-favorite:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.95em;
  content: "";
  width: 1.8em;
  height: 0.1em;
  background-color: #1b3f8c;
}
.selected-content-list h1,
.selected-content-list h2,
.selected-content-list h3 {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.4em;
  margin-bottom: 6.5rem;
}
.selected-content-list .content-list-row {
  padding-top: 0;
}
.selected-content-list .content-list-row .content-list-row-image {
  display: none;
}
.selected-content-list .content-list-row .contents.owl-carousel.owl-loaded .owl-item {
  padding: 0 10px;
  box-sizing: border-box;
}
.selected-content-list .content-list-row .contents.owl-carousel.owl-loaded .owl-stage-outer {
  height: 38rem;
}
.selected-content-list .content-list-row .contents.owl-carousel.owl-loaded .item {
  width: 100%;
  box-sizing: border-box;
}
.selected-content-list.slider-inited i.icon-favorite {
  margin-left: 2.2rem;
}
.selected-content-list.slider-inited h1,
.selected-content-list.slider-inited h2,
.selected-content-list.slider-inited h3 {
  margin-left: 2.2rem;
}
.category-showcase {
  margin: 3.5rem auto 9.1rem;
}
.category-showcase:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.category-showcase .col {
  float: left;
  box-sizing: border-box;
  position: relative;
}
.category-showcase .col.first {
  width: 37.6%;
}
.category-showcase .col.second {
  width: 33.7%;
}
.category-showcase .col.last {
  width: 28.7%;
  padding-left: 4.6%;
}
.category-showcase .col.last .cap img {
  top: 0.4rem;
}
.category-showcase .col.last:before {
  display: block;
  content: "";
  width: 0.3rem;
  height: 100%;
  position: absolute;
  background-color: #1b3f8c;
  opacity: 0.1;
  left: 0;
  top: 0;
}
.category-showcase .col.last ul {
  margin-bottom: 4rem;
}
.category-showcase .cap {
  width: 100%;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  height: 8.4rem;
  position: relative;
  color: #1b3f8c;
  padding-top: 5.6rem;
  box-sizing: border-box;
  margin-bottom: 4rem;
}
.category-showcase .cap img {
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 3.5rem;
}
.category-showcase .cap:after {
  content: "";
  width: 5.5rem;
  height: 0.25rem;
  background-color: #1b3f8c;
  position: absolute;
  left: 0;
  bottom: 0;
}
.category-showcase .more {
  font-family: 'medium', arial, helvetica, sans-serif;
  display: inline-block;
  color: #1b3f8c;
  font-size: 1.4rem;
  position: relative;
  margin-top: -1rem;
}
.category-showcase .more i {
  display: inline-block;
  vertical-align: middle;
  font-size: 3em;
  padding-top: 0.7rem;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.category-showcase .more:hover,
.category-showcase .more:active {
  color: #fdbe00;
}
.category-showcase .more:hover i,
.category-showcase .more:active i {
  -webkit-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}
.content-list-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  height: 35rem;
  border-radius: 0.8rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.content-list-item .tag {
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  background-color: #00cabe;
  position: absolute;
  top: -21.3rem;
  left: 2rem;
  z-index: 3;
  padding: 1rem 1.3rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.content-list-item figure {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  height: 23rem;
  z-index: 1;
}
.content-list-item figure img {
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: transform 2s ease;
  transition: transform 2s ease;
}
.content-list-item .caption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  text-align: left;
  font-size: 1.6rem;
  color: #646464;
  height: 10rem;
  line-height: 1.34em;
  letter-spacing: 0.04em;
  font-weight: 400;
  z-index: 2;
  position: relative;
}
.content-list-item .caption span {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  padding: 1.8rem 2.2rem;
}
.content-list-item:hover figure img,
.content-list-item:active figure img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.content-list-item.video figure:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 6em;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.content-list-item.video:hover figure:after,
.content-list-item.video:active figure:after {
  color: #fdbe00;
}
.question-list-item {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 1rem 0 0 5rem;
  font-size: 1rem;
  margin-bottom: 2.6rem;
}
.question-list-item:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.question-list-item:before {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  position: absolute;
  font-size: 3.2em;
  top: 0;
  left: 0;
  opacity: 0.2;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.question-list-item .caption {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}
.question-list-item .caption span {
  display: block;
}
.question-list-item .caption i {
  font-family: 'regular', arial, helvetica, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0.3rem;
  font-size: 1.2rem;
  opacity: 0.2;
}
.question-list-item:hover:before,
.question-list-item:active:before {
  color: #1b3f8c;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.question-list-item:hover .caption,
.question-list-item:active .caption {
  color: #fdbe00;
}
.category-showcase .content-list-item {
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  overflow: visible;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 2.5rem;
}
.category-showcase .content-list-item:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.category-showcase .content-list-item figure {
  float: left;
  width: 8.3rem;
  height: 8.3rem;
  margin-right: 1.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
.category-showcase .content-list-item figure img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: auto;
  height: 100%;
}
.category-showcase .content-list-item .caption {
  float: left;
  width: 27rem;
  padding: 0.9rem 0 0 0;
}
.category-showcase .content-list-item .caption span {
  display: block;
  padding: 0;
  position: static;
  top: auto;
  left: auto;
  height: auto;
  line-height: 1.5em;
}
.category-showcase .content-list-item .caption .tag {
  display: inline-block;
  position: static;
  top: auto;
  left: auto;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  color: #00cabe;
}
.category-showcase .content-list-item.video figure:after {
  font-size: 2.4em;
}
.search-results .content-list-item {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  height: 10rem;
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 1;
}
.search-results .content-list-item:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.search-results .content-list-item figure {
  float: left;
  width: 8.2rem;
  height: 8.2rem;
  margin-right: 1.8rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
.search-results .content-list-item figure img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: auto;
  height: 100%;
}
.search-results .content-list-item .caption {
  float: left;
  font-family: 'semibold', arial, helvetica, sans-serif;
  width: calc(100% - 16.8rem);
  padding: 2rem 0 0 0;
  color: #1b3f8c;
  height: 5rem;
  overflow: hidden;
  position: static;
}
.search-results .content-list-item .caption span {
  display: block;
  padding: 0;
  position: static;
  top: auto;
  left: auto;
  height: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-results .content-list-item .caption .tag {
  display: inline-block;
  top: 1rem;
  left: auto;
  right: 1rem;
}
.search-results .content-list-item.video figure:after {
  font-size: 2.4em;
}
.search-results .content-list-item:hover .caption,
.search-results .content-list-item:active .caption {
  color: #fdbe00;
}
.category-list .gbb-content {
  padding-top: 4.4rem;
}
.category-list .breadcrumb {
  margin-bottom: 4rem;
}
.category-scroll-bar-holder {
  position: relative;
  height: 8rem;
  z-index: 4;
}
.category-scroll-bar-holder.tag-list .category-scroll-bar {
  box-sizing: border-box;
  padding-top: 2rem;
}
.category-scroll-bar-holder.tag-list .category-scroll-bar > ul > li {
  margin: 0 0.2rem;
}
.category-scroll-bar-holder.tag-list .category-scroll-bar .content-filter {
  display: none;
}
.category-scroll-bar-holder.tag-list .category-scroll-bar .btn.active {
  font-family: 'regular', arial, helvetica, sans-serif;
}
.category-scroll-bar-holder.tag-list .category-scroll-bar .btn.active:after {
  display: inline-block;
  vertical-align: middle;
  font-family: 'semibold', arial, helvetica, sans-serif;
  content: "x";
  margin-left: 0.5em;
  font-size: 1.2em;
}
.category-scroll-bar-holder.social-list {
  height: 8.3rem;
  width: 116rem;
  margin: 0 auto;
}
.category-scroll-bar-holder.social-list.gutter {
  width: 117.6rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar {
  width: 100%;
  box-sizing: border-box;
  height: 8.3rem;
  font-size: 1.4rem;
  color: #1b3f8c;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .cap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .sub-cap {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section span {
  display: inline-block;
  vertical-align: middle;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section i {
  display: inline-block;
  vertical-align: middle;
  font-size: 4rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section i.icon-facebook-full {
  color: #3a5a9a;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section i.icon-twitter-full {
  color: #1d9ff0;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section i.icon-mail {
  color: #fdbe00;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section i.icon-whatsapp {
  color: #6cd438;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section.one {
  left: 27rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section.two {
  left: 60rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section.three {
  right: 25.5rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section.four {
  right: 0;
}
.category-scroll-bar-holder.social-list .category-scroll-bar .social-section.five {
  display: none;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky {
  padding: 0 4rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky .cap {
  left: 4rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky .social-section.one {
  left: 32rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky .social-section.two {
  left: 64rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky .social-section.three {
  right: 35rem;
}
.category-scroll-bar-holder.social-list .category-scroll-bar.sticky .social-section.four {
  right: 4rem;
}
.category-scroll-bar-holder.social-list .btn.add-fav i {
  font-size: 1.4em;
  left: 0.7em;
}
.category-scroll-bar-holder.social-list .btn.add-fav i.icon-basket {
  font-size: 4rem;
  left: 1.7rem;
}
.category-scroll-bar-holder.product .category-scroll-bar > ul > li {
  margin: 0 2rem;
}
.category-scroll-bar-holder.product.qa-list .category-scroll-bar > ul > li {
  margin: 0 2rem;
}
.category-scroll-bar-holder.product.qa-list .category-scroll-bar > ul > li a:after {
  font-size: 1em;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  margin-left: 0.5em;
  vertical-align: middle;
}
.category-scroll-bar {
  height: 8rem;
  border-bottom: solid 0.3rem #dedfe1;
  background-color: transparent;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.category-scroll-bar > ul {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.category-scroll-bar > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3.2rem;
}
.category-scroll-bar > ul > li:first-child {
  margin-left: 0;
}
.category-scroll-bar > ul > li:last-child {
  margin-right: 0;
}
.category-scroll-bar > ul > li a.scroll-to,
.category-scroll-bar > ul > li a.filter {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  padding: 3.2rem 0;
}
.category-scroll-bar > ul > li a.scroll-to:before,
.category-scroll-bar > ul > li a.filter:before {
  font-size: 1em;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  margin-right: 0.5em;
}
.category-scroll-bar > ul > li a.scroll-to:hover,
.category-scroll-bar > ul > li a.filter:hover,
.category-scroll-bar > ul > li a.scroll-to:active,
.category-scroll-bar > ul > li a.filter:active {
  color: #fdbe00;
}
.category-scroll-bar .social-share.btn.with-icon {
  padding-left: 6rem;
}
.category-scroll-bar.sticky {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  top: -1px;
  background-color: #fff;
  border-bottom: 0 none;
  z-index: 99;
}
.category-scroll-bar.sticky + .drop-down {
  position: fixed;
  z-index: 100;
  top: 9rem;
}
.category-text {
  margin: 3.8rem auto;
}
.category-text h1,
.category-text h2 {
  margin-bottom: 2rem;
  font-family: 'bold', arial, helvetica, sans-serif;
}
.category-text p {
  margin: 0 auto 2rem;
  line-height: 1.6em;
}
.content-list-row {
  position: relative;
  text-align: center;
  padding-top: 9.2rem;
  margin-bottom: 3.5rem;
  z-index: 3;
}
.content-list-row h1,
.content-list-row h2,
.content-list-row h3 {
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-align: left;
  position: relative;
  font-size: 5rem;
  margin-bottom: 2.2rem;
  z-index: 2;
}
.content-list-row .contents {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin-bottom: 3.2rem;
  z-index: 4;
}
.content-list-row .contents:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.content-list-row .contents .item {
  float: left;
  margin: 0 1.1rem;
  width: calc(25% - 2.2rem);
}
.content-list-row .contents.owl-carousel .owl-dots {
  display: block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding-top: 0;
}
.content-list-row .contents.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #e7e5e0;
  margin: 0 0.8rem;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.content-list-row .contents.owl-carousel .owl-dots .owl-dot span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  border-radius: 50%;
}
.content-list-row .contents.owl-carousel .owl-dots .owl-dot.active {
  background-color: #b3b3b3;
}
.content-list-row .btn.with-icon.right {
  z-index: 3;
}
.content-list-row .content-list-row-image {
  position: absolute;
  z-index: 1;
}
.content-list-row#section-hamilelik .content-list-row-image,
.content-list-row#section-hamileyim .content-list-row-image {
  width: 21.1rem;
  top: 22rem;
  left: -16.8rem;
}
.content-list-row#section-0-6-ay .content-list-row-image {
  width: 28.8rem;
  top: -6rem;
  right: -12rem;
}
.content-list-row#section-6-9-ay .content-list-row-image {
  width: 26.4rem;
  top: 41rem;
  left: -18.8rem;
}
.content-list-row#section-9-12-ay .content-list-row-image {
  width: 35.8rem;
  bottom: -12rem;
  right: -23rem;
}
.content-list-row#section-12-24-ay .content-list-row-image {
  width: 25.9rem;
  top: 35.7rem;
  left: -17.4rem;
}
.content-list-row#section-24-36-ay .content-list-row-image {
  width: 38.4rem;
  top: -6rem;
  right: -20rem;
}
.category-detail .breadcrumb {
  margin-bottom: 2.5rem;
}
.category-detail .grid {
  margin: 3.8rem auto;
  z-index: 3;
}
.category-detail .grid.gutter .g {
  padding: 4.3rem 0.8rem;
}
.960 .category-detail .grid.gutter {
  width: calc(100% - 1.6rem);
}
.960 .category-detail .grid.gutter .g.w25 {
  width: 50%;
  box-sizing: border-box;
}
.content-detail {
  width: 116rem;
  margin: 0 auto;
  color: #646464;
  margin: 3rem auto;
}
.content-detail.gutter {
  width: 117.6rem;
}
.content-detail .spot {
  font-family: 'medium', arial, helvetica, sans-serif;
  text-align: center;
  font-size: 2rem;
  line-height: 1.5em;
  margin: 0 auto 3rem;
  width: 77rem;
  max-width: 100%;
}
.content-detail .spot.large {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 2.8rem;
}
.content-detail .content-image {
  width: 98rem;
  margin: 0 auto 5rem;
  border-radius: 1rem;
  overflow: hidden;
}
.content-detail .content-image img {
  width: 100%;
  box-sizing: border-box;
}
.content-detail .formatted-text {
  margin: 0 auto;
  width: 77rem;
  max-width: 100%;
}
.content-detail .formatted-text iframe {
  width: 100%;
  height: 43rem;
}
.content-likes {
  width: 116rem;
  margin: 0 auto;
  text-align: center;
  margin: 5.3rem auto;
  padding: 3rem 0;
  border-top: solid 0.3rem #f1f3f8;
  border-bottom: solid 0.3rem #f1f3f8;
}
.content-likes.gutter {
  width: 117.6rem;
}
.content-likes .btn i {
  display: inline-block;
  position: relative;
  width: 2em;
}
.content-likes .btn i:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2em;
  top: -0.65em;
}
.content-likes .btn span {
  font-family: 'regular', arial, helvetica, sans-serif;
}
.formatted-text.reciep-detail p {
  margin: 0 auto;
  line-height: 4.4rem;
  background: transparent url(/assets/images/p.png) repeat 0 0;
  background-size: 0.9rem 4.4rem;
}
.formatted-text.reciep-detail p strong {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  margin: 0;
  line-height: 4.4rem;
  background-color: #f4f1eb;
  margin-top: 2rem;
}
.formatted-text.border-bottom {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: solid 0.3rem rgba(27, 63, 140, 0.1);
}
.qa .category-scroll-bar-holder {
  display: none;
  z-index: 9999;
}
.question-answer {
  padding-bottom: 5.7rem;
}
.question-answer:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.question-answer nav {
  float: left;
  width: 23%;
}
.question-answer nav ul {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.question-answer nav ul li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}
.question-answer nav ul li a {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.4em;
  padding: 1.1rem 1.8rem;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #1b3f8c;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
}
.question-answer nav ul li a span {
  display: inline-block;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}
.question-answer nav ul li a:hover,
.question-answer nav ul li a:active {
  color: #1b3f8c;
  background-color: rgba(27, 63, 140, 0.1);
}
.question-answer nav ul li a.active {
  color: #fff;
  background-color: #1b3f8c;
}
.question-answer nav ul li a.active span {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.question-answer nav ul li a.active:hover,
.question-answer nav ul li a.active:active {
  color: #fdbe00;
  background-color: #1b3f8c;
}
.question-answer .questions {
  float: right;
  width: 74.4%;
}
.question-answer .questions > ul {
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.question-answer .questions > ul > li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  color: #1b3f8c;
  padding: 0 2rem;
  margin-bottom: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
}
.question-answer .questions > ul > li .qa-cap {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.4em;
  color: #1b3f8c;
  padding: 4.2rem 10rem 4.2rem 0;
}
.question-answer .questions > ul > li .qa-cap:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e901";
  font-size: 1.3em;
  right: 0;
}
.question-answer .questions > ul > li .qa-cap:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "CEVABI";
  font-size: 1.7rem;
  right: 3rem;
  line-height: 1em;
  padding-top: 0.35rem;
}
.question-answer .questions > ul > li .qa-cap.active:after {
  content: "\e904";
}
.question-answer .questions > ul > li .qa-cap.active:before {
  content: "";
}
.question-answer .questions > ul > li .qa-cap:hover,
.question-answer .questions > ul > li .qa-cap:active {
  color: #1b3f8c;
}
.question-answer .questions > ul > li .qa-cap:hover:after,
.question-answer .questions > ul > li .qa-cap:active:after,
.question-answer .questions > ul > li .qa-cap:hover:before,
.question-answer .questions > ul > li .qa-cap:active:before {
  color: #fdbe00;
}
.question-answer .questions > ul > li .qa-answer {
  width: 100%;
  box-sizing: border-box;
  display: none;
}
.question-answer .questions > ul > li .qa-answer .qa-content {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2em;
  padding-bottom: 4.2rem;
  border-bottom: solid 0.3rem rgba(0, 64, 130, 0.1);
}
.question-answer .questions > ul > li .qa-answer .qa-content p {
  margin: 1rem auto;
  line-height: 2em;
}
.question-answer .questions > ul > li .qa-answer .qa-content ul {
  margin: 1rem auto;
  box-sizing: border-box;
  list-style-type: disc;
  padding-left: 4rem;
  line-height: 1.5em;
  color: #646464;
}
.question-answer .questions > ul > li .qa-answer .qa-content ol {
  margin: 1rem auto;
  box-sizing: border-box;
  padding-left: 4rem;
  line-height: 1.5em;
  color: #646464;
}
.question-answer .questions > ul > li .qa-answer .qa-content b,
.question-answer .questions > ul > li .qa-answer .qa-content strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.question-answer .questions > ul > li .qa-answer .qa-content i {
  font-style: italic;
}
.question-answer .questions > ul > li .qa-answer .qa-content u {
  text-decoration: underline;
}
.question-answer .questions > ul > li .qa-answer .qa-content a {
  color: #1b3f8c;
}
.question-answer .questions > ul > li .qa-answer .qa-content a:hover,
.question-answer .questions > ul > li .qa-answer .qa-content a:active {
  color: #fdbe00;
}
.question-answer .questions > ul > li .qa-answer .qa-content img {
  display: inline;
  width: auto;
  height: auto !important;
  max-width: 100%;
}
.question-answer .questions > ul > li .qa-answer .qa-content .simple-bordered-table {
  border: solid 1px #dededede;
  border-collapse: collapse;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
  font-size: 1.2rem;
}
.question-answer .questions > ul > li .qa-answer .qa-content .simple-bordered-table th {
  font-family: 'bold', arial, helvetica, sans-serif;
  text-align: left;
}
.question-answer .questions > ul > li .qa-answer .qa-content .simple-bordered-table td,
.question-answer .questions > ul > li .qa-answer .qa-content .simple-bordered-table th {
  padding: 0.7rem;
  border: solid 1px #dedede;
  line-height: 1.6em;
}
.question-answer .questions > ul > li .qa-answer .qa-content .simple-bordered-table a {
  word-wrap: break-word;
}
.question-answer .questions > ul > li .qa-answer .qa-content.reciep-detail p {
  margin: 0 auto;
  line-height: 4.4rem;
  background: transparent url(/assets/images/p.png) repeat 0 0;
  background-size: 0.9rem 4.4rem;
}
.question-answer .questions > ul > li .qa-answer .qa-content.reciep-detail p strong {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  margin: 0;
  line-height: 4.4rem;
  background-color: #f4f1eb;
  margin-top: 2rem;
}
.question-answer .questions > ul > li .qa-answer .qa-content.border-bottom {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: solid 0.3rem rgba(27, 63, 140, 0.1);
}
.question-answer .questions > ul > li .qa-answer .qa-content a {
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-decoration: underline;
}
.question-answer .questions > ul > li .qa-answer .qa-content a:hover,
.question-answer .questions > ul > li .qa-answer .qa-content a:active {
  color: #fdbe00;
}
.question-answer .questions > ul > li .qa-answer .qa-content .img {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 1rem;
}
.question-answer .questions > ul > li .qa-answer .qa-content .img img {
  display: inline-block;
  max-width: 100%;
}
.question-answer .questions > ul > li .qa-answer .qa-social {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 8rem;
}
.question-answer .questions > ul > li .qa-answer .qa-social .sub-cap {
  font-family: 'regular', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section span {
  display: inline-block;
  vertical-align: middle;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section i {
  display: inline-block;
  vertical-align: middle;
  font-size: 4rem;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section i.icon-facebook-full {
  color: #3a5a9a;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section i.icon-twitter-full {
  color: #1d9ff0;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section i.icon-mail {
  color: #fdbe00;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section i.icon-whatsapp {
  color: #6cd438;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section.one {
  left: 0;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section.two {
  left: 30rem;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section.three {
  right: 21.5rem;
}
.question-answer .questions > ul > li .qa-answer .qa-social .social-section.five {
  display: none;
}
.qa-filter.drop-down {
  width: 45rem;
}
.qa-filter.drop-down:after {
  left: 26.5em;
}
.search-results {
  width: 76rem;
  margin: 0 auto;
  padding: 5rem 0;
}
.search-results .item {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 10rem;
  margin-bottom: 2rem;
}
.search-results .item .cats {
  display: block;
  width: calc(100% - 10.2rem);
  position: absolute;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  bottom: 3rem;
  left: 11rem;
}
.search-results .item .cats li {
  display: inline-block;
  border-right: solid 1px rgba(51, 0, 64, 0.4);
  padding: 0 0.6rem;
}
.search-results .item .cats li:first-child {
  padding-left: 0;
}
.search-results .item .cats li:last-child {
  border-right: 0 none;
  padding-right: 0;
}
.search-results .item .cats li a {
  display: inline;
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #1b3f8c;
  opacity: 0.4;
  font-size: 1.2rem;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.search-results .item .cats li a:hover,
.search-results .item .cats li a:active {
  opacity: 1;
  color: #1b3f8c;
}
.search-results .no-result {
  width: 80%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-align: center;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 1.4em;
}
.page.product-list.new .page-banner {
  display: none;
}
.page.product-list.new .page-banner h1 {
  display: none;
}
.product-list-slider-cont {
  width: 117rem;
  height: 13rem;
  border-radius: 1.2rem;
  overflow: hidden;
  background-color: #f1e3be;
  margin: 0 auto 2.5rem;
}
.product-list-slider-cont h1 {
  display: none;
}
.product-list-slider-cont .data {
  display: none;
}
.pl-new-filter-bar {
  position: relative;
  width: 115.8rem;
  height: 6rem;
  background-color: #f1e3be;
  border-radius: 3rem;
  margin: 0 auto 6.4rem;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
}
.pl-new-filter-bar .left,
.pl-new-filter-bar .right {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  height: 6rem;
}
.pl-new-filter-bar .left {
  left: 2.2rem;
  width: 57.5rem;
  justify-content: flex-start;
}
.pl-new-filter-bar .right {
  right: 2.2rem;
  width: 55.5rem;
  justify-content: flex-end;
}
.pl-new-filter-bar .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.2rem;
  margin-right: 1.1rem;
}
.pl-new-filter-bar .button {
  margin-right: 1rem;
}
.pl-new-filter-bar a.text-link {
  font-family: 'regular', arial, helvetica, sans-serif;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 1.2rem;
  text-decoration: underline;
}
.pl-new-filter-bar a.text-link:hover,
.pl-new-filter-bar a.text-link:active {
  color: #000;
}
.pl-new-filter-bar .filter-button {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.4rem;
  letter-spacing: -0.025em;
  line-height: 3.6rem;
  border-radius: 1.2rem;
  padding: 0 2.2rem 0 4.8rem;
  color: #fff;
  background-color: #1b3f8c;
  margin-right: 1.3rem;
}
.pl-new-filter-bar .filter-button:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6em;
}
.pl-new-filter-bar .filter-button.filter:before {
  content: "\e91d";
  left: 1.8rem;
}
.pl-new-filter-bar .filter-button.filter.active:after {
  display: block;
  position: absolute;
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  top: 0.6rem;
  left: 3rem;
  border-radius: 50%;
  background-color: #ffae00;
}
.pl-new-filter-bar .filter-button.sort:before {
  content: "\e92a";
  left: 1.8rem;
}
.pl-new-filter-bar .product-list-search {
  position: relative;
  width: 25rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 1.8rem;
}
.pl-new-filter-bar .product-list-search input {
  position: absolute;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  width: 18.8rem;
  font-size: 1.4rem;
  background-color: transparent;
  color: #1b3f8c;
  height: 3.6rem;
  line-height: 3.6rem;
  border: none;
  z-index: 1;
  padding: 0;
  top: 0;
  left: 4.3rem;
}
.pl-new-filter-bar .product-list-search input:-webkit-autofill + label {
  opacity: 0;
}
.pl-new-filter-bar .product-list-search input:-webkit-autofill ~ label {
  opacity: 0;
}
.pl-new-filter-bar .product-list-search input:disabled {
  background-color: #edf1ff;
}
.pl-new-filter-bar .product-list-search label {
  position: absolute;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-sizing: border-box;
  width: 18.8rem;
  color: #1b3f8c;
  z-index: 2;
  padding: 0;
  height: 3.6rem;
  line-height: 3.6rem;
  top: 0;
  left: 4.3rem;
  cursor: pointer;
}
.pl-new-filter-bar .product-list-search:before {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 46%;
  color: #1b3f8c;
  left: 1rem;
  font-size: 2.8rem;
}
.pl-filter-bar {
  position: relative;
  box-sizing: border-box;
  width: 113rem;
  margin: 0 auto 3.2rem;
  padding: 3.5rem 0 2rem;
  z-index: 9;
  border-bottom: dashed 0.2rem #d2d8e9;
}
.pl-filter-bar:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.pl-filter-bar .cap {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  margin-right: 0.8rem;
}
.pl-filter-bar .cap.only-mobile {
  display: none;
}
.pl-filter-bar .left {
  position: relative;
  float: left;
  width: 78rem;
}
.pl-filter-bar .left .filter-item {
  display: inline-block;
  position: relative;
}
.pl-filter-bar .left .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.pl-filter-bar .left .filter-item input + label {
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  font-size: 1.6rem;
  color: #fff;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 1.8rem;
  padding: 0 1.8rem;
  letter-spacing: -0.03em;
  cursor: pointer;
  margin-left: 1rem;
  background-color: transparent;
  border: solid 1px #1b3f8c;
  color: #1b3f8c;
  white-space: nowrap;
}
.pl-filter-bar .left .filter-item input:checked + label {
  color: #fff;
  background-color: #4b61a5;
  border-color: #4b61a5;
  padding-right: 4rem;
}
.pl-filter-bar .left .filter-item input:checked + label:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e92b";
  font-size: 1.2em;
  right: 1.8rem;
}
.pl-filter-bar .left .all {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  margin-left: 3rem;
  text-decoration: underline;
}
.pl-filter-bar .right {
  position: relative;
  float: right;
  text-align: right;
  width: 34.5rem;
}
.pl-filter-bar .filter-button {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.4rem;
  letter-spacing: -0.025em;
  line-height: 5rem;
  border-radius: 1.2rem;
  padding: 0 4.4rem 0 5rem;
  color: #1b3f8c;
  background-color: #ebf7ff;
}
.pl-filter-bar .filter-button:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  right: 1.8rem;
  font-size: 0.4em;
}
.pl-filter-bar .filter-button:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6em;
}
.pl-filter-bar .filter-button.filter {
  margin-right: 1.3rem;
}
.pl-filter-bar .filter-button.filter:before {
  content: "\e91d";
  left: 1.8rem;
}
.pl-filter-bar .filter-button.sort:before {
  content: "\e92a";
  left: 1.8rem;
}
.pl-filter-bar .filter-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  top: 0;
  left: 0;
}
.pl-filter-bar .selection {
  display: none;
  position: absolute;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  font-family: 'regular', arial, helvetica, sans-serif;
  -webkit-transition: opacity 0.2s linear, transform 0.3s ease;
  transition: opacity 0.2s linear, transform 0.3s ease;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  font-size: 1.4rem;
  border-radius: 1.2rem;
  background-color: #ebf7ff;
  z-index: 99;
  color: #1b3f8c;
}
.pl-filter-bar .selection:before {
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  top: -0.6rem;
  background-color: #ebf7ff;
}
.pl-filter-bar .selection.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.pl-filter-bar .selection .cap {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 1.8rem;
  border-bottom: solid 1px #c2d1e9;
}
.pl-filter-bar .selection.filter {
  box-sizing: border-box;
  width: 42rem;
  padding: 2.8rem 5rem 5rem;
  right: 0;
  top: 10rem;
}
.pl-filter-bar .selection.filter:before {
  left: 19.4rem;
}
.pl-filter-bar .selection.filter > ul {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  color: #1b3f8c;
}
.pl-filter-bar .selection.filter > ul > li {
  width: 100%;
  box-sizing: border-box;
  padding-top: 2.8rem;
}
.pl-filter-bar .selection.filter > ul > li .filter-item {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
}
.pl-filter-bar .selection.filter > ul > li .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.pl-filter-bar .selection.filter > ul > li .filter-item input + label {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  padding-left: 3.7rem;
  line-height: 2rem;
  margin-bottom: 2.3rem;
}
.pl-filter-bar .selection.filter > ul > li .filter-item input + label:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  content: "";
  left: 0;
  width: 2rem;
  height: 2rem;
  border: solid 1px #1b3f8c;
  border-radius: 0.4rem;
}
.pl-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after {
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  font-size: 0.6em;
}
.pl-filter-bar .selection.sort {
  box-sizing: border-box;
  width: 32.5rem;
  top: 10rem;
  right: 0;
  padding: 2.8rem 5rem 5rem;
}
.pl-filter-bar .selection.sort:before {
  right: 2rem;
}
.pl-filter-bar .selection.sort .list {
  width: 100%;
  box-sizing: border-box;
  padding-top: 2.4rem;
}
.pl-filter-bar .selection.sort .list .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.pl-filter-bar .selection.sort .list .filter-item input + label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  padding-left: 3.7rem;
  margin-bottom: 2.2rem;
  line-height: 2rem;
}
.pl-filter-bar .selection.sort .list .filter-item input + label:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  content: "";
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: solid 1px #1b3f8c;
}
.pl-filter-bar .selection.sort .list .filter-item input:checked + label:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #1b3f8c;
  top: 1rem;
  left: 0.6rem;
  border-radius: 50%;
}
.pl-product-list {
  width: 103rem;
  margin: 0 auto 3.7rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pl-product-list .pl-cap {
  width: 100%;
  box-sizing: border-box;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
  color: #1b3f8c;
  margin-bottom: 3.2rem;
}
.pl-product-list .pl-cont {
  box-sizing: border-box;
  width: 20%;
  padding: 0;
}
.pl-product-list .product {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 9.4rem;
}
.pl-product-list .product img {
  width: 80%;
  margin-bottom: 3.8rem;
}
.pl-product-list .product .name {
  min-height: 8.8rem;
}
.pl-product-list .product .detail {
  font-family: 'medium', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.4rem;
  padding-bottom: 1.6rem;
}
.pl-product-list .product .detail i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.pl-product-list .d2c-para {
  margin-bottom: 2rem;
}
.pl-product-list.new {
  width: 115.8rem;
}
.pl-product-list.new .pl-cont {
  width: 25%;
}
.page.product-list.special-products .page-banner {
  margin-bottom: 6.2rem;
}
.page.product-list.special-products .pl-product-list .product {
  margin-bottom: 0;
}
.page.product-list.special-products .pl-product-list .product .name {
  font-family: 'medium', arial, helvetica, sans-serif;
  min-height: 3.8rem;
}
.page.product-list.special-products .pl-product-list .product .desc {
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 1.4rem;
  line-height: 1.65em;
  opacity: 0.7;
}
.page.product-list.special-products .pl-product-list .product img {
  margin-bottom: 1.8rem;
}
.pd-cont {
  box-sizing: border-box;
  position: relative;
  width: 136rem;
  margin: 0 auto;
  border-radius: 2.6rem;
  background-color: #d7eefe;
  padding: 11rem 23rem 3.9rem;
}
.pd-cont:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.pd-left {
  float: left;
  width: 36rem;
}
.pd-cargo-info {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 5rem;
  border-radius: 0.6rem;
  padding: 0 2.8rem;
  background-color: #eff7fd;
  margin-bottom: 2.7rem;
}
.pd-cargo-info .text,
.pd-cargo-info .pd-cargo-date {
  display: block;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  margin-left: 1.2rem;
  line-height: 1.45em;
}
.pd-slider-cont {
  float: left;
  width: 36rem;
  height: 51.6rem;
  margin-bottom: 2.8rem;
}
.pd-slider .pd-slider-data {
  opacity: 0;
}
.pd-slider.royalSlider.rsMinw {
  width: 36rem;
  height: 51.6rem;
}
.pd-slider.royalSlider.rsMinw img.rsImg {
  margin: 0 !important;
  width: 36rem;
  height: 36rem;
}
.pd-slider.royalSlider.rsMinw .rsOverflow {
  width: 36rem !important;
  height: 36rem !important;
  overflow: hidden;
  float: none;
}
.pd-slider.royalSlider.rsMinw .rsThumbs {
  box-sizing: border-box;
  float: none;
  width: 36rem;
  height: 12rem;
  padding-top: 1.6rem;
}
.pd-slider.royalSlider.rsMinw .rsThumb {
  box-sizing: border-box;
  width: 9rem;
  padding: 0 1rem;
}
.pd-slider.royalSlider.rsMinw .rsThumb img {
  width: 100%;
  box-sizing: border-box;
}
.pd-slider.royalSlider.rsMinw .rsImg {
  cursor: pointer;
}
.pd-slider.royalSlider.rsMinw .icon-c-enlarge {
  display: none;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  left: 0;
  font-size: 2.4rem;
  z-index: 99;
  color: #1b3f8c;
  background-color: #d7eefe;
  padding: 0.3rem;
  border-top-right-radius: 1rem;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pd-slider.royalSlider.rsMinw .icon-c-enlarge:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.pd-slider.royalSlider.rsMinw.tns-active .icon-c-enlarge {
  display: inline-block;
}
.pd-slider.royalSlider.rsMinw .rsArrow {
  display: block;
  position: absolute;
  top: 17rem;
  width: 5rem;
  height: 5rem;
  background-color: #c6dcf1;
  border-radius: 50%;
}
.pd-slider.royalSlider.rsMinw .rsArrow .rsArrowIcn {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  height: auto;
  color: #1b3f8c;
}
.pd-slider.royalSlider.rsMinw .rsArrow .rsArrowIcn:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: "\e938";
  font-size: 0.7rem;
}
.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowLeft {
  left: -6rem;
}
.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowLeft .rsArrowIcn:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowRight {
  right: -6rem;
}
.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowRight .rsArrowIcn:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.pd-details {
  float: right;
  width: 33rem;
}
.pd-details .badge {
  font-size: 1.2rem;
  padding: 0.3rem 0.5rem;
  margin-bottom: 0.7rem;
}
.pd-details .product-name {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 2.2rem;
  letter-spacing: -0.03em;
  line-height: 1.3em;
  margin-bottom: 1rem;
}
.pd-details .product-blue {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  color: #6dbff3;
  margin-bottom: 1.2rem;
}
.pd-details .product-desc {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.58em;
  margin-bottom: 2rem;
}
.pd-details .d2c-price {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 0.8rem;
}
.pd-details .product-unit-price {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #7a93c6;
  border-bottom: dashed 1px #b3cae8;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  opacity: 1;
}
.pd-details .product-check-list {
  padding-bottom: 0.3rem;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 1.6rem;
}
.pd-details .product-check-list ul {
  color: #1b3f8c;
}
.pd-details .product-check-list ul li {
  position: relative;
  font-family: 'regular', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.58em;
  margin-bottom: 0.5rem;
  padding-left: 2.7rem;
  margin-bottom: 1.2rem;
}
.pd-details .product-check-list ul li:before {
  display: block;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  position: absolute;
  text-align: center;
  top: 0.2rem;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: solid 1px #1b3f8c;
  border-radius: 50%;
  font-size: 0.7rem;
}
.pd-details .product-skt {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  padding-bottom: 1.6rem;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 1.6rem;
}
.pd-details .d2c-add-to-basket {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  border-bottom: dashed 1px #b3cae8;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.pd-details .d2c-add-to-basket .button {
  text-align: center;
  border-radius: 2rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin-left: 1.2rem;
  flex-grow: 2;
  white-space: nowrap;
}
.pd-details .d2c-add-to-basket .amount-form {
  height: 3.6rem;
  background-color: transparent;
  border: solid 1px #1b3f8c;
  border-radius: 2rem;
  color: #1b3f8c;
}
.pd-details .d2c-add-to-basket .amount-form .amount-indicator,
.pd-details .d2c-add-to-basket .amount-form .minus,
.pd-details .d2c-add-to-basket .amount-form .plus {
  line-height: 3.6rem;
  height: 3.6rem;
}
.pd-details .d2c-buy-now {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.7rem;
}
.pd-details .d2c-buy-now .button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border-radius: 2rem;
  height: 3.6rem;
  line-height: 3.6rem;
}
.pd-badges {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 9.4rem;
  border-top: dashed 1px #b3cae8;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 6rem;
}
.pd-badges .badge {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  margin: 0 2.6rem;
  padding-left: 5rem;
  font-size: 1.2rem;
  line-height: 1.34em;
  color: #1b3f8c;
  text-align: left;
}
.pd-badges .badge i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  font-size: 3.3rem;
}
.pd-tab-links {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
}
.pd-tab-links a {
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
  padding-bottom: 2.9rem;
  color: #1b3f8c;
  margin: 0 4.3rem;
  white-space: nowrap;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.pd-tab-links a:after {
  position: absolute;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 0.6rem;
  left: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  background-color: #1b3f8c;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease;
  transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease;
}
.pd-tab-links a.active {
  color: #5fbeec;
}
.pd-tab-links a.active:after {
  background-color: #5fbeec;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.pd-tab-links a br {
  display: none;
}
.pd-tab-contents {
  position: relative;
  padding: 6.4rem 0 0;
  width: 66.6rem;
  margin: 0 auto;
}
.pd-info-section {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 4.4rem;
  padding-bottom: 4.4rem;
}
.pd-info-section .content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.pd-info-section .img {
  width: 32.3rem;
}
.pd-info-section .img img {
  width: 100%;
  box-sizing: border-box;
}
.pd-info-section .img.shadow {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
}
.pd-info-section .img.radius {
  border-radius: 1.2rem;
  overflow: hidden;
}
.pd-info-section .text {
  font-family: 'regular', arial, helvetica, sans-serif;
  width: 27.1rem;
  font-size: 1.4rem;
  line-height: 1.58em;
  color: #6174b0;
}
.pd-info-section .text p {
  margin-bottom: 3.4rem;
}
.pd-info-section .text p:last-child {
  margin-bottom: 0;
}
.pd-info-section .text strong {
  font-family: 'medium', arial, helvetica, sans-serif;
}
.pd-info-section .text big {
  font-size: 1.29em;
}
.pd-info-section .text small {
  font-size: 0.86em;
}
.pd-info-section.left .content {
  flex-direction: row;
}
.pd-info-section.right .content {
  flex-direction: row-reverse;
}
.pd-sticky-buy {
  display: none;
}
.pd-sticky-buy .button {
  white-space: nowrap;
}
.tns-modal {
  width: 100%;
  height: 100%;
  padding: 0;
}
.product-family {
  width: 100%;
  box-sizing: border-box;
  background-color: #1b3f8c;
  padding: 5.5rem 0 8rem 0;
}
.product-family .content {
  text-align: center;
  color: #fff;
  width: 94rem;
  margin: 0 auto;
}
.product-family .content:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.product-family .content .cap {
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 3rem;
}
.product-family .content .cap i {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 8.1rem;
  margin-bottom: 0.1rem;
}
.product-family .content img {
  display: inline-block;
}
.product-family .content p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  width: 65%;
  margin: 1rem auto 7rem;
  line-height: 1.6em;
}
.product-family .content .alt-cap {
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.6em;
}
.product-family .content .alt-cap strong {
  display: block;
}
.product-family .content .btn {
  margin-top: 2rem;
}
.product-list-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #646464;
  text-align: center;
}
.product-list-item figure {
  display: block;
  width: 70%;
  box-sizing: border-box;
  margin: 0 auto;
}
.product-list-item figure img {
  width: 100%;
  box-sizing: border-box;
}
.product-list-item .cap {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  margin-top: 1.9rem;
  line-height: 1.4em;
}
.product-list-item .detail {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.4rem;
  padding-left: 2.5rem;
  margin-bottom: 2rem;
}
.product-list-item .detail i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.3em;
  left: 0;
  top: 40%;
}
.product-list-item:hover,
.product-list-item:active {
  color: #fdbe00;
}
.product-list .product-list-item figure {
  width: 62.7%;
}
.product-list .product-list-item .cap {
  font-family: 'regular', arial, helvetica, sans-serif;
  width: 70%;
  font-size: 1.6rem;
  margin: 1.2rem auto 0;
  height: 8.6rem;
  overflow: hidden;
}
.product-slider-cont {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 9rem 0 9.5rem;
  color: #1b3f8c;
}
.product-slider-cont h1,
.product-slider-cont h2,
.product-slider-cont h3 {
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 3rem;
  line-height: 1.4em;
}
.product-slider-cont h1 i,
.product-slider-cont h2 i,
.product-slider-cont h3 i {
  display: inline-block;
  font-size: 8rem;
}
.product-slider-cont p {
  font-family: 'regular', arial, helvetica, sans-serif;
  position: relative;
  line-height: 1.4em;
  margin: 0 auto;
  width: 57.3rem;
  max-width: 100%;
  font-size: 1.6rem;
  padding: 1.1rem 0 2.6rem;
}
.product-slider-cont p:after {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 3.75em;
  content: "";
  height: 0.188em;
  background-color: #1b3f8c;
}
.product-slider {
  display: block;
  width: 116rem;
  margin: 0 auto;
  margin-top: 6rem;
}
.product-slider.gutter {
  width: 117.6rem;
}
.product-slider .item {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2rem;
}
.product-slider.owl-carousel .owl-nav {
  display: none;
}
.product-slider.owl-carousel .owl-dots {
  display: block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding-top: 8.7rem;
}
.product-slider.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #1b3f8c;
  margin: 0 0.7rem;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.product-slider.owl-carousel .owl-dots .owl-dot span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  border-radius: 50%;
}
.product-slider.owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}
.product-group-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 64rem;
  top: 4.4rem;
  z-index: 4;
}
.product-detail-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 3.5rem;
  width: 30rem;
  z-index: 4;
}
.product-category-list {
  padding-top: 2rem;
}
.product-category-list:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.product-category-list h1,
.product-category-list h2,
.product-category-list h3 {
  font-family: 'semibold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 2rem;
  padding-bottom: 1.2rem;
  box-sizing: border-box;
  border-bottom: solid 0.3rem #1b3f8c;
}
.product-category-list p {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  margin-top: 1.6rem;
  color: #646464;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.product-category-list.special-products.grid.gutter .g {
  margin: 0;
}
.product-category-list.special-products .product-list .product-list-item figure {
  width: 70%;
}
.product-list {
  text-align: center;
  margin: 1rem auto 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product-list.grid.gutter .g {
  float: none;
  margin: 0 0 6.5rem;
  padding: 0;
}
.product-list.grid.gutter .g .btn {
  margin-top: 1rem;
  padding-right: 3rem;
  padding-left: 5.6rem;
}
.product-list.grid.gutter .g .btn i {
  left: 1.6rem;
}
.product-special-banner {
  display: block;
  width: 116rem;
  margin: 5rem auto 8rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.product-gold-banner {
  width: 100%;
  box-sizing: border-box;
  font-family: 'semibold', arial, helvetica, sans-serif;
  text-align: center;
  background-color: #1b3f8c;
  color: #fff;
  font-size: 1.6rem;
}
.product-gold-banner .g-width {
  position: relative;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.product-gold-banner .g-width img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.product-gold-banner .g-width strong {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5.2rem;
}
.product-gold-banner .g-width .btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3.4rem;
}
.product-gold-banner .g-width .btn span,
.product-gold-banner .g-width .btn i {
  display: none;
}
.product-filter-bar {
  position: relative;
  box-sizing: border-box;
  width: 113rem;
  margin: 0 auto 3.2rem;
  padding: 3.5rem 0 2rem;
  z-index: 9;
  border-bottom: solid 0.3rem #e8ebf3;
}
.product-filter-bar:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.product-filter-bar .left {
  position: relative;
  float: left;
  width: 78rem;
}
.product-filter-bar .left .cap {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  margin-right: 0.8rem;
}
.product-filter-bar .left .filter-item {
  display: inline-block;
  position: relative;
}
.product-filter-bar .left .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.product-filter-bar .left .filter-item input + label {
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  font-size: 1.6rem;
  color: #fff;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 1.8rem;
  padding: 0 1.8rem;
  letter-spacing: -0.03em;
  cursor: pointer;
  margin-left: 1rem;
  background-color: transparent;
  border: solid 1px #1b3f8c;
  color: #1b3f8c;
  white-space: nowrap;
}
.product-filter-bar .left .filter-item input:checked + label {
  color: #fff;
  background-color: #4b61a5;
  border-color: #4b61a5;
  padding-right: 4rem;
  box-shadow: 0 0.4rem 4rem 0 rgba(104, 195, 238, 0.85);
}
.product-filter-bar .left .filter-item input:checked + label:after {
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e92b";
  font-size: 1.2em;
  right: 1rem;
}
.product-filter-bar .left .all {
  display: inline-block;
  vertical-align: middle;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  margin-left: 3rem;
  text-decoration: underline;
}
.product-filter-bar .right {
  position: relative;
  float: right;
  text-align: right;
  width: 34.5rem;
}
.product-filter-bar .filter-button {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 1.4rem;
  letter-spacing: -0.025em;
  line-height: 5rem;
  border-radius: 1.2rem;
  padding: 0 4.4rem 0 5rem;
  color: #fff;
  background-color: #ffb400;
}
.product-filter-bar .filter-button:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  right: 1.8rem;
  font-size: 1.2em;
}
.product-filter-bar .filter-button:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6em;
}
.product-filter-bar .filter-button.filter {
  margin-right: 1.3rem;
}
.product-filter-bar .filter-button.filter:before {
  content: "\e91d";
  font-size: 1.4em;
  left: 1.8rem;
}
.product-filter-bar .filter-button.sort:before {
  content: "\e92a";
  left: 1.8rem;
}
.product-filter-bar .filter-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  top: 0;
  left: 0;
}
.product-filter-bar .selection {
  display: none;
  position: absolute;
  box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1);
  font-family: 'regular', arial, helvetica, sans-serif;
  -webkit-transition: opacity 0.2s linear, transform 0.3s ease;
  transition: opacity 0.2s linear, transform 0.3s ease;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  font-size: 1.4rem;
  border-radius: 1.2rem;
  background-color: #fff;
  z-index: 99;
  color: #1b3f8c;
}
.product-filter-bar .selection.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.product-filter-bar .selection.filter {
  box-sizing: border-box;
  width: 32rem;
  padding: 2.8rem 3rem 2rem;
  right: 0;
  top: 10rem;
}
.product-filter-bar .selection.filter:before {
  left: 9.4rem;
}
.product-filter-bar .selection.filter > ul {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  color: #1b3f8c;
}
.product-filter-bar .selection.filter > ul > li {
  width: 100%;
  box-sizing: border-box;
}
.product-filter-bar .selection.filter > ul > li strong {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  line-height: 1.5em;
  padding-bottom: 2rem;
  margin: 2rem 0;
  border-bottom: solid 0.3rem #f3f5f9;
}
.product-filter-bar .selection.filter > ul > li .filter-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-bottom: solid 0.3rem #f3f5f9;
  margin-bottom: 2.5rem;
}
.product-filter-bar .selection.filter > ul > li .filter-item:last-child {
  border: none;
  margin-bottom: 0;
}
.product-filter-bar .selection.filter > ul > li .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.product-filter-bar .selection.filter > ul > li .filter-item input + label {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  padding-left: 3.7rem;
  line-height: 2rem;
  margin-bottom: 2.3rem;
}
.product-filter-bar .selection.filter > ul > li .filter-item input + label:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  content: "";
  left: 0;
  width: 2rem;
  height: 2rem;
  border: solid 1px #1b3f8c;
  border-radius: 0.4rem;
  opacity: 0.2;
}
.product-filter-bar .selection.filter > ul > li .filter-item input:checked + label:before {
  opacity: 1;
}
.product-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after {
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  font-size: 0.6em;
}
.product-filter-bar .selection.sort {
  box-sizing: border-box;
  width: 32.5rem;
  top: 10rem;
  right: 0;
  padding: 2.8rem 5rem 5rem;
}
.product-filter-bar .selection.sort:before {
  right: 2rem;
}
.product-filter-bar .selection.sort .list {
  width: 100%;
  box-sizing: border-box;
  padding-top: 2.4rem;
}
.product-filter-bar .selection.sort .list .filter-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-bottom: solid 0.3rem #f3f5f9;
  margin-bottom: 2.5rem;
}
.product-filter-bar .selection.sort .list .filter-item:last-child {
  border: none;
  margin-bottom: 0;
}
.product-filter-bar .selection.sort .list .filter-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.product-filter-bar .selection.sort .list .filter-item input + label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  padding-left: 3.7rem;
  margin-bottom: 2.2rem;
  line-height: 2rem;
}
.product-filter-bar .selection.sort .list .filter-item input + label:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  content: "";
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: solid 1px #1b3f8c;
}
.product-filter-bar .selection.sort .list .filter-item input:checked + label:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #1b3f8c;
  top: 1rem;
  left: 0.6rem;
  border-radius: 50%;
}
.pd-cont {
  box-sizing: border-box;
  position: relative;
  width: 136rem;
  margin: 2.8rem auto 0;
  border-radius: 2.6rem;
  background-color: #f4f1ec;
  padding: 11rem 23rem 3.9rem;
}
.pd-cont:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.pd-slider-cont {
  float: left;
  width: 36rem;
  height: 51.6rem;
  margin-bottom: 2.8rem;
}
.pd-slider.royalSlider.rsMinw {
  width: 36rem;
  height: 51.6rem;
}
.pd-slider.royalSlider.rsMinw img.rsImg {
  margin: 0 !important;
  width: 36rem;
  height: 36rem;
}
.pd-slider.royalSlider.rsMinw .rsOverflow {
  width: 36rem !important;
  height: 36rem !important;
  overflow: hidden;
  float: none;
}
.pd-slider.royalSlider.rsMinw .rsThumbs {
  box-sizing: border-box;
  float: none;
  width: 36rem;
  height: 12rem;
  padding-top: 1.6rem;
}
.pd-slider.royalSlider.rsMinw .rsThumb {
  box-sizing: border-box;
  width: 8.9rem;
  padding: 0 1rem;
}
.pd-slider.royalSlider.rsMinw .rsThumb img {
  width: 100%;
  box-sizing: border-box;
}
.pd-slider.royalSlider.rsMinw .icon-c-enlarge {
  display: none;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  left: 0;
  font-size: 2.4rem;
  z-index: 99;
  color: #1b3f8c;
  background-color: #f4f1ec;
  padding: 0.3rem;
  border-top-right-radius: 1rem;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pd-slider.royalSlider.rsMinw .icon-c-enlarge:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.pd-slider.royalSlider.rsMinw.tns-active .icon-c-enlarge {
  display: inline-block;
}
.pd-details {
  float: right;
  width: 33rem;
  color: #1b3f8c;
}
.pd-details .badge {
  display: inline-block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  border-radius: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0.7rem;
  background-color: #00cabe;
}
.pd-details .product-name {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.03em;
  line-height: 1.3em;
  margin-bottom: 1rem;
}
.pd-details .product-blue {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  color: #1da0f1;
  margin-bottom: 1.2rem;
}
.pd-details .product-desc {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.58em;
  margin-bottom: 2rem;
}
.pd-details .d2c-price {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 1.7rem;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 1.6rem;
}
.pd-details .d2c-price .src-styles-themes-mutlubebekler-yellow-index__ctPrice--2u8A0__container {
  text-align: left;
}
.pd-details .d2c-price .src-styles-themes-mutlubebekler-yellow-index__price--yZuao {
  justify-content: flex-start;
}
.pd-details .product-check-list {
  padding-bottom: 0.3rem;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 2.7rem;
}
.pd-details .product-check-list ul {
  color: #1b3f8c;
}
.pd-details .product-check-list ul li {
  position: relative;
  font-family: 'regular', arial, helvetica, sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.58em;
  margin-bottom: 0.5rem;
  padding-left: 2.7rem;
  margin-bottom: 1.2rem;
}
.pd-details .product-check-list ul li:before {
  display: block;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  position: absolute;
  text-align: center;
  top: 0.2rem;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: solid 1px #1b3f8c;
  border-radius: 50%;
  font-size: 0.7rem;
}
.pd-details .d2c-add-to-basket {
  width: 100%;
  box-sizing: border-box;
}
.pd-badges {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 9.4rem;
  border-top: dashed 1px #b3cae8;
  border-bottom: dashed 1px #b3cae8;
  margin-bottom: 6rem;
}
.pd-badges .badge {
  position: relative;
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  margin: 0 2.6rem;
  padding-left: 5rem;
  font-size: 1.2rem;
  line-height: 1.34em;
  color: #1b3f8c;
  text-align: left;
}
.pd-badges .badge i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  font-size: 3.3rem;
}
.pd-tab-links {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
}
.pd-tab-links a {
  display: inline-block;
  font-family: 'medium', arial, helvetica, sans-serif;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
  padding-bottom: 2.9rem;
  color: #1b3f8c;
  margin: 0 4.3rem;
  white-space: nowrap;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.pd-tab-links a:after {
  position: absolute;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 0.6rem;
  left: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  background-color: #1b3f8c;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease;
  transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease;
}
.pd-tab-links a.active {
  color: #1da0f1;
}
.pd-tab-links a.active:after {
  background-color: #1da0f1;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.pd-tab-links a br {
  display: none;
}
.pd-tab-contents {
  position: relative;
  padding: 6.4rem 0 0;
  width: 66.6rem;
  margin: 0 auto;
}
.tns-modal {
  width: 100%;
  height: 100%;
  padding: 0;
}
.blank-delivery-address,
.blank-invoice-address,
.blank-member-orders,
.blank-member-promotions {
  font-family: 'medium', arial, helvetica, sans-serif;
  text-align: center;
  font-size: 1.6rem;
  padding: 3.2rem;
}
.page.my-orders .page-banner {
  margin-bottom: 3.7rem;
}
.page.my-orders .list-product-images {
  width: 9rem;
  margin-right: 0.5rem;
  white-space: nowrap;
}
.page.my-orders .list-product-images .img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-family: 'medium', arial, helvetica, sans-serif;
  box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 1.4rem;
  line-height: 3.4rem;
  width: 3.4rem;
  height: 3.4rem;
  background-color: #fff;
  margin-right: -2rem;
  border-radius: 50%;
  opacity: 0.8;
}
.page.my-orders .list-product-images .img img {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.page.my-orders .list-product-images .img:nth-child(1) {
  z-index: 1;
}
.page.my-orders .list-product-images .img:nth-child(2) {
  z-index: 2;
}
.page.my-orders .list-product-images .img:nth-child(3) {
  z-index: 3;
}
.page.my-orders .list-order-id {
  width: 23.4rem;
  margin-right: 2rem;
}
.page.my-orders .list-order-id .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  letter-spacing: -0.03em;
  margin-bottom: 1rem;
}
.page.my-orders .list-order-id .info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  opacity: 0.7;
}
.page.my-orders .list-order-status {
  width: 32.5rem;
  margin-right: 2rem;
}
.page.my-orders .list-order-status .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  letter-spacing: -0.03em;
  margin-bottom: 1rem;
}
.page.my-orders .list-order-status .info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  opacity: 0.7;
}
.page.my-orders .list-total {
  width: 8.2rem;
  margin-right: 2rem;
}
.page.my-orders .list-total .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  letter-spacing: -0.03em;
  margin-bottom: 1rem;
}
.page.my-orders .list-total .info {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 2rem;
  white-space: nowrap;
}
.page.my-orders .list-arrow {
  width: 3.3rem;
  text-align: right;
  font-size: 1rem;
}
.page.my-orders .list-arrow i {
  display: inline-block;
  -webkit-transform: rotate(-90deg) translateY(0);
  -ms-transform: rotate(-90deg) translateY(0);
  transform: rotate(-90deg) translateY(0);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.page.my-orders.detail .page-banner.small {
  height: 18rem;
  background-color: #ebf7ff;
}
.page.my-orders.detail .page-banner.small .back-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1b3f8c;
  left: 10.8rem;
}
.page.my-orders.detail .page-banner.small .text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: auto;
  height: auto;
}
.page.my-orders.detail .page-banner.small .text .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  color: #1b3f8c;
}
.order-list {
  box-sizing: border-box;
  width: 90rem;
  margin: 0 auto;
}
.order-list .order {
  width: 100%;
  box-sizing: border-box;
  box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 12.8rem;
  padding: 0 2.6rem;
  border: solid 1px #ebebf1;
  border-radius: 2.6rem;
  margin-bottom: 2rem;
}
.order-list .order:hover,
.order-list .order:active {
  box-shadow: -2.4rem 1.4rem 4.6rem 0 rgba(0, 0, 0, 0.1);
}
.order-list .order:hover .list-arrow i,
.order-list .order:active .list-arrow i {
  -webkit-transform: rotate(-90deg) translateY(1rem);
  -ms-transform: rotate(-90deg) translateY(1rem);
  transform: rotate(-90deg) translateY(1rem);
}
.order-detail {
  box-sizing: border-box;
  width: 90rem;
  margin: 0 auto;
  padding: 2.6rem;
  border: solid 1px #ebebf1;
  border-radius: 2.6rem;
  margin-bottom: 2rem;
  box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.order-detail .list-total {
  width: 11.5rem;
  text-align: right;
}
.order-detail .order-product {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 3rem 0;
}
.order-detail .order-product .img {
  width: 5rem;
  margin-right: 3rem;
}
.order-detail .order-product .img img {
  width: 100%;
  box-sizing: border-box;
}
.order-detail .order-product .text {
  width: 51rem;
  margin-right: 3rem;
}
.order-detail .order-product .text .name {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.order-detail .order-product .text .price {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.order-detail .order-product .text .price .old {
  display: block;
  text-decoration: line-through;
  font-size: 0.8em;
}
.order-detail .order-product .button {
  font-size: 1.4rem;
  line-height: 3rem;
  height: 3rem;
}
.order-detail .return-box {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #eccd76;
  border-radius: 2.6rem;
  overflow: hidden;
  margin-bottom: 2.8rem;
  color: #1b3f8c;
}
.order-detail .return-box .return-info {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff6de;
  padding: 2rem 2.4rem;
}
.order-detail .return-box .return-info .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #e7c054;
  margin-bottom: 1.4rem;
}
.order-detail .return-box .return-info .text {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  margin-bottom: 1.4rem;
}
.order-detail .return-box .return-info .info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.order-detail .return-box .return-info .info b {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.order-detail .order {
  width: 100%;
  box-sizing: border-box;
}
.order-detail .order .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 12.8rem;
}
.order-detail .order .order-info-bar {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  border-radius: 1.2rem;
  height: 6rem;
  line-height: 6rem;
  padding: 0 2.8rem;
  background-color: #eff9ff;
  color: #1b3f8c;
  margin: 2rem auto 3.4rem;
}
.order-detail .order .order-info-bar .button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2.8rem;
}
.order-detail .order .order-info-bar i {
  display: inline-block;
  vertical-align: middle;
}
.order-detail .order .order-info-bar span {
  display: inline-block;
  vertical-align: middle;
}
.order-detail .order .order-info-bar.blue {
  background-color: #6dbff3;
  color: #fff;
}
.order-detail .order .order-info-bar.yellow {
  background-color: #e7c054;
  color: #fff;
}
.order-detail .order .order-info-bar.green {
  background-color: #018f15;
  color: #fff;
}
.order-detail .order .content {
  width: 100%;
  box-sizing: border-box;
}
.order-detail .order .content .tab-links {
  padding-left: 3.7rem;
}
.order-detail .order .content .tab-links a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  padding-bottom: 1.6rem;
  color: #1b3f8c;
  margin-right: 4rem;
}
.order-detail .order .content .tab-links a .only-mobile {
  display: none;
}
.order-detail .order .content .tab-links a:after {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s;
  transition: transform 0.2s, opacity 0.2s, background-color 0.2s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  left: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  height: 0.4rem;
}
.order-detail .order .content .tab-links a.active {
  color: #5fbeec;
}
.order-detail .order .content .tab-links a.active:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
  background-color: #5fbeec;
}
.order-detail .order .content .tab-contents {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.order-detail .order .content .tab-contents .tab-content {
  display: none;
  width: 100%;
  box-sizing: border-box;
}
.order-detail .order .content .tab-contents .tab-content .cont {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #e8ebf4;
  border-radius: 2.6rem;
  overflow: hidden;
  margin-bottom: 2.8rem;
}
.order-detail .order .content .tab-contents .tab-content .return-bottom {
  width: 100%;
  box-sizing: border-box;
  padding: 2.6rem;
  background-color: #eff9ff;
  text-align: right;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2.6rem;
  background-color: #eff9ff;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .mini-cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1rem;
  opacity: 0.5;
  margin-bottom: 1rem;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .text {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .status {
  width: 18rem;
  margin-right: 2rem;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .cargo {
  width: 13.2rem;
  margin-right: 2rem;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .number {
  width: 10.8rem;
  margin-right: 2rem;
}
.order-detail .order .content .tab-contents .tab-content .info-bottom .date {
  width: 17.6rem;
}
.order-detail .order .content .products {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2.6rem;
}
.order-detail .order .content .products .shipment-cap {
  width: 100%;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  padding: 2.6rem 0;
}
.order-detail .order .content .order-information {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem;
}
.order-detail .order .content .order-information .adresses {
  width: 49rem;
}
.order-detail .order .content .order-information .adresses .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 2rem;
  margin-bottom: 2.4rem;
}
.order-detail .order .content .order-information .adresses .adress {
  box-sizing: border-box;
  width: 80%;
  margin-bottom: 3rem;
}
.order-detail .order .content .order-information .adresses .adress.margin-bottom {
  margin-bottom: 7rem;
}
.order-detail .order .content .order-information .adresses .adress .adress-cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin-bottom: 1rem;
}
.order-detail .order .content .order-information .adresses .adress .adress-info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4em;
}
.order-detail .order .content .order-information .adresses .legal {
  width: 100%;
  box-sizing: border-box;
  border-top: solid 1px #e8ebf4;
  padding-top: 3.4rem;
}
.order-detail .order .content .order-information .adresses .legal a {
  display: inline-block;
  vertical-align: middle;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-right: 3rem;
}
.order-detail .order .content .order-information .adresses .legal a:hover,
.order-detail .order .content .order-information .adresses .legal a:active {
  color: #000;
  text-decoration: underline;
}
.order-detail .order .content .order-information .payment-box {
  box-sizing: border-box;
  width: 32.5rem;
  background-color: #d7eefe;
  border-radius: 2.6rem;
  padding: 3rem 2rem;
}
.order-detail .order .content .order-information .payment-box .payment-cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.order-detail .order .content .order-information .payment-box .payment-info {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.6rem;
  border-bottom: solid 1px #c4dcf3;
}
.order-detail .order .content .order-information .payment-box .payment-info span {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.order-detail .order .content .order-information .payment-box .payment-info span.light {
  font-family: 'medium', arial, helvetica, sans-serif;
}
.order-detail .order .content .order-information .payment-box .payment-info img {
  max-width: 4.7rem;
}
.order-detail .order .content .order-information .payment-box .price {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
}
.order-detail .order .content .order-information .payment-box .price .cap,
.order-detail .order .content .order-information .payment-box .price .amount {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.order-detail .order .content .order-information .payment-box .price .amount {
  text-align: right;
}
.order-detail .order .content .order-information .payment-box .price .amount .old {
  display: block;
  text-decoration: line-through;
  font-size: 0.8em;
}
.order-detail .order .content .order-information .payment-box .price.total {
  border-top: solid 1px #c4dcf3;
}
.order-detail .order .content .order-information .payment-box .campaign-info {
  width: 100%;
  box-sizing: border-box;
  padding: 1.4rem 1.2rem;
  background-color: #fff;
  border-radius: 0.8rem;
  margin-bottom: 1.5rem;
}
.order-detail .order .content .order-information .payment-box .campaign-info .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.5rem;
  opacity: 0.7;
  line-height: 1.4em;
}
.order-detail .order .content .order-information .payment-box .campaign-info .info {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4em;
  opacity: 0.7;
}
.address-list {
  width: 90rem;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.address-list .tab-links {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.address-list .tab-links a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  padding-bottom: 1.6rem;
  color: #1b3f8c;
  margin-right: 4rem;
}
.address-list .tab-links a:after {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s;
  transition: transform 0.2s, opacity 0.2s, background-color 0.2s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  left: 0;
  bottom: 0;
  opacity: 0;
  content: "";
  height: 0.4rem;
}
.address-list .tab-links a.active {
  color: #5fbeec;
}
.address-list .tab-links a.active:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
  background-color: #5fbeec;
}
.address-list .tab-contents {
  width: 100%;
  box-sizing: border-box;
}
.address-list .tab-contents .tab-content {
  display: none;
  width: 100%;
  box-sizing: border-box;
}
.address-list .address {
  width: 100%;
  box-sizing: border-box;
  box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  color: #1b3f8c;
  line-height: 1.57em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.8rem 3.3rem;
  margin-bottom: 2rem;
  border-radius: 2.6rem;
}
.address-list .address .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.address-list .address .info {
  font-family: 'regular', arial, helvetica, sans-serif;
}
.address-list .address .buttons .button:first-child {
  margin-right: 0.5rem;
}
.address-list .buttons {
  text-align: right;
}
.coupon-list {
  box-sizing: border-box;
  width: 90rem;
  margin: 0 auto;
}
.coupon-list .coupon {
  width: 100%;
  box-sizing: border-box;
  box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 3rem 3.6rem;
  border: solid 1px #ebebf1;
  border-radius: 2.6rem;
  margin-bottom: 2rem;
}
.coupon-list .coupon:hover,
.coupon-list .coupon:active {
  box-shadow: -2.4rem 1.4rem 4.6rem 0 rgba(0, 0, 0, 0.1);
}
.coupon-list .coupon:hover .list-arrow i,
.coupon-list .coupon:active .list-arrow i {
  -webkit-transform: rotate(-90deg) translateY(1rem);
  -ms-transform: rotate(-90deg) translateY(1rem);
  transform: rotate(-90deg) translateY(1rem);
}
.coupon-list .coupon .cap {
  display: block;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  margin-bottom: 1.3rem;
}
.coupon-list .coupon .text {
  display: block;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #6174b0;
}
.coupon-list .coupon > a {
  font-family: 'bold', arial, helvetica, sans-serif;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  font-size: 1.4rem;
  color: #1b3f8c;
  text-decoration: underline;
}
.coupon-list .coupon > a:hover,
.coupon-list .coupon > a:active {
  color: #000;
}
.coupon-list .coupon .name {
  width: 21.2rem;
  margin-right: 2rem;
}
.coupon-list .coupon .time {
  width: 20.5rem;
  margin-right: 2rem;
}
.coupon-list .coupon .code {
  cursor: pointer;
  width: 20.5rem;
  margin-right: 2rem;
}
.coupon-list .coupon .copy {
  color: #6dbff3;
}
/*component*/
.instagram-babies {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 6.2rem 0 4rem;
  margin: 0 auto;
  height: 88.7rem;
  background: #feda7a url(/assets/images/instagram-bg.jpg) no-repeat 0 0;
  background-size: cover;
  overflow: hidden;
}
.instagram-babies .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 5rem;
  color: #1b3f8c;
  letter-spacing: 0.05em;
}
.instagram-babies .info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.34em;
  color: #646464;
  width: 77.5rem;
  margin: 4rem auto 9rem;
}
.instagram-babies .instagram-feed {
  position: relative;
  width: 102rem;
  height: 44rem;
  margin: 0 auto 8.4rem;
  overflow: visible;
}
.instagram-babies .instagram-feed li {
  position: absolute;
  top: 0;
  width: 34.2rem;
  height: 44rem;
}
.instagram-babies .instagram-feed li .instagram-card {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  box-shadow: 0 0 3.3rem 1rem rgba(0, 0, 0, 0.1);
}
.instagram-babies .instagram-feed li.i-left {
  left: 0;
  z-index: 2;
}
.instagram-babies .instagram-feed li.i-right {
  right: 0;
  z-index: 2;
}
.instagram-babies .instagram-feed li.i-middle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 39.4rem;
  height: 50.7rem;
  z-index: 3;
}
.instagram-babies .instagram-feed li.i-middle:after {
  display: none;
}
.instagram-card {
  position: relative;
  width: 34.2rem;
  height: 44rem;
  padding: 4rem 1.7rem 4.7rem;
  background-color: #fff;
  border-radius: 3rem;
  box-sizing: border-box;
}
.instagram-card .name-bar {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 2.7rem;
}
.instagram-card .name-bar .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}
.instagram-card .name-bar .avatar img {
  width: 100%;
  box-sizing: border-box;
}
.instagram-card .name-bar .name {
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  color: #2a2a2a;
}
.instagram-card .img {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 100%;
  overflow: hidden;
}
.instagram-card .img img {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
/*detay*/
.bvb {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.bvb-info {
  font-family: 'regular', arial, helvetica, sans-serif;
  width: 57%;
  font-size: 1.6rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  color: #646464;
  margin: 4.5rem auto 3.2rem;
  box-sizing: border-box;
}
.bvb-list {
  width: 116rem;
  margin: 0 auto;
}
.bvb-list:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.bvb-list .item {
  float: left;
  width: 32rem;
  margin: 3.3rem;
  height: 66rem;
}
.bvb-list .item .instagram-card {
  width: 32rem;
  height: 39rem;
  padding: 3rem 1.7rem 0;
}
.bvb-list .item .instagram-card .name-bar {
  margin-bottom: 1.7rem;
}
.bvb-list .item .info {
  padding: 3.7rem 0.8rem 0;
  overflow: hidden;
}
.bvb-list .item .info h3 {
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 1.6em;
  color: #646464;
}
.bvb-list .item .info p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  color: #646464;
  margin-top: 0.5rem;
  line-height: 1.6em;
}
.category-list.egitim-paketi .content-list-item {
  height: 42rem;
}
.category-list.egitim-paketi .content-list-item figure {
  height: 32.4rem;
}
.content-test {
  display: block;
  box-sizing: border-box;
  width: 95.6rem;
  border-radius: 1rem;
  background-color: #f4f1eb;
  padding: 6.3rem 10.4rem;
  margin: 0 auto;
}
.content-test .spot {
  margin-bottom: 8rem;
}
.content-test .test-result {
  display: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.content-test .test-result.show {
  display: block;
}
.content-test .test-result .que-image {
  display: block;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: 57rem;
  height: 32.2rem;
  border-radius: 1rem;
  overflow: hidden;
  margin: 0 auto 2.8rem;
}
.content-test .test-result .que-image.vid {
  height: 42.2rem;
}
.content-test .test-result .que-image img {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.content-test .test-result .que-text {
  text-align: center;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.5em;
  margin-bottom: 2.8rem;
}
.content-test .test-result .que-buttons {
  text-align: center;
  margin-bottom: 2.8rem;
}
.content-test .test-result .que-buttons .btn {
  display: none;
  margin: 0 2.8rem;
}
.content-test .test-result .que-buttons .btn.show {
  display: inline-block;
  vertical-align: middle;
}
.content-test .test-result a.modal-open.youtube {
  display: block;
  position: relative;
}
.content-test .test-result a.modal-open.youtube:before {
  position: absolute;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 8rem;
  z-index: 2;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}
.content-test .test-result a.modal-open.youtube:hover:before,
.content-test .test-result a.modal-open.youtube:active:before {
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
  transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
}
.content-test .test-counter {
  text-align: left;
  display: none;
  width: 57rem;
  margin: 0 auto 1rem;
}
.content-test .test-counter strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
}
.content-test .test-counter span {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
}
.content-test .test-counter a {
  display: inline-block;
  vertical-align: middle;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 2.9rem;
  height: 2.8rem;
  color: #fff;
  background-color: #fdbe00;
  padding: 0 1rem;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.content-test .test-counter a:hover,
.content-test .test-counter a:active {
  background-color: #fd9444;
}
.content-test .test-counter.show {
  display: block;
}
.content-test .test-counter .indicator {
  display: none;
}
.content-test .test-counter .indicator img {
  display: inline-block;
  width: auto;
}
.content-test .test-counter .indicator.show {
  display: inline-block;
  vertical-align: middle;
}
.test-question {
  display: block;
  width: 57rem;
  margin: 0 auto 7rem;
}
.test-question.hidden {
  display: none;
}
.test-question .que {
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin-bottom: 2rem;
}
.test-question .que-image {
  width: 100%;
  box-sizing: border-box;
  display: block;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 2.8rem;
}
.test-question .que-image img {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.test-question .que-image a {
  display: block;
}
.test-question .que-image a.modal-open.youtube {
  position: relative;
}
.test-question .que-image a.modal-open.youtube:before {
  position: absolute;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 8rem;
  z-index: 2;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}
.test-question .que-image a.modal-open.youtube:hover:before,
.test-question .que-image a.modal-open.youtube:active:before {
  -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
  -ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
  transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.1);
}
.test-question .answers {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: top;
  align-content: flex-start;
}
.test-question .answers li label {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  -webkit-transition: transform 0.1s linear, background-color 0.2s linear;
  transition: transform 0.1s linear, background-color 0.2s linear;
}
.test-question .answers li label:hover {
  -webkit-transform: scale(1.01) translateZ(0);
  -ms-transform: scale(1.01) translateZ(0);
  transform: scale(1.01) translateZ(0);
}
.test-question.type-text .answers {
  display: block;
}
.test-question.type-text .answers li {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.8rem;
}
.test-question.type-text .answers li input {
  display: none;
}
.test-question.type-text .answers li input + label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'semibold', arial, helvetica, sans-serif;
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  font-size: 1.6rem;
  line-height: 1.5em;
  cursor: pointer;
  border-radius: 1rem;
  padding: 2.3rem 2.3rem 2.3rem 6.2rem;
  background-color: #fff;
  color: #646464;
}
.test-question.type-text .answers li input + label span {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 1.7rem;
  left: 2.3rem;
  width: 3rem;
  height: 3rem;
  border: solid 0.3rem #dfdfdf;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.test-question.type-text .answers li input + label span:after {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: border-box;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  opacity: 0;
  background-color: #dfdfdf;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.test-question.type-text .answers li input:checked + label {
  background-color: #fdbe00;
  color: #fff;
}
.test-question.type-text .answers li input:checked + label span {
  border-color: #fff;
}
.test-question.type-text .answers li input:checked + label span:after {
  opacity: 1;
  background-color: #fff;
}
.test-question.type-image-large .answers li,
.test-question.type-image-small .answers li {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: calc(50% - 0.9rem);
  border-radius: 1rem;
  background-color: #fff;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.test-question.type-image-large .answers li input,
.test-question.type-image-small .answers li input {
  display: none;
}
.test-question.type-image-large .answers li input + label,
.test-question.type-image-small .answers li input + label {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  cursor: pointer;
  min-height: 33rem;
}
.test-question.type-image-large .answers li input + label .img,
.test-question.type-image-small .answers li input + label .img {
  width: 100%;
  box-sizing: border-box;
  height: 23rem;
  overflow: hidden;
}
.test-question.type-image-large .answers li input + label .img img,
.test-question.type-image-small .answers li input + label .img img {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.test-question.type-image-large .answers li input + label .text,
.test-question.type-image-small .answers li input + label .text {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  padding: 1.8rem 1.8rem 1.8rem 5rem;
  color: #646464;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.test-question.type-image-large .answers li input + label .text span,
.test-question.type-image-small .answers li input + label .text span {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 1.7rem;
  left: 1rem;
  width: 3rem;
  height: 3rem;
  border: solid 0.3rem #dfdfdf;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.test-question.type-image-large .answers li input + label .text span:after,
.test-question.type-image-small .answers li input + label .text span:after {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: border-box;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  opacity: 0;
  background-color: #dfdfdf;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.test-question.type-image-large .answers li input:checked + label,
.test-question.type-image-small .answers li input:checked + label {
  background-color: #fdbe00;
}
.test-question.type-image-large .answers li input:checked + label .text,
.test-question.type-image-small .answers li input:checked + label .text {
  color: #fff;
}
.test-question.type-image-large .answers li input:checked + label .text span,
.test-question.type-image-small .answers li input:checked + label .text span {
  border-color: #fff;
}
.test-question.type-image-large .answers li input:checked + label .text span:after,
.test-question.type-image-small .answers li input:checked + label .text span:after {
  opacity: 1;
  background-color: #fff;
}
.test-question.type-image-small .answers li {
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  width: calc(33.33% - 0.9rem);
}
.test-question.type-image-small .answers li input + label {
  min-height: 27rem;
}
.test-question.type-image-small .answers li input + label .img {
  height: 17rem;
}
.test-question.type-image-small .answers li input + label .text {
  padding: 1.8rem 1.5rem 1.8rem 5rem;
}
.test-question.type-image-small .answers li input + label .text span {
  left: 1rem;
}
#sms-uyelik {
  display: none;
}
.cepbebe-section {
  display: block;
  position: relative;
  width: 84%;
  background-color: #e9e9e9;
  padding: 3.8rem 4.6rem 10.5rem;
  border-radius: 1rem;
  margin: 4.2rem auto 4.2rem;
}
.cepbebe-section:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.cepbebe-section p {
  font-size: 1.7rem;
  line-height: 1.5em;
  margin: 0 auto;
}
.cepbebe-section p b {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.cepbebe-section .border-bottom {
  position: relative;
  display: inline-block;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.9em;
}
.cepbebe-section .border-bottom:after {
  display: block;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  content: "";
  height: 0.3rem;
  background-color: #ffcc00;
  left: 0;
  bottom: 0.3rem;
}
.cepbebe-section .border-bottom.only-mobile-inline-block {
  display: none;
}
.cepbebe-section .cbb-left {
  float: left;
  width: 40%;
}
.cepbebe-section .cbb-left h2 {
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #fdbe00;
  font-size: 5rem;
  line-height: 1.28em;
}
.cepbebe-section .cbb-left p {
  margin: 3rem auto 4rem;
}
.cepbebe-section .cbb-right {
  float: right;
  width: 39.4%;
}
.cepbebe-section .cbb-right img {
  width: 100%;
  box-sizing: border-box;
}
.cepbebe-section .cbb-bottom {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  font-family: 'regular', arial, helvetica, sans-serif;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  background-color: #e9a400;
  color: #fff;
  height: 7rem;
  line-height: 7rem;
  font-size: 1.6rem;
  padding: 0 4.2rem 0 9rem;
}
.cepbebe-section .cbb-bottom i {
  position: absolute;
  top: 0.6rem;
  left: 3rem;
  font-size: 3em;
}
.faq-tab {
  box-sizing: border-box;
  width: 90rem;
  text-align: center;
  margin: 5rem auto 5rem;
  border-bottom: solid 0.4rem #f4eee7;
}
.faq-tab a {
  display: inline-block;
  position: relative;
  font-family: 'medium', arial, helvetica, sans-serif;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  padding: 0 1rem 1.1rem;
  margin: 0 3rem;
  color: #1b3f8c;
  font-size: 1.6rem;
  line-height: 1.375em;
}
.faq-tab a:first-child {
  margin-left: 0;
}
.faq-tab a:last-child {
  margin-right: 0;
}
.faq-tab a:after {
  position: absolute;
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: transform 0.4s linear, background-color 0.2s linear;
  transition: transform 0.4s linear, background-color 0.2s linear;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  content: "";
  height: 0.4rem;
  bottom: -0.4rem;
  left: 50%;
  background-color: #fdbe00;
}
.faq-tab a.active {
  color: #fdbe00;
}
.faq-tab a.active:after {
  background-color: #fdbe00;
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
}
.faq-tab a:hover {
  color: #000;
}
.faq-tab .scroller {
  position: relative;
}
.faq-content {
  display: none;
  width: 113rem;
  margin: 0 auto 9rem;
}
.faq-content .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
  line-height: 1.35em;
  width: 75rem;
  margin: 0 auto 5rem;
}
.faq-content .banner {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto 5rem;
}
.faq-content .banner img {
  display: inline-block;
}
.faq-accord {
  width: 75rem;
  margin: 0 auto 5rem;
  color: #1b3f8c;
}
.faq-accord > li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  padding: 2.7rem 2.7rem 2.7rem 0;
  cursor: pointer;
  border-bottom: solid 0.4rem #f4eee7;
  line-height: 1.4444em;
}
.faq-accord > li .content {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding-top: 2.7rem;
}
.faq-accord > li:after {
  position: absolute;
  display: inline-block;
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  font-size: 1.8rem;
  right: 0;
  top: 3rem;
}
.faq-accord > li.active:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.faq-accord > li .formatted-text {
  color: #646464;
}
.page.brochure .breadcrumb {
  display: none;
}
.page.brochure .buttons {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.page.brochure .buttons .btn {
  font-size: 2.8rem;
  margin: 0 1.6rem;
}
.page.kaka .page-banner {
  margin-bottom: 0;
}
.page.kaka .page-banner br.mobile {
  display: none;
}
.k-top {
  position: relative;
  box-sizing: border-box;
  width: 66.6rem;
  margin: -3.8rem auto 2.4rem;
  border: solid 1px #e7c054;
  background-color: #f4f1eb;
  color: #646464;
  padding: 3.4rem 11.4rem 4rem;
  border-radius: 2.6rem;
  z-index: 9;
}
.k-auth {
  width: 100%;
  box-sizing: border-box;
}
.k-auth p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.64em;
  color: #646464;
  margin-bottom: 1.4rem;
}
.k-auth p.margin-bottom {
  margin-bottom: 2.8rem;
}
.k-auth p strong {
  font-family: 'bold', arial, helvetica, sans-serif;
}
.k-auth p.buttons {
  margin-bottom: 0;
}
.k-auth p.buttons .button,
.k-auth p.buttons span {
  vertical-align: middle;
}
.k-auth p.buttons span {
  display: inline-block;
  padding: 0 1rem;
}
.k-top-form.form-old .form-cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #646464;
}
.k-top-form.form-old .form-value {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #646464;
}
.k-top-form.form-old .kaka-row {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.k-top-form.form-old .kaka-row.row-1 .form-cap {
  margin-right: 1.7rem;
  white-space: nowrap;
}
.k-top-form.form-old .kaka-row.row-1 .form-item.select.child-select {
  width: 100%;
  box-sizing: border-box;
  margin-right: 1.6rem;
  margin-bottom: 0;
}
.k-form.form-old {
  position: relative;
  width: 76rem;
  margin: 0 auto;
  padding-bottom: 3.6rem;
}
.k-form.form-old .form-item.photo-file {
  display: inline-block;
  box-sizing: border-box;
  width: 35.2rem;
  height: 26.6rem;
  color: #1b3f8c;
}
.k-form.form-old .form-item.photo-file input {
  position: absolute;
  left: -101%;
  top: -101%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.k-form.form-old .form-item.photo-file label {
  display: block;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 3;
  background-color: #edf6fb;
  border-radius: 1.2rem;
}
.k-form.form-old .form-item.photo-file label .plus {
  position: absolute;
  display: block;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  width: 3rem;
  height: 3rem;
  opacity: 1;
  bottom: -1rem;
  right: -1rem;
  z-index: 2;
}
.k-form.form-old .form-item.photo-file label .photo {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 75%;
  z-index: 1;
}
.k-form.form-old .form-item.photo-file .image-holder {
  display: none;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  z-index: 4;
}
.k-form.form-old .form-item.photo-file .image-holder img {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
.k-form.form-old .form-item.photo-file .image-holder img.close {
  position: absolute;
  display: block;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  width: 3rem;
  height: 3rem;
  opacity: 0;
  bottom: -1rem;
  right: -1rem;
  z-index: 4;
}
.k-form.form-old .form-item.photo-file .image-holder .content {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  border-radius: 1.2rem;
}
.k-form.form-old .form-item.photo-file.active {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
  height: auto;
}
.k-form.form-old .form-item.photo-file.active label {
  position: relative;
  height: auto;
  max-height: 50rem;
}
.k-form.form-old .form-item.photo-file.active label .plus {
  opacity: 0;
}
.k-form.form-old .form-item.photo-file.active label .photo {
  opacity: 0;
}
.k-form.form-old .form-item.photo-file.active .image-holder {
  position: relative;
  display: block;
}
.k-form.form-old .form-item.photo-file.active .image-holder .content {
  position: relative;
}
.k-form.form-old .form-item.photo-file.active .image-holder img.close {
  opacity: 1;
}
.k-form.form-old .form-item.photo-file.input-error {
  color: #ff4040;
  padding-bottom: 4rem;
}
.k-form.form-old .form-item.photo-file.input-error label:after {
  color: #ff4040;
  border-color: #ff4040;
}
.k-form.form-old .form-item.photo-file.input-error .image-holder:after {
  color: #ff4040;
  border-color: #ff4040;
}
.k-form.form-old.padding-top {
  padding-top: 4rem;
}
.k-tabs {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 3.6rem;
  display: flex;
  justify-content: center;
  color: #8f9fc7;
}
.k-tabs li {
  position: relative;
  box-sizing: border-box;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  font-family: 'medium', arial, helvetica, sans-serif;
  width: 17.2rem;
  height: 10rem;
  border-radius: 1.2rem;
  background-color: #f4f1eb;
  box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.1);
  color: #646464;
  font-size: 1.4rem;
  line-height: 1.285em;
  padding: 0.9rem 1.2rem;
  margin: 0 1.2rem;
}
.k-tabs li i {
  display: block;
  margin-bottom: 0.9rem;
  font-size: 1.2em;
}
.k-tabs li .number {
  display: block;
  position: absolute;
  text-align: center;
  font-family: 'medium', arial, helvetica, sans-serif;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  top: 0.8rem;
  right: 0.8rem;
  border-radius: 50%;
  background-color: #e7c054;
  color: #fff;
  width: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.1rem;
}
.k-tabs li .mobile {
  display: none;
}
.k-tabs li.active {
  color: #fff;
  background-color: #e7c054;
}
.k-tabs li.active .number {
  color: #e7c054;
  background-color: #fff;
}
.k-tabs li.first i {
  margin-bottom: 0.2rem;
  font-size: 2em;
  margin-top: -0.3rem;
}
.k-stage {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: none;
}
.k-stage .small-cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #646464;
  opacity: 0.7;
  margin-bottom: 1.5rem;
}
.k-info {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  padding: 2rem 2.5rem;
  background-color: #f4f1eb;
  color: #646464;
  font-size: 1.4rem;
  line-height: 1.64em;
  border-radius: 1.2rem;
  margin-bottom: 3.2rem;
}
.k-info b {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
.k-info span.mobile {
  display: none;
}
.k-info span.web {
  display: inline-block;
}
.k-photo-input {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border: dashed 0.2rem #cfd2dd;
  border-radius: 1.2rem;
  padding: 5.8rem 0 5rem;
  margin-bottom: 4.4rem;
}
.k-photo-input .camera-button {
  display: none;
}
.k-photo-input .error-container {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #ff4040;
  font-size: 1.4rem;
}
.k-photo-input.active {
  padding: 3rem;
}
.k-continue {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.k-continue .button {
  width: 33.5rem;
}
.k-loader {
  display: none;
  text-align: center;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.65em;
  padding: 3rem 0;
}
.k-loader span {
  display: inline-block;
  vertical-align: middle;
}
.k-loader .loader {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.4rem;
}
.loader {
  position: relative;
  width: 8rem;
  height: 3rem;
  margin: 0 auto;
}
.loader div {
  position: absolute;
  top: 0.8rem;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: #1b3f8c;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader div:nth-child(1) {
  left: 0.8rem;
  animation: point1 0.6s infinite;
}
.loader div:nth-child(2) {
  left: 0.8rem;
  animation: point2 0.6s infinite;
}
.loader div:nth-child(3) {
  left: 3.2rem;
  animation: point2 0.6s infinite;
}
.loader div:nth-child(4) {
  left: 5.6rem;
  animation: point3 0.6s infinite;
}
.k-error {
  font-family: 'medium', arial, helvetica, sans-serif;
  text-align: center;
  width: 90%;
  margin: 1.4rem auto;
  font-size: 1.4rem;
  line-height: 1.64em;
  color: #ff4040;
}
.k-photo-mobile {
  display: none;
}
.k-selector-caps {
  width: 42.4rem;
  margin: 0 auto 2.3rem;
  display: flex;
  justify-content: space-between;
}
.k-selector-caps strong {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #1b3f8c;
  letter-spacing: 0.025em;
}
.k-selector-caps strong:last-child {
  padding-right: 1.4rem;
}
.k-selector-cont {
  position: relative;
  margin: 0 auto 6.2rem;
  width: 48.2rem;
  height: 54.8rem;
  overflow: hidden;
  background-color: #f4f1ec;
  border-radius: 1.2rem;
}
.k-selector-cont .photo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 100%;
  z-index: 1;
  max-width: none;
}
.k-selector-cont .bar-cont {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6.5rem;
  height: 50.4rem;
  z-index: 2;
}
.k-selector-cont .bar-cont .bar {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 4rem;
  height: 50.4rem;
  border-radius: 1.2rem;
  background-color: #fff;
}
.k-selector-cont .bar-cont.left {
  left: 2.7rem;
}
.k-selector-cont .bar-cont.right {
  right: 2.7rem;
}
.k-bar-item {
  position: relative;
}
.k-bar-item input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.k-bar-item input + label {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 7.2rem;
  cursor: pointer;
}
.k-bar-item input + label span {
  position: absolute;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
  -ms-transform: translateX(-50%) translateY(-50%) scale(0);
  transform: translateX(-50%) translateY(-50%) scale(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  font-family: 'bold', arial, helvetica, sans-serif;
  border: solid 0.7rem #fff;
  top: 50%;
  left: 50%;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  z-index: 999;
}
.k-bar-item input + label span i {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  width: 98%;
}
.k-bar-item input:checked + label span {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.k-bar-item.hardness-1 input + label {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  background-color: #fff;
}
.k-bar-item.hardness-1 input + label span {
  background-color: #f4f1eb;
}
.k-bar-item.hardness-2 input + label {
  background-color: #e5f5fc;
}
.k-bar-item.hardness-2 input + label span {
  background-color: #e5f5fc;
}
.k-bar-item.hardness-3 input + label {
  background-color: #cbebf8;
}
.k-bar-item.hardness-3 input + label span {
  background-color: #cbebf8;
}
.k-bar-item.hardness-4 input + label {
  background-color: #99d9f4;
}
.k-bar-item.hardness-4 input + label span {
  background-color: #99d9f4;
}
.k-bar-item.hardness-5 input + label {
  background-color: #66c5ee;
}
.k-bar-item.hardness-5 input + label span {
  background-color: #66c5ee;
}
.k-bar-item.hardness-6 {
  color: #fff;
}
.k-bar-item.hardness-6 input + label {
  background-color: #33b2e9;
}
.k-bar-item.hardness-6 input + label span {
  background-color: #33b2e9;
}
.k-bar-item.hardness-7 {
  color: #fff;
}
.k-bar-item.hardness-7 input + label {
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  background-color: #009fe3;
}
.k-bar-item.hardness-7 input + label span {
  background-color: #009fe3;
}
.k-bar-item.color-1 input + label {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  background-color: #fff;
}
.k-bar-item.color-1 input + label span {
  background-color: #f4f1eb;
}
.k-bar-item.color-2 input + label {
  color: #fff;
  background-color: #f4bb3b;
}
.k-bar-item.color-2 input + label span {
  background-color: #f4bb3b;
}
.k-bar-item.color-3 input + label {
  color: #fff;
  background-color: #f66726;
}
.k-bar-item.color-3 input + label span {
  background-color: #f66726;
}
.k-bar-item.color-4 input + label {
  color: #fff;
  background-color: #e83420;
}
.k-bar-item.color-4 input + label span {
  background-color: #e83420;
}
.k-bar-item.color-5 input + label {
  color: #fff;
  background-color: #7e3613;
}
.k-bar-item.color-5 input + label span {
  background-color: #7e3613;
}
.k-bar-item.color-6 input + label {
  color: #fff;
  background-color: #5d7855;
}
.k-bar-item.color-6 input + label span {
  background-color: #5d7855;
}
.k-bar-item.color-7 input + label {
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  color: #fff;
  background-color: #000002;
}
.k-bar-item.color-7 input + label span {
  background-color: #000002;
}
.k-confirm-cont {
  position: relative;
  margin: 0 auto 6.2rem;
  width: 48.2rem;
}
.k-row {
  width: 100%;
  box-sizing: border-box;
  border-bottom: dashed 0.2rem #d8e9f4;
  margin: 2.4rem auto 0;
  padding: 2.4rem 0 4.2rem;
}
.k-row.margin-bottom {
  margin-bottom: 4.2rem;
}
.k-row .cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.64em;
  color: #0f2057;
  margin-bottom: 2rem;
}
.k-row .info {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.64em;
  color: #0f2057;
  opacity: 0.72;
  margin-bottom: 2rem;
}
.k-row .options {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}
.k-row .options .k-check {
  position: relative;
  width: 18.5rem;
  height: 8rem;
  margin-right: 2rem;
}
.k-row .options .k-check:last-child {
  margin-right: 0;
}
.k-row .options .k-check input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.k-row .options .k-check input + label {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: border-color 0.2s linear, background-color 0.2s linear;
  transition: border-color 0.2s linear, background-color 0.2s linear;
  display: flex;
  align-items: center;
  width: 100%;
  height: 8rem;
  border-radius: 1.2rem;
  border: solid 1px #cfd2dd;
  padding: 2.4rem 1rem 2.4rem 6.2rem;
  cursor: pointer;
}
.k-row .options .k-check input + label b {
  display: inline-block;
  vertical-align: middle;
  font-family: 'bold', arial, helvetica, sans-serif;
  color: #1b3f8c;
  opacity: 0.7;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.k-row .options .k-check input + label span {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  width: 3rem;
  height: 3rem;
  left: 2.2rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.15);
}
.k-row .options .k-check input + label span:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: 'icomoon-mutlubebekler' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  font-size: 1rem;
  color: #fff;
  opacity: 0;
}
.k-row .options .k-check input:checked + label {
  background-color: #f4f1eb;
  color: #646464;
}
.k-row .options .k-check input:checked + label b {
  color: #646464;
}
.k-row .options .k-check input:checked + label span {
  background-color: #fdbe00;
}
.k-row .options .k-check input:checked + label span:after {
  opacity: 1;
}
.k-result {
  width: 100%;
  box-sizing: border-box;
  padding-top: 4.2rem;
}
.k-result .k-cap,
.k-result .k-result-cap {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
  color: #1b3f8c;
  margin-bottom: 2.7rem;
}
.k-result .k-result-cap .k-response-image {
  display: inline-block;
  margin-bottom: 2.8rem;
  width: 8.5rem;
}
.k-result .k-result-cap.response_1 {
  color: #018f15;
}
.k-result .k-result-cap.response_2 {
  color: #f4bb3b;
}
.k-result .k-result-cap.response_3 {
  color: #e83420;
}
.k-result .k-result-subcap {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 2.2rem;
  color: #646464;
  opacity: 0.7;
  margin-bottom: 4.7rem;
}
.k-result .k-result-info {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.645em;
  color: #646464;
  padding: 0.3rem 0 0 5rem;
  margin-bottom: 6.7rem;
}
.k-result .k-result-info i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.3rem;
}
.k-result .k-general-cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 2.2rem;
  letter-spacing: -0.03em;
  color: #fdbe00;
  margin-bottom: 4.2rem;
}
.k-result .k-box {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  border: solid 1px #bad7e9;
  box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 2.4rem;
  background-color: #f4f1eb;
  font-size: 1.4rem;
  line-height: 1.65em;
  color: #646464;
  padding: 2.5rem 2.2rem 3.6rem;
  margin-bottom: 6.4rem;
}
.k-result .k-box .box-cap {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 4.5rem;
  margin-bottom: 1.3rem;
}
.k-result .k-box .box-cap i {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #646464;
  color: #fff;
  left: 0;
  font-size: 3.5rem;
}
.k-result .k-box.k_white .box-cap {
  color: #888;
}
.k-result .k-box.k_white .box-cap i {
  background-color: #fff;
  color: #bdbdbd;
}
.k-result .k-box.k-yellow .box-cap {
  color: #f4bb3b;
}
.k-result .k-box.k-yellow .box-cap i {
  background-color: #f4bb3b;
  color: #fff;
}
.k-result .k-box.k-orange .box-cap {
  color: #f66726;
}
.k-result .k-box.k-orange .box-cap i {
  background-color: #f66726;
  color: #fff;
}
.k-result .k-box.k-red .box-cap {
  color: #e83420;
}
.k-result .k-box.k-red .box-cap i {
  background-color: #e83420;
  color: #fff;
}
.k-result .k-box.k-brown .box-cap {
  color: #7e3613;
}
.k-result .k-box.k-brown .box-cap i {
  background-color: #7e3613;
  color: #fff;
}
.k-result .k-box.k-green .box-cap {
  color: #5d7855;
}
.k-result .k-box.k-green .box-cap i {
  background-color: #5d7855;
  color: #fff;
}
.k-result .k-box.k-black .box-cap {
  color: #000002;
}
.k-result .k-box.k-black .box-cap i {
  background-color: #000002;
  color: #fff;
}
.k-result .k-expert-suggestion {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.65em;
  margin-bottom: 6.4rem;
}
.k-result .k-expert-box {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-radius: 2.4rem;
  background-color: #d7eefe;
  padding: 4.5rem 4rem 6.4rem;
  margin-bottom: 4rem;
}
.k-result .k-expert-box .box-cap {
  font-family: 'medium', arial, helvetica, sans-serif;
  font-size: 3.2rem;
  color: #1b3f8c;
  margin-bottom: 2.3rem;
}
.k-result .k-expert-box .box-cap i {
  display: block;
  font-size: 5rem;
  margin-bottom: 2.3rem;
}
.k-result .k-expert-box p {
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.65em;
  color: #5e77b5;
  margin-bottom: 3.4rem;
}
.k-result .k-expert-box p.last {
  margin-bottom: 0;
}
.k-result .k-sub-info {
  width: 100%;
  box-sizing: border-box;
  font-family: 'medium', arial, helvetica, sans-serif;
  position: relative;
  margin: 0 auto 3rem;
  font-size: 2.2rem;
  letter-spacing: -0.05em;
  background-color: #d7eefe;
  border-radius: 1.2rem;
  padding: 3.9rem 3.9rem 3.9rem 10.6rem;
  color: #1b3f8c;
  line-height: 1.45em;
}
.k-result .k-sub-info i {
  position: absolute;
  top: 3.9rem;
  left: 3.9rem;
  font-size: 5.3rem;
}
@keyframes point1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes point3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes point2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/*
.font-regular {font-family:'regular', arial, helvetica, sans-serif;}
.font-medium {font-family:'medium', arial, helvetica, sans-serif;}
.font-semibold {font-family:'semibold', arial, helvetica, sans-serif;}
.font-bold {font-family:'bold', arial, helvetica, sans-serif;}
*/
.cepbebe-banner {
  width: 100%;
  box-sizing: border-box;
  height: 15rem;
  background-color: #fdbe00;
  color: #fff;
  overflow: hidden;
}
.cepbebe-banner .g-width {
  position: relative;
  height: 15rem;
}
.cepbebe-banner .cap {
  font-family: 'bold', arial, helvetica, sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  font-size: 3rem;
  left: 14.5rem;
}
.cepbebe-banner .cap:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0.1em;
  height: 2em;
  right: -1em;
  background-color: #fff;
  opacity: 0.34;
}
.cepbebe-banner p {
  text-align: left;
  display: inline-block;
  font-family: 'regular', arial, helvetica, sans-serif;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.6rem;
  left: 33.1rem;
  line-height: 1.6em;
}
.cepbebe-banner img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 32.9rem;
  right: 3.4rem;
}
.cepbebe-banner .btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 39rem;
}
.live-chat-button {
  display: block;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 2.8rem 0 rgba(0, 0, 0, 0.08);
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  bottom: 2.7rem;
  width: 39rem;
  height: 6rem;
  border-radius: 3rem;
  background-color: #fdbe00;
  z-index: 103;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.live-chat-button span {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 13.7rem;
  box-sizing: border-box;
  background-color: #f3b600;
  padding-top: 2.3rem;
  color: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.live-chat-button strong {
  display: block;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  width: 25.6rem;
  padding: 2.4rem 1rem 0 1.7rem;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
}
.live-chat-button strong:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 9em;
  content: "";
  border-radius: 50%;
  width: 0.86em;
  height: 0.86em;
}
.live-chat-button strong:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10.6em;
}
.live-chat-button.online strong:before {
  background-color: #6cd538;
}
.live-chat-button.online strong:after {
  content: "çevrim içi";
}
.live-chat-button.offline strong:before {
  background-color: #fe0000;
}
.live-chat-button.offline strong:after {
  content: "çevrim dışı";
}
.live-chat-button.active {
  opacity: 1;
}
.live-chat-button:hover,
.live-chat-button:active {
  background-color: #ffcc31;
}
.live-chat-button:hover span,
.live-chat-button:active span {
  background-color: #ffc518;
}
footer .blue-bg {
  width: 100%;
  box-sizing: border-box;
  color: #fff;
}
footer .blue-bg .g-width {
  width: 124rem;
  box-sizing: border-box;
  position: relative;
}
footer .blue-bg.color-1 {
  background-color: #1b3f8c;
}
footer .blue-bg.color-1 .g-width {
  padding: 5.3rem 0 2rem 13rem;
}
footer .blue-bg.color-2 {
  background-color: #18397e;
}
footer .blue-bg.color-3 {
  background-color: #163270;
}
footer .footer-logo {
  display: block;
  position: absolute;
  top: 3rem;
  left: -5rem;
}
footer .footer-logo img {
  width: 14.2rem;
}
footer .site-map {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9.4rem;
}
footer .site-map .group {
  display: inline-block;
  width: auto;
}
footer .site-map .tag {
  display: inline-block;
  vertical-align: middle;
  font-family: 'bold', arial, helvetica, sans-serif;
  font-size: 1rem;
  color: #fff;
  background-color: #fdbe00;
  margin-left: 2rem;
  border-radius: 0.4rem;
  padding: 0.4rem;
}
footer .site-map .divider {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 3rem;
}
footer .site-map .cap,
footer .site-map a.cap {
  display: block;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 2.5rem;
}
footer .site-map a.cap:hover,
footer .site-map a.cap:active {
  color: #fdbe00;
}
footer .site-map a {
  display: block;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.34em;
  margin-bottom: 1.3rem;
  color: #fff;
  -webkit-transition: opacity 0.2s linear, color 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear;
}
footer .site-map a:hover,
footer .site-map a:active {
  color: #fdbe00;
}
footer .site-map a.golden {
  opacity: 0.9;
  color: #fdbe00;
}
footer .site-map a.golden:hover,
footer .site-map a.golden:active {
  color: #fff;
  opacity: 1;
}
footer .corp-links {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 1.8rem 0;
  height: 5.4rem;
  border-bottom: solid 0.2rem rgba(255, 255, 255, 0.1);
}
footer .corp-links .scroller {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  width: auto;
  white-space: nowrap;
}
footer .corp-links a {
  display: inline-block;
  font-family: 'regular', arial, helvetica, sans-serif;
  -webkit-transition: opacity 0.2s linear, color 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear;
  font-size: 1.2rem;
  margin-right: 1.8rem;
  color: #fff;
  opacity: 0.5;
}
footer .corp-links a:last-child {
  margin-right: 0;
}
footer .corp-links a:hover,
footer .corp-links a:active {
  color: #fdbe00;
  opacity: 1;
}
footer .social {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 1.8rem;
}
footer .social strong {
  display: inline-block;
  vertical-align: middle;
  font-family: 'semibold', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin-right: 1.8rem;
}
footer .social a {
  display: inline-block;
  vertical-align: middle;
  font-size: 4.3rem;
  color: #fff;
  margin-right: 1.8rem;
}
footer .social a:last-child {
  margin-right: 0;
}
footer .social a:hover,
footer .social a:active {
  color: #fdbe00;
}
footer .mutlu-bebek-hatti {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  padding: 3.4rem 0 2.6rem;
  color: #fff;
}
footer .mutlu-bebek-hatti strong {
  font-family: 'bold', arial, helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  color: #fdbe00;
  position: relative;
  padding-left: 6rem;
  cursor: auto;
}
footer .mutlu-bebek-hatti strong a {
  display: inline;
  color: #fdbe00;
}
footer .mutlu-bebek-hatti strong a:hover,
footer .mutlu-bebek-hatti strong a:active {
  color: #fff;
}
footer .mutlu-bebek-hatti strong i {
  position: absolute;
  top: -3rem;
  font-size: 7.5rem;
  left: -0.7rem;
  color: #fff;
}
footer .mutlu-bebek-hatti span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.01em;
}
footer .copy {
  width: 100%;
  box-sizing: border-box;
  font-family: 'regular', arial, helvetica, sans-serif;
  font-size: 1.4rem;
  color: #fff;
}
footer .copy .g-width {
  height: 10rem;
}
footer .copy .mb-copy {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer .copy .mb-copy span {
  display: inline-block;
  padding-top: 4rem;
}
footer .copy .mb {
  display: inline-block;
  margin-right: 2.6rem;
  width: 13rem;
}
footer .copy .positive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2rem;
  width: 26rem;
}
footer .info {
  text-align: center;
  font-family: 'regular', arial, helvetica, sans-serif;
  color: #1b3f8c;
  font-size: 1.4rem;
  height: 21rem;
  padding-top: 3.8rem;
  box-sizing: border-box;
}
footer .info strong {
  font-family: 'semibold', arial, helvetica, sans-serif;
}
footer .info p {
  line-height: 1.6em;
  letter-spacing: 0.01em;
}
footer .info p .break {
  display: block;
}
footer .info.no-chat-button {
  height: 14rem;
}
@media only screen and (max-width: 1600px) {
  .l-width {
    width: 100%;
    box-sizing: border-box;
  }
  .home-page-slider-cont {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding-bottom: 41%;
  }
  .home-page-slider {
    border-radius: 0;
  }
  .home-page-slider .slider-text {
    width: 40rem;
  }
  .home-page-slider.rsMinW.simple .rsArrow.rsArrowLeft {
    left: 22rem;
  }
  .home-page-slider.rsMinW.simple .rsArrow.rsArrowRight {
    right: 22rem;
  }
  .mypage-banner-cont {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding-bottom: 41%;
  }
  .mypage-banner-cont .banner {
    border-radius: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .home-page-slider .slider-text {
    width: 50rem;
    left: 16.8rem;
  }
  .home-page-slider.rsMinW.simple .rsArrow.rsArrowLeft {
    left: 5rem;
  }
  .home-page-slider.rsMinW.simple .rsArrow.rsArrowRight {
    right: 5rem;
  }
  .mypage-banner-cont .text {
    width: 50rem;
    left: 16.8rem;
  }
  .featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev,
  .featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 4.5rem;
  }
  .featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-prev {
    left: -7rem;
  }
  .featured-content-list .content-list-slider.owl-carousel .owl-nav .owl-next {
    right: -7rem;
  }
}
@media only screen and (max-width: 1376px) {
  .c-width {
    width: 100%;
    box-sizing: border-box;
  }
  .gbb {
    border-radius: 0;
  }
  .drop-down.market.pd {
    right: 0;
  }
  .drop-down.market.pd:after {
    left: auto;
    right: 3rem;
  }
  .drop-down.market.pl {
    min-width: 30rem;
  }
}
@media only screen and (max-width: 1320px) {
  html {
    font-size: 0.75757576vw;
  }
  .g-width {
    width: calc(100% - 16rem);
  }
  .g-width.gutter {
    width: calc(100% - 16rem);
  }
  .form-old .form-item.text-link a {
    font-size: 12px;
  }
  .usr-settings-cont .usr-left {
    width: 22%;
  }
}
@media only screen and (max-width: 960px) {
  .no-mobile {
    display: none;
  }
  .no-mobile {
    display: none !important;
  }
  .only-mobile-inline-block {
    display: inline-block;
  }
  html {
    font-size: 10px;
  }
  .g-width,
  .c-width {
    width: calc(100% - 4rem);
  }
  .wrapper {
    overflow: hidden;
  }
  #debug {
    width: 100%;
  }
  .page-banner {
    width: calc(100% - 8rem);;
    margin-bottom: 3.5rem;
    border-radius: 5.2rem;
    height: 40rem;
  }
  .page-banner.small {
    height: 40rem;
  }
  .page-banner.product-banner {
    height: 26.2rem;
  }
  .page-banner .text {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    box-sizing: border-box;
    top: auto;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-bottom: 5.4rem;
  }
  .page-banner .text h1 {
    border-radius: 3.5rem;
    font-size: 4.2rem;
    line-height: 7rem;
    padding: 0 4.2rem;
  }
  .page-banner .text.hidden {
    display: none;
  }
  .page-banner .banner-link img {
    width: 13.3rem;
  }
  .mobile-page-header {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 8rem);
    margin: 0 auto 5rem;
    height: 15rem;
    border-top: solid 0.2rem #d2d7e9;
  }
  .mobile-page-header .back-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
  .mobile-page-header .back-button i {
    font-size: 3rem;
  }
  .mobile-page-header .cap {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-family: 'bold', arial, helvetica, sans-serif;
    font-size: 3.2rem;
  }
  .btn {
    font-family: 'medium', arial, helvetica, sans-serif;
    border-width: 0.6rem !important;
    padding: 2rem 3.4rem;
    font-size: 2.8rem;
    border-radius: 5rem;
  }
  .btn.with-icon {
    padding-left: 8rem;
    padding-right: 3.4rem;
  }
  .btn.with-icon.right {
    padding-right: 8rem;
    padding-left: 3.4rem;
  }
  .btn.white {
    font-family: 'semibold', arial, helvetica, sans-serif;
    color: #fff;
    border-color: #fff;
  }
  .button {
    font-size: 2.8rem;
    height: 7.2rem;
    line-height: 7.2rem;
    border-radius: 3.6rem;
    padding: 0 3.6rem;
    letter-spacing: normal;
    border: solid 0.2rem;
  }
  .button.with-icon-left {
    padding-left: 10rem;
  }
  .button.with-icon-left i {
    left: 3.6rem;
    font-size: 1.7em;
  }
  .amount-form {
    min-width: 28rem;
    height: 6rem;
    border-radius: 3rem;
  }
  .amount-form .minus,
  .amount-form .plus {
    font-size: 3.2rem;
    width: 7.2rem;
    height: 6rem;
    line-height: 6rem;
  }
  .amount-form .amount-indicator {
    font-size: 2.8rem;
    padding: 0 1rem;
    height: 6rem;
    line-height: 6rem;
  }
  .p-tag {
    margin-bottom: 4rem;
    font-size: 2.2rem;
  }
  .p-tag span {
    margin-left: 2rem;
  }
  .d2c-para .old,
  .d2c-price .old {
    font-size: 2.38rem;
  }
  .d2c-para .price,
  .d2c-price .price {
    font-size: 5.1rem;
  }
  .pd-sticky-buy {
    display: block;
    box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    height: 17rem;
    background-color: #fff;
  }
  .pd-sticky-buy .d2c-price {
    flex-wrap: wrap;
  }
  .pd-sticky-buy .d2c-price .old {
    margin-right: 1.6rem;
    margin-left: 0;
  }
  .pd-sticky-buy .p-tag {
    justify-content: flex-start;
    margin-bottom: 2rem;
  }
  .pd-sticky-buy .cont {
    position: relative;
    width: calc(100% - 8rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 17rem;
  }
  .pd-sticky-buy .price {
    font-family: 'medium', arial, helvetica, sans-serif;
    font-size: 3.6rem;
    color: #1b3f8c;
  }
  .similar-products {
    width: calc(100% - 8rem);
    margin: 16rem auto 6rem;
  }
  .similar-products .cap {
    font-size: 6.4rem;
    margin-bottom: 7rem;
  }
  .similar-products .product-slider-cont {
    width: 90%;
    height: 107rem;
    margin: 0 auto;
  }
  .similar-products .product-slider.royalSlider.rsMinw {
    width: 100%;
    box-sizing: border-box;
    height: 107rem;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent {
    width: 100%;
    box-sizing: border-box;
    height: 107rem;
    overflow: visible;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product img {
    margin-bottom: 0;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .name {
    font-size: 3.2rem;
    line-height: 1.375em;
    margin-bottom: 4rem;
    min-height: 13.8rem;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .detail {
    font-size: 2.8rem;
    margin-bottom: 4rem;
    padding-left: 5rem;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .detail i {
    top: 42%;
  }
  .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .d2c-add {
    width: 100%;
    box-sizing: border-box;
  }
  .similar-products .arrow {
    font-size: 10rem;
    top: 49.2rem;
  }
  .similar-products .arrow.next {
    right: 0;
  }
  .similar-products .arrow.prev {
    left: 0;
  }
  .guide {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .guide .task {
    width: 96%;
    padding-left: 24rem;
    margin-bottom: 10rem;
  }
  .guide .task img {
    width: 18.4rem;
  }
  .guide .task p {
    font-size: 2.8rem;
    opacity: 0.7;
  }
  .breadcrumb {
    margin-bottom: 7rem;
  }
  .breadcrumb ul li:first-child {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .breadcrumb ul li:first-child:after {
    height: 0.2145em;
  }
  .breadcrumb ul li:last-child {
    font-size: 5rem;
  }
  .confirm-special-modal {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    height: auto;
    border-radius: 0;
    font-size: 4rem;
    padding: 7.6rem 6rem 3.5rem;
  }
  .confirm-special-modal:before {
    display: none;
  }
  .confirm-special-modal .confirm-modal-image {
    display: none;
  }
  .confirm-special-modal .cont {
    height: auto;
  }
  .confirm-special-modal .modal-btn-group .btn {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    border-radius: 2.4rem;
    line-height: 1.35em;
    font-size: 2.4rem;
  }
  .confirm-special-modal .modal-btn-group .btn br.mobile {
    display: block;
  }
  .confirm-special-modal .modal-btn-group .btn.with-icon.right {
    padding-right: 7rem;
  }
  .confirm-special-modal .sticky-header {
    font-size: 3rem;
    height: 20rem;
  }
  .confirm-special-modal .overflow {
    height: calc(100vh - 71rem);
    padding-right: 2rem;
  }
  .confirm-special-modal #explicit-error-holder {
    margin: 3rem auto;
  }
  .confirm-modal {
    width: 80%;
    box-sizing: border-box;
    padding: 18.6rem 4.4rem 3rem;
  }
  .confirm-modal .cont {
    font-size: 2.8rem;
  }
  .confirm-modal:before {
    width: 25.2rem;
    height: 25.2rem;
    top: -10rem;
  }
  .confirm-modal .confirm-modal-image {
    width: 25.2rem;
    top: -10rem;
    z-index: 2;
  }
  .confirm-modal .btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .confirm-modal.info {
    width: 95%;
    margin: 7rem auto 0;
    padding-top: 10rem;
    height: calc(100vh - 25rem);
  }
  .confirm-modal.info:before {
    width: 18rem;
    height: 18rem;
    top: -6rem;
  }
  .confirm-modal.info .confirm-modal-image {
    width: 18rem;
    top: -6rem;
  }
  .confirm-modal.info .formatted-text p {
    line-height: 1.6em;
  }
  .confirm-modal.info .cont {
    position: relative;
    height: calc(100vh - 36rem);
  }
  .confirm-modal.info .sticky-header {
    font-size: 3.2rem;
    line-height: 6rem;
    height: 6rem;
  }
  .confirm-modal.info .overflow {
    height: calc(100vh - 62rem);
    overflow-y: scroll;
    padding-right: 2rem;
  }
  .confirm-modal.info .modal-btn-group.sticky-footer .btn {
    font-size: 2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin: 1.5rem 0 0;
  }
  .text-modal {
    width: 90%;
    box-sizing: border-box;
    padding: 5rem 4rem 4rem;
  }
  .text-modal .modal-close {
    font-size: 4rem;
  }
  .buy-modal {
    width: 90%;
    box-sizing: border-box;
    margin: 4rem auto;
  }
  .buy-modal .modal-close {
    top: 4rem;
    right: 4rem;
    font-size: 4rem;
  }
  .buy-modal .product-image {
    margin: 0 auto 4rem;
  }
  .buy-modal .product-image img {
    width: 42rem;
  }
  .buy-modal .text {
    padding-bottom: 4rem;
  }
  .buy-modal .text .cap {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  .buy-modal .text p {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
  .buy-modal .text .sub-cap {
    font-size: 3.2rem;
  }
  .buy-modal .buy-list {
    width: 100%;
    box-sizing: border-box;
    padding-top: 4rem;
  }
  .buy-modal .buy-list a {
    height: 8rem;
    margin-bottom: 4rem;
  }
  .buy-modal .buy-list a img.buy-logo {
    width: 30.8rem;
  }
  .modal {
    width: auto;
    max-width: none;
    margin: 0;
  }
  .modal.youtube {
    width: 93%;
    padding-bottom: 50%;
  }
  .modal.youtube .mfp-close {
    top: -6.5rem;
    font-size: 10rem;
  }
  .modal.info {
    width: 90%;
    padding: 9rem 4.5rem 3.5rem;
  }
  .modal.info .cap {
    font-size: 6rem;
    margin-bottom: 6rem;
  }
  .modal.form {
    width: 90%;
    padding: 7.5rem 7.5rem 3.5rem;
  }
  .modal.form .mfp-close {
    right: 0;
    top: 0;
  }
  .modal.speacial {
    width: 100%;
    box-sizing: border-box;
    padding: 7rem 9.9rem;
    background-color: #fff;
    border-radius: 2.6rem;
    height: auto;
  }
  .modal.speacial .cap {
    font-size: 3.5rem;
  }
  .modal.speacial .overflow {
    height: calc(100vh - 80rem);
    padding-right: 0;
  }
  .modal.speacial .header {
    height: 26rem;
  }
  .modal.speacial .footer {
    width: 100%;
    box-sizing: border-box;
    padding: 4.6rem 0;
  }
  .modal.speacial .button {
    height: auto;
    font-size: 2.4rem;
    line-height: 1.35em;
    text-align: center;
    padding: 2.1rem;
    flex-basis: 47%;
  }
  .modal.speacial #explicit-button-close,
  .modal.speacial #explicit-error-holder,
  .modal.speacial .button br.mobile {
    display: none;
  }
  .modal.confirm {
    width: 97%;
    padding: 7rem 3rem;
  }
  .modal.confirm .mfp-close-btn-in .mfp-close {
    right: 2rem;
    top: 2rem;
  }
  .modal.confirm .mfp-close {
    right: 2rem;
    top: 2rem;
  }
  .modal.confirm .modal-header {
    font-size: 4.8rem;
  }
  .modal.confirm .modal-header i {
    margin-bottom: 5.2rem;
  }
  .modal.confirm .modal-header .cap {
    margin-bottom: 6.2rem;
  }
  .modal.confirm .modal-image {
    margin-bottom: 5.2rem;
  }
  .modal.confirm .modal-body {
    font-size: 3.2rem;
    margin-bottom: 5.2rem;
  }
  .modal.confirm .modal-buttons .button {
    margin: 0 2rem;
  }
  .modal.return-form {
    width: 100%;
    box-sizing: border-box;
    padding: 6.8rem;
    border-radius: 3.2rem;
    box-shadow: none;
  }
  .modal.return-form .mfp-close {
    right: 4rem;
    top: 5.1rem;
    font-size: 10rem;
  }
  .modal.return-form .cap {
    font-size: 4.8rem;
    margin-bottom: 6rem;
  }
  .modal.return-form .form .return-product {
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    margin-top: 4rem;
    padding-top: 6rem;
    border-top: solid 1px #e6e6ed;
  }
  .modal.return-form .form .return-product .check {
    width: 2.4rem;
    margin-right: 3rem;
  }
  .modal.return-form .form .return-product .img {
    position: relative;
    width: 15rem;
    margin-right: 4rem;
  }
  .modal.return-form .form .return-product .img img {
    width: 100%;
    box-sizing: border-box;
    top: -4rem;
  }
  .modal.return-form .form .return-product .text {
    width: 35rem;
    margin-right: 0;
    margin-bottom: 6.8rem;
  }
  .modal.return-form .form .return-product .text .name {
    font-size: 2.8rem;
  }
  .modal.return-form .form .return-product .text .price {
    font-size: 2.8rem;
  }
  .modal.return-form .form .return-product .selects {
    width: 100%;
    box-sizing: border-box;
  }
  .modal.return-form .form .return-product .selects .form-item.select {
    margin-bottom: 2.8rem;
  }
  .modal.return-form .buttons {
    padding-top: 3.3rem;
    text-align: right;
    border-top: solid 1px #e6e6ed;
    margin-right: 2rem;
  }
  .modal.return-form .buttons:last-child {
    margin-right: 0;
  }
  .modal.order-adress-form .cap {
    font-size: 4.2rem;
    margin-bottom: 4.2rem;
  }
  .modal.order-adress-form .mini-cap {
    width: 100%;
    box-sizing: border-box;
    font-size: 2.4rem;
    margin: 3.2rem auto 4.2rem;
    padding: 0;
  }
  .modal.order-adress-form .form .form-item.radio-inline {
    margin-bottom: 3.7rem;
  }
  .modal.product-filter-modal {
    padding: 3rem 2.8rem 3.8rem;
  }
  .modal.product-filter-modal .mfp-close {
    right: 2rem;
    top: 2rem;
  }
  .modal.product-filter-modal .cap {
    font-size: 6rem;
    margin-bottom: 6.2rem;
  }
  .modal.product-filter-modal .small-cap {
    font-size: 3.2rem;
    padding: 4rem 0;
  }
  .modal.product-filter-modal .modal-accord .small-cap:after {
    font-size: 1.6rem;
    right: 0;
    top: 4.8rem;
  }
  .modal.product-filter-modal .buttons {
    margin-top: 5rem;
  }
  .modal.product-filter-modal .buttons a.text-link {
    font-size: 3rem;
  }
  .gbb {
    border-radius: 2rem;
  }
  .gbb .cap.tab-cap {
    min-width: 0;
    margin: 0 5rem;
  }
  .gbb .cap.tab-cap:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0.6rem;
    width: 40%;
  }
  .gbb .cap.tab-link {
    min-width: 0;
    margin: 0 5rem;
  }
  .gbb .gbb-content {
    width: calc(100% - 12rem);
  }
  .gbb.small,
  .gbb.medium {
    position: relative;
    height: 72.3rem;
  }
  .gbb.small:after,
  .gbb.medium:after {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  .gbb.small .gbb-content,
  .gbb.medium .gbb-content {
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    bottom: auto;
    height: 100%;
  }
  .gbb.small .breadcrumb,
  .gbb.medium .breadcrumb {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    box-sizing: border-box;
    bottom: 0;
    z-index: 3;
  }
  .gbb.small .breadcrumb ul li:first-child,
  .gbb.medium .breadcrumb ul li:first-child {
    font-size: 2.8rem;
  }
  .gbb.small .breadcrumb ul li:last-child h1,
  .gbb.medium .breadcrumb ul li:last-child h1,
  .gbb.small .breadcrumb ul li:last-child h2,
  .gbb.medium .breadcrumb ul li:last-child h2 {
    font-family: 'bold', arial, helvetica, sans-serif;
    font-size: 4.2rem;
  }
  .gbb.small.yellow:after,
  .gbb.medium.yellow:after {
    background: -webkit-linear-gradient(top, rgba(255, 189, 0, 0) 40%, rgba(255, 189, 0, 0.93) 70%, rgba(255, 189, 0, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(255, 189, 0, 0) 40%, rgba(255, 189, 0, 0.93) 70%, rgba(255, 189, 0, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(255, 189, 0, 0) 40%, rgba(255, 189, 0, 0.93) 70%, rgba(255, 189, 0, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(255, 189, 0, 0) 40%, rgba(255, 189, 0, 0.93) 70%, rgba(255, 189, 0, 0.93) 100%);
    background: linear-gradient(to bottom, rgba(255, 189, 0, 0) 40%, rgba(255, 189, 0, 0.93) 70%, rgba(255, 189, 0, 0.93) 100%);
  }
  .gbb.product {
    height: 72.3rem;
  }
  .gbb.product .background-image {
    width: 100%;
    left: 80%;
  }
  .gbb.product:after {
    height: 50rem;
  }
  .gbb.product h1,
  .gbb.product h2 {
    width: 66%;
    font-size: 4.2rem;
    bottom: 4.4rem;
  }
  .gbb.product.gold .background-image {
    left: 50%;
  }
  .gbb.product.has-mobile .background-image {
    width: 100%;
    left: 50%;
  }
  .gbb.usr-settings .breadcrumb ul li:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .gbb.usr-settings .breadcrumb ul li:first-child:after {
    display: none;
  }
  .gbb.usr-settings .breadcrumb ul li:last-child h1,
  .gbb.usr-settings .breadcrumb ul li:last-child h2 {
    font-size: 4.1rem;
  }
  .gbb.no-cepbebe-banner {
    margin-bottom: 3rem;
  }
  .gbb.qa {
    min-height: 130rem;
  }
  .pagination ul li a {
    font-size: 3rem;
    width: 8rem;
    height: 8rem;
    line-height: 2.9em;
    border-width: 0.6rem;
  }
  .pagination ul li:first-child a:after,
  .pagination ul li:last-child a:after {
    top: -0.06em;
  }
  .formatted-text {
    font-size: 2.8rem;
    line-height: 1.74em;
  }
  .formatted-text p {
    line-height: 1.74em;
    margin: 3rem auto;
  }
  .formatted-text ul {
    margin: 3rem auto;
    line-height: 1.74em;
    padding-left: 8rem;
  }
  .inpage-banner {
    width: calc(100% - 8rem);
  }
  .inpage-banner.special {
    border-radius: 5.2rem;
  }
  .ui-datepicker {
    font-size: 3.18rem;
  }
  .order-container {
    width: calc(100% - 8rem);
    margin: 3rem auto;
  }
  .order-container .content {
    padding: 5.2rem;
  }
  .order-container .cap {
    font-size: 6.4rem;
    margin-bottom: 6.4rem;
  }
  .order-container .cap i {
    margin-bottom: 5.4rem;
  }
  .order-container .thanks {
    font-size: 3.2rem;
    padding: 4.5rem 0 4.5rem 5.8rem;
    margin-bottom: 2.2rem;
  }
  .order-container .thanks i {
    top: 4.5rem;
  }
  .order-container .email,
  .order-container .cargo {
    font-size: 2.8rem;
    padding: 5.1rem 0 3.2rem 14.3rem;
  }
  .order-container .email i,
  .order-container .cargo i {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    top: 3.8rem;
    width: 10rem;
    height: 10rem;
  }
  .order-container .footer {
    padding: 4rem 5.8rem 4rem 12.5rem;
    font-size: 2.8rem;
  }
  .order-container .footer img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 5.8rem;
    left: 4rem;
    top: 4rem;
  }
  header {
    z-index: 99;
    height: 38.7rem;
  }
  header .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 44%;
    top: 3rem;
    width: 22.5rem;
    height: 12.7rem;
  }
  header .logo img {
    width: 100%;
    box-sizing: border-box;
  }
  header .d2c-add-mobile {
    display: inline-block;
  }
  header.no-ruler {
    height: 16rem;
  }
  .main-menu-web,
  .usr-links,
  .usr-menu,
  .header-search {
    display: none;
  }
  .drop-down {
    font-family: 'regular', arial, helvetica, sans-serif;
    position: absolute;
    padding: 0 2.8rem;
  }
  .drop-down > li {
    border-bottom: solid 0.4rem rgba(27, 63, 140, 0.05);
  }
  .drop-down > li a {
    font-size: 2.8rem;
    padding: 2.6rem 0;
    min-width: 23.8rem;
  }
  .drop-down > li a [class^="icon-"],
  .drop-down > li a [class*=" icon-"] {
    font-size: 2.6rem;
    margin-right: 1.8rem;
  }
  .drop-down > li a img {
    width: 4rem;
    margin-right: 1.8rem;
  }
  .drop-down:after {
    width: 4rem;
    height: 4rem;
    top: -1.9rem;
  }
  .drop-down#mobile-menu-categories {
    min-width: 65.4rem;
    top: 33.2rem;
    left: 0;
  }
  .drop-down#mobile-menu-categories:after {
    left: 30.6rem;
  }
  .drop-down#mobile-menu-progress {
    min-width: 65.4rem;
    top: 33.2rem;
  }
  .drop-down#mobile-menu-progress:after {
    left: 64rem;
  }
  .drop-down.market > li:first-child {
    font-size: 2.8rem;
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }
  .drop-down.market > li a {
    padding: 2.8rem 0;
  }
  .drop-down.market > li a img {
    width: 80%;
  }
  .drop-down.market.pd {
    width: 55rem;
    min-width: 0;
    left: -27rem;
    top: 11rem;
  }
  .drop-down.market.pd:after {
    right: 28rem;
  }
  .drop-down.market.pl {
    width: 55rem;
    min-width: 0;
    left: 0;
    top: auto;
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  .drop-down.market.pl.open {
    -webkit-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
  }
  .ruler {
    width: 100%;
    box-sizing: border-box;
    height: 20rem;
    border-top: solid 0.6rem #efefef;
    border-bottom: solid 0.6rem #efefef;
    bottom: 1.2rem;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ruler:before,
  .ruler:after {
    display: none;
  }
  .ruler ul {
    display: inline-block;
    width: auto;
    height: 12.8rem;
  }
  .ruler ul:before,
  .ruler ul:after {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    content: "";
    height: 1.2rem;
    background-image: url(/assets/images/ruler-mobile.png);
    background-repeat: repeat-x;
    background-size: 6rem 2.4rem;
    box-sizing: border-box;
  }
  .ruler ul:before {
    top: -3rem;
    background-position: 0 0;
  }
  .ruler ul:after {
    background-position: 0 -1.2rem;
    bottom: -3rem;
  }
  .ruler ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2.4rem;
    max-width: none;
    width: 35rem;
  }
  .ruler ul li:first-child {
    margin-left: 0;
  }
  .ruler ul li a {
    font-size: 3.2rem;
  }
  .ruler ul li a img {
    height: 12.8rem;
    margin-right: 3rem;
  }
  .mobile-menu-button,
  .mobile-dropdown-menu,
  .mobile-search {
    display: block;
  }
  .mobile-search-button {
    display: inline-block;
  }
  .mobile-fixed-menu {
    display: block;
  }
  .d2c-add-mobile {
    display: inline-block;
    position: absolute;
    top: 6rem;
    right: 11.5rem;
  }
  .home-page-slider-cont {
    overflow: visible;
    padding-bottom: 0;
    width: calc(100% - 4rem);
    margin-bottom: 6.4rem;
  }
  .banner-pool {
    width: calc(100% - 4rem);
    margin: 10rem auto;
  }
  .info-section {
    width: calc(100% - 4rem);
    height: auto;
    margin-top: 8.6rem;
  }
  .info-section h3 {
    font-size: 3.2rem;
    margin-bottom: 0.4rem;
  }
  .info-section p {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.35em;
  }
  .info-section p .no-mobile {
    display: none;
  }
  .info-section .info-phone {
    float: none;
    width: 61rem;
    margin: 0 auto 8.8rem;
    padding: 2.8rem 0 0 23.7rem;
    height: 24.2rem;
  }
  .info-section .info-phone img {
    width: 19rem;
    top: 41.6%;
  }
  .info-section .info-phone .btn {
    padding: 2rem 3.4rem;
  }
  .info-section .info-phone .btn span {
    font-family: 'bold', arial, helvetica, sans-serif;
  }
  .info-section .info-phone .btn i {
    display: none;
  }
  .info-section .info-social {
    float: none;
    width: 71rem;
    padding: 2.1rem 3rem 0 29rem;
    height: 27.7rem;
    margin: 0 auto;
  }
  .info-section .info-social img {
    width: 24rem;
  }
  .info-section .info-social .social-block a {
    font-size: 7.1rem;
  }
  .mypage-banner-cont {
    padding-bottom: 0;
    width: calc(100% - 4rem);
    margin-bottom: 6.4rem;
    min-height: 72.3rem;
    background-color: #febc1e;
    color: #fff;
    padding-top: 30rem;
    border-radius: 1.3rem;
    box-sizing: border-box;
  }
  .mypage-banner-cont:after {
    display: block;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    height: 44.4rem;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 20%, rgba(255, 189, 0, 0.93) 40%, rgba(255, 189, 0, 0.93) 100%);
    background: -o-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 20%, rgba(255, 189, 0, 0.93) 40%, rgba(255, 189, 0, 0.93) 100%);
    background: -ms-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 20%, rgba(255, 189, 0, 0.93) 40%, rgba(255, 189, 0, 0.93) 100%);
    background: -moz-linear-gradient(top, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 20%, rgba(255, 189, 0, 0.93) 40%, rgba(255, 189, 0, 0.93) 100%);
    background: linear-gradient(to bottom, rgba(255, 182, 0, 0) 0%, rgba(255, 189, 0, 0.56) 20%, rgba(255, 189, 0, 0.93) 40%, rgba(255, 189, 0, 0.93) 100%);
  }
  .mypage-banner-cont .banner img {
    left: 28%;
    top: -5rem;
  }
  .mypage-banner-cont .text {
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .mypage-banner-cont .text .caption {
    color: #fff;
    font-size: 4.2rem;
  }
  .mypage-banner-cont .text .btn {
    font-family: 'medium', arial, helvetica, sans-serif;
    color: #fff;
    font-size: 2.8rem;
    opacity: 1;
    margin-top: 5rem;
    border: solid 0.6rem #fff;
    padding: 2.3rem 13rem 2.3rem 5rem;
    border-radius: 5rem;
  }
  .mypage-banner-cont .text .btn:hover,
  .mypage-banner-cont .text .btn:active {
    background-color: #fff;
    color: #fdbe00;
  }
  .mypage-banner-cont.home-page-banner .banner img {
    left: 50%;
    top: 0;
  }
  .form-old .form-caption {
    font-size: 3rem;
    margin-top: 5rem;
  }
  .form-old .form-border-bottom {
    border-width: 0.6rem;
    margin-top: 5rem;
  }
  .form-old .form-border-bottom .form-bottom-info {
    font-size: 1.8rem;
  }
  .form-old .form-border-top {
    border-width: 0.6rem;
    margin-top: 5rem;
    padding: 5rem 0;
  }
  .form-old .form-row .form-item.w50 {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }
  .form-old .form-item {
    text-align: left;
    margin-bottom: 4rem;
  }
  .form-old .form-item.input {
    margin-bottom: 4rem;
  }
  .form-old .form-item.input label {
    font-size: 2.8rem;
    padding: 4.5rem 3rem;
  }
  .form-old .form-item.input input {
    font-size: 2.8rem;
    padding: 5.1rem 3rem 1rem;
    border-radius: 1rem;
  }
  .form-old .form-item.input.active label {
    padding: 4rem 3rem 0 3.2rem;
    font-size: 2rem;
    -webkit-transform: translateY(-0.6rem);
    -ms-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  .form-old .form-item.input.active.date label {
    padding: 4rem 3rem 6rem 3.2rem;
  }
  .form-old .form-item.input.date:after {
    right: 0.3em;
    font-size: 4em;
  }
  .form-old .form-item.textarea {
    margin-bottom: 4rem;
  }
  .form-old .form-item.textarea label {
    font-size: 2.8rem;
    padding: 4.5rem 3rem;
  }
  .form-old .form-item.textarea textarea {
    font-size: 2.8rem;
    padding: 5.1rem 3rem 1rem;
    border-radius: 1rem;
    min-height: 16rem;
  }
  .form-old .form-item.textarea.active label {
    padding: 4rem 3rem 0 3.2rem;
    font-size: 2rem;
    -webkit-transform: translateY(-0.6rem);
    -ms-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  .form-old .form-item.textarea.small textarea {
    min-height: 16rem;
  }
  .form-old .form-item.textarea.medium textarea {
    min-height: 40rem;
  }
  .form-old .form-item.textarea.long textarea {
    min-height: 64rem;
  }
  .form-old .form-item.checkbox input + label {
    font-size: 2.4rem;
    padding-left: 8rem;
    padding-top: 0.5em;
  }
  .form-old .form-item.checkbox input + label span {
    width: 5rem;
    height: 5rem;
    border: solid 0.6rem #1b3f8c;
    font-size: 1.3rem;
    border-radius: 1rem;
  }
  .form-old .form-item.checkbox input + label span:after {
    font-size: 2em;
  }
  .form-old .form-item.checkbox.cepbebe {
    width: 100%;
    box-sizing: border-box;
    border-radius: 1rem;
    height: auto;
    padding: 2rem 3rem 3rem 11.5rem;
  }
  .form-old .form-item.checkbox.cepbebe input + label {
    font-size: 2.8rem;
  }
  .form-old .form-item.checkbox.cepbebe input + label .cb-logo {
    width: 23.4rem;
    margin-bottom: 2rem;
  }
  .form-old .form-item.checkbox.cepbebe input + label .cb-device {
    display: none;
  }
  .form-old .form-item.checkbox.cepbebe input + label span {
    top: 8rem;
    left: 3.7rem;
  }
  .form-old .form-item.select {
    margin-bottom: 4rem;
    border-radius: 1rem;
    font-size: 2.8rem;
    min-height: 11.7rem;
  }
  .form-old .form-item.select:after {
    right: 1.8rem;
    font-size: 1.5em;
  }
  .form-old .form-item.select select {
    font-size: 2.8rem;
    padding: 3rem;
  }
  .form-old .form-item.text-link a {
    font-size: 2.4rem;
  }
  .form-old .form-item.info {
    font-size: 2.4rem;
  }
  .form-old .form-item span.err,
  .form-old .form-item span.error {
    font-size: 1.6rem;
  }
  .form-old .form-item span.success {
    font-size: 1.6rem;
  }
  .facebook-error {
    font-size: 1.6rem;
  }
  .login .button-group {
    width: 100%;
    box-sizing: border-box;
    margin: 9rem auto 0;
    border-bottom: 0 none;
    height: auto;
  }
  .login .button-group > span {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    font-size: 2.8rem;
    margin: 4rem auto;
  }
  .login .button-group > span i {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 1rem 2rem;
    background-color: #f4f1eb;
  }
  .login .button-group > span:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: "";
    width: 100%;
    height: 0.3rem;
    background-color: #1b3f8c;
    opacity: 0.5;
  }
  .login .form-old {
    padding: 0 0 10rem;
    width: 100%;
    box-sizing: border-box;
  }
  .login .btn {
    width: 100%;
    box-sizing: border-box;
  }
  .login .facebook-error {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding-top: 1.8rem;
  }
  .login.register .form-old {
    width: 100%;
    box-sizing: border-box;
  }
  .login.register .button-group {
    height: auto;
    padding-bottom: 4rem;
  }
  .login.register .button-group > span {
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 3rem;
    margin: 0;
    left: 0;
  }
  .login.register .register-info {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 2rem;
    margin: 4.7rem auto;
  }
  .login.register .facebook-info {
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 2rem 0;
    font-size: 1.8rem;
  }
  .login.register .facebook-error {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: center;
    font-size: 1.8rem;
    margin: 2rem auto;
  }
  .login.register .babies {
    margin-bottom: 5rem;
  }
  .login.register .babies .form-border-bottom {
    border-bottom: dashed 0.6rem #eaeaea;
  }
  .login.register .babies .delete-baby {
    font-size: 2.8rem;
  }
  .forget-password .form-old {
    padding: 0 0 10rem;
    width: 100%;
    box-sizing: border-box;
  }
  .forget-password .form-old .btn {
    width: 100%;
    box-sizing: border-box;
  }
  .contact-form .form-info {
    width: 100%;
    box-sizing: border-box;
    font-size: 2rem;
  }
  .contact-form .form-old {
    width: 100%;
    box-sizing: border-box;
    margin: 8rem auto 6rem;
  }
  .contact-form .form-old .btn {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .usr-settings-cont .usr-left {
    width: 100%;
    box-sizing: border-box;
    float: none;
    border-bottom: solid 0.6rem rgba(27, 63, 140, 0.1);
  }
  .usr-settings-cont .usr-left:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
  }
  .usr-settings-cont .usr-left ul {
    width: 100%;
    box-sizing: border-box;
  }
  .usr-settings-cont .usr-left ul:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
  }
  .usr-settings-cont .usr-left ul li {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    float: left;
  }
  .usr-settings-cont .usr-left ul li a {
    position: relative;
    color: rgba(27, 63, 140, 0.5);
    font-size: 2.8rem;
    padding-bottom: 1.4rem;
    background-color: transparent;
    line-height: 1.4em;
  }
  .usr-settings-cont .usr-left ul li a.active {
    color: #1b3f8c;
    background-color: transparent;
  }
  .usr-settings-cont .usr-left ul li a.active:after {
    content: "";
    width: 100%;
    box-sizing: border-box;
    height: 0.6rem;
    background-color: #1b3f8c;
    position: absolute;
    bottom: -1.6rem;
    left: 0;
  }
  .usr-settings-cont .usr-right {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  .usr-settings-cont .usr-right .form-old .btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .usr-settings-cont .usr-right .form-old .btn.add-baby {
    padding: 2rem 2.4rem;
  }
  .usr-settings-cont .usr-right .form-old .form-item.text-link.text-right {
    text-align: center;
  }
  .baby-left {
    float: none;
    margin: 0 auto;
    width: 54.5%;
    padding-bottom: 4.3rem;
  }
  .baby-right {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  .baby-right:before {
    width: 7.2rem;
    height: 7.2rem;
    font-size: 4.4rem;
    right: 1rem;
    top: 3rem;
  }
  .birth-container.error .baby-right .form-item.error-holder {
    text-align: center;
  }
  .server-info-cont {
    padding: 0 0 10rem;
  }
  .form .form-item {
    margin-bottom: 3.7rem;
  }
  .form .form-item.input input {
    font-size: 2.8rem;
    height: 9.8rem;
    line-height: 9.8rem;
    border-radius: 2.4rem;
    border-width: 0.2rem;
    padding: 0 3rem;
  }
  .form .form-item.input label {
    font-size: 2.8rem;
    padding: 0 2.5rem;
    line-height: 9.8rem;
  }
  .form .form-item.input.date input {
    padding-right: 9rem;
  }
  .form .form-item.input.date:after {
    font-size: 3.6em;
    right: 2.5rem;
    top: 2.2rem;
  }
  .form .form-item.textarea textarea {
    font-size: 2.8rem;
    border-radius: 2.4rem;
    border-width: 0.2rem;
    padding: 3rem;
  }
  .form .form-item.textarea label {
    font-size: 2.8rem;
    padding: 3rem;
  }
  .form .form-item.textarea.normal textarea {
    height: 35rem;
  }
  .form .form-item.checkbox input + label {
    font-size: 2.8rem;
    padding-left: 5rem;
  }
  .form .form-item.checkbox input + label span {
    width: 4rem;
    height: 4rem;
  }
  .form .form-item.checkbox input + label span:after {
    font-size: 1.5rem;
    top: 1.9rem;
    left: 0.8rem;
  }
  .form .form-item.select label {
    font-size: 2.8rem;
    line-height: 9.8rem;
    height: 9.8rem;
    border-radius: 2.4rem;
    border-width: 0.2rem;
    padding: 0 8rem 0 3rem;
  }
  .form .form-item.select label:after {
    right: 2.5rem;
  }
  .form .form-item.info {
    font-size: 2.8rem;
  }
  .form .form-item.radio-inline input + label {
    font-size: 2.8rem;
    padding-left: 6rem;
    margin-right: 6.8rem;
    height: 4rem;
    line-height: 4rem;
  }
  .form .form-item.radio-inline input + label span {
    width: 4rem;
    height: 4rem;
    border-width: 0.2rem;
  }
  .form .form-item.radio-inline input + label span:after {
    width: 2rem;
    height: 2rem;
    left: 0.8rem;
    top: 0.8rem;
  }
  .form .form-item.extra-margin-top {
    margin-top: 12rem;
  }
  .form .form-item.margin-top {
    margin-top: 6rem;
  }
  .form .form-item .err {
    font-size: 2.4rem;
  }
  .form .form-item .form-snap-link {
    font-size: 2.8rem;
  }
  .form .form-item .form-snap-link.left {
    left: 0;
  }
  .form .form-item .form-snap-link.right {
    right: 0;
  }
  .form .form-item .form-snap-link.top {
    top: -6.1rem;
  }
  .form .form-item .form-snap-link.bottom {
    bottom: -4rem;
  }
  .form .form-item .form-snap-link.small {
    font-size: 2.4rem;
  }
  .form .group {
    margin-bottom: 3.7rem;
  }
  .form .inline-cap {
    font-size: 2.8rem;
    margin-right: 6rem;
  }
  .form .x2 {
    display: block;
    justify-content: normal;
  }
  .form .x2 .form-item.input,
  .form .x2 .form-item.select,
  .form .x2 .form-item.generic {
    width: 100%;
    box-sizing: border-box;
  }
  .form .divider {
    margin: 0.6rem auto 6rem;
    border-width: 0.4rem;
  }
  #emailCheck {
    font-size: 2.8rem;
    margin-bottom: 8.1rem;
  }
  .featured-content-list {
    width: 100%;
    box-sizing: border-box;
    padding: 5rem 0 7.5rem;
    height: 103.7rem;
    background-image: none;
  }
  .featured-content-list .cap {
    font-family: 'medium', arial, helvetica, sans-serif;
    font-size: 2.8rem;
    margin-bottom: 4.5rem;
  }
  .featured-content-list .cap i {
    left: -3rem;
    font-size: 6.6rem;
  }
  .featured-content-list .cap:after {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 7em;
    height: 0.2145em;
    bottom: -0.9em;
    background-color: #2a2a2a;
  }
  .featured-content-list .btn {
    white-space: nowrap;
  }
  .featured-content-list .tab-links {
    display: none;
  }
  .featured-content-list .tab-slider {
    display: block;
  }
  .featured-content-list .tab-contents {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }
  .featured-content-list .tab-contents li {
    height: 66.1rem;
  }
  .featured-content-list .content-list-slider.owl-carousel {
    height: 50rem;
  }
  .featured-content-list .content-list-slider.owl-carousel .item {
    height: 50rem;
  }
  .featured-content-list .owl-nav {
    display: none;
  }
  .featured-content-list.non-web-slider {
    height: 78.4rem;
  }
  .featured-content-list.non-web-slider .cap {
    padding-left: 3rem;
  }
  .featured-content-list.non-web-slider .cap i {
    font-size: 7.2rem;
    left: -4rem;
    top: 1.8rem;
  }
  .featured-content-list.non-web-slider .cap span {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .featured-content-list.non-web-slider .cap span:after {
    height: 0.2145em;
  }
  .featured-content-list.non-web-slider .content-list-row {
    margin-top: 0;
    padding-top: 0;
  }
  .selected-content-list {
    padding-top: 0;
  }
  .selected-content-list i.icon-favorite {
    display: inline-block;
    position: absolute;
    left: 3.6rem;
    top: -1rem;
    font-size: 4rem;
    margin-left: 0;
  }
  .selected-content-list i.icon-favorite:after {
    width: 1.4em;
    height: 0.15em;
    left: -0.2em;
    bottom: -0.2em;
  }
  .selected-content-list h1,
  .selected-content-list h2,
  .selected-content-list h3 {
    font-size: 2.8rem;
    padding-left: 10rem;
    margin-left: 0;
  }
  .selected-content-list .content-list-row .contents.owl-carousel.owl-loaded .owl-stage-outer {
    height: auto;
  }
  .category-showcase {
    margin: 3.5rem auto 0rem;
  }
  .category-showcase:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
  }
  .category-showcase .col {
    float: none;
  }
  .category-showcase .col.first,
  .category-showcase .col.second,
  .category-showcase .col.last {
    width: calc(100% - 10rem);
    padding-left: 0;
    margin: 6rem auto 0;
  }
  .category-showcase .col.first {
    margin-top: 0;
  }
  .category-showcase .col.last .cap img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 54%;
  }
  .category-showcase .col.last .cap:after {
    bottom: 0.3em;
  }
  .category-showcase .col.last:before {
    display: none;
  }
  .category-showcase .col.last ul {
    margin-bottom: 4rem;
  }
  .category-showcase .col.last ul li:nth-child(3) {
    display: block;
  }
  .category-showcase .col ul li {
    display: none;
    margin-bottom: 2rem;
  }
  .category-showcase .col ul li:first-child {
    display: block;
  }
  .category-showcase .col ul li:nth-child(2) {
    display: block;
  }
  .category-showcase .cap {
    font-size: 2.8rem;
    height: 11rem;
    padding: 5rem 0 0 7rem;
    margin-bottom: 3rem;
    letter-spacing: 0.05em;
  }
  .category-showcase .cap img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 5.2rem;
  }
  .category-showcase .cap:after {
    width: 1.9em;
    height: 0.3em;
    bottom: 0.1em;
  }
  .category-showcase .more {
    font-size: 2.4rem;
  }
  .category-showcase .more i {
    padding-top: 1.5rem;
  }
  .featured-content-list .content-list-item,
  .content-list-row .content-list-item,
  .grid .content-list-item {
    height: 50rem;
    border-radius: 1.5rem;
  }
  .featured-content-list .content-list-item figure,
  .content-list-row .content-list-item figure,
  .grid .content-list-item figure {
    height: 27rem;
  }
  .featured-content-list .content-list-item .caption,
  .content-list-row .content-list-item .caption,
  .grid .content-list-item .caption {
    height: 21rem;
  }
  .featured-content-list .content-list-item .caption span,
  .content-list-row .content-list-item .caption span,
  .grid .content-list-item .caption span {
    font-size: 2.8rem;
    line-height: 1.34em;
  }
  .featured-content-list .content-list-item .tag,
  .content-list-row .content-list-item .tag,
  .grid .content-list-item .tag {
    font-size: 2.4rem;
    padding: 1.6rem 1.7rem;
    border-radius: 1rem;
    top: -25.3rem;
  }
  .question-list-item {
    padding: 0.5rem 0 0 7rem;
  }
  .question-list-item:before {
    font-size: 5.3em;
  }
  .question-list-item .caption {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
  }
  .question-list-item .caption i {
    margin-top: 0.6rem;
    font-size: 2.4rem;
  }
  .category-showcase .content-list-item figure {
    width: 13rem;
    height: 13rem;
    margin-right: 4.6rem;
  }
  .category-showcase .content-list-item figure img {
    height: 120%;
    width: auto;
    max-width: none;
  }
  .category-showcase .content-list-item .caption {
    font-size: 2.8rem;
    width: 43rem;
    height: auto;
  }
  .category-showcase .content-list-item .caption .tag {
    font-size: 2.4rem;
    line-height: 1.2em;
    margin-top: 0.6em;
  }
  .category-showcase .content-list-item.video figure:after {
    font-size: 3.4em;
  }
  .search-results .content-list-item {
    padding: 2rem;
    height: auto;
    min-height: 20rem;
    border-radius: 1rem;
  }
  .search-results .content-list-item figure {
    width: 16.4rem;
    height: 16.4rem;
    margin-right: 3rem;
    border-radius: 1rem;
  }
  .search-results .content-list-item .caption {
    font-size: 2.8rem;
    width: calc(100% - 19.6rem);
    padding: 1.5rem 0 3rem 0;
    height: auto;
    overflow: visible;
  }
  .search-results .content-list-item .caption span {
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
    height: auto;
  }
  .search-results .content-list-item .caption .tag {
    font-size: 2rem;
    line-height: 2rem;
    padding: 1rem 2rem;
    left: 2rem;
    right: auto;
    top: 2rem;
    border-radius: 0.5rem;
  }
  .search-results .content-list-item.video figure:after {
    font-size: 4.5em;
  }
  .category-scroll-bar-holder {
    height: 10rem;
  }
  .category-scroll-bar-holder.g-width {
    width: 100%;
    box-sizing: border-box;
  }
  .category-scroll-bar-holder.tag-list {
    height: 14rem;
  }
  .category-scroll-bar-holder.tag-list .category-scroll-bar {
    height: 14rem;
    padding: 2rem 0;
  }
  .category-scroll-bar-holder.social-list {
    height: 15.1rem;
    width: calc(100% - 4rem);
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar {
    text-align: center;
    height: 15.1rem;
    border-bottom-width: 0.6rem;
    padding-top: 3rem;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar .cap {
    display: none;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar .social-section {
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar .social-section.four,
  .category-scroll-bar-holder.social-list .category-scroll-bar .social-section.five {
    display: inline-block;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar .btn.buy i.icon-share {
    font-size: 4em;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar .btn.buy i.icon-basket {
    font-size: 3em;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar.sticky {
    padding-top: 3rem;
  }
  .category-scroll-bar-holder.social-list .category-scroll-bar.sticky .social-section.four {
    right: auto;
  }
  .category-scroll-bar-holder.product {
    width: calc(100% - 4rem);
  }
  .category-scroll-bar {
    height: 10rem;
    border-bottom-width: 0.6rem;
  }
  .category-scroll-bar > ul {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    height: 10rem;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 2rem;
  }
  .category-scroll-bar > ul > li a.scroll-to,
  .category-scroll-bar > ul > li a.filter {
    font-size: 2.8rem;
  }
  .content-list-row h1,
  .content-list-row h2,
  .content-list-row h3 {
    font-size: 4.2rem;
    box-sizing: border-box;
    margin-left: 10px;
  }
  .content-list-row .contents {
    margin-bottom: 6rem;
  }
  .content-list-row .contents .item {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin: 0;
  }
  .content-list-row .contents.owl-carousel .owl-nav {
    display: none;
  }
  .content-list-row .contents.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .content-list-row .contents.owl-carousel .owl-dots {
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-top: 4.9rem;
  }
  .content-list-row .contents.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: #e7e5e0;
    margin: 0 1.4rem;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
  }
  .content-list-row .contents.owl-carousel .owl-dots .owl-dot span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border-radius: 50%;
  }
  .content-list-row .contents.owl-carousel .owl-dots .owl-dot.active {
    background-color: #b3b3b3;
  }
  .content-list-row .contents.owl-carousel .content-list-item {
    height: 52rem;
  }
  .content-list-row .contents.owl-carousel .content-list-item .caption {
    height: 23rem;
  }
  .content-list-row .owl-item {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .content-list-row .btn.with-icon.right {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }
  .content-list-row .btn.with-icon.right span {
    display: none;
  }
  .content-list-row .btn.with-icon.right i {
    display: none;
  }
  .content-list-row .btn.with-icon.right:before {
    content: "Daha Fazla Göster";
    display: inline-block;
    vertical-align: middle;
  }
  .content-list-row .content-list-row-image {
    display: none;
  }
  .gbb-content .category-scroll-bar .social-section.five {
    margin-left: 0;
  }
  .gbb-content .category-scroll-bar .social-section.four {
    margin-right: 0;
  }
  .category-detail .grid.gutter {
    width: calc(100% - 1.6rem);
  }
  .category-detail .grid.gutter .g.w25 {
    width: 50%;
    box-sizing: border-box;
  }
  .content-detail {
    width: calc(100% - 4rem);
    margin: 8rem auto;
  }
  .content-detail .spot {
    width: 85%;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    margin-bottom: 5.9rem;
  }
  .content-detail .spot p {
    line-height: 1.74em;
  }
  .content-detail .spot.large {
    font-size: 3.2rem;
  }
  .content-detail .content-image {
    width: 100%;
    box-sizing: border-box;
    border-radius: 2rem;
  }
  .content-detail .formatted-text {
    width: 85%;
    margin: 0 auto;
  }
  .content-likes {
    width: 100%;
    box-sizing: border-box;
    border-top: 0 none;
    border-bottom: 0 none;
  }
  .content-likes .btn {
    font-size: 2rem;
  }
  .formatted-text.reciep-detail p {
    line-height: 7.6rem;
    background: transparent url(/assets/images/p-m.png) repeat 0 0;
    background-size: 1.8rem 7.6rem;
  }
  .formatted-text.reciep-detail p strong {
    font-size: 2.8rem;
    line-height: 7.6rem;
    margin-top: 5.6rem;
  }
  .formatted-text.border-bottom {
    padding-bottom: 4rem;
    margin-bottom: 4rem !important;
    border-bottom: solid 0.6rem rgba(27, 63, 140, 0.1);
  }
  .gbb-content .content-detail {
    width: 100%;
    box-sizing: border-box;
  }
  .qa-filter {
    display: none;
  }
  .qa .breadcrumb h1 {
    font-size: 4rem;
  }
  .qa .category-scroll-bar-holder {
    display: block;
  }
  .question-answer {
    margin-top: 5rem;
  }
  .question-answer nav {
    display: none;
  }
  .question-answer .social-section.five .btn.with-icon {
    padding-left: 6rem;
  }
  .question-answer .questions {
    float: none;
    width: 100%;
    box-sizing: border-box;
  }
  .question-answer .questions > ul > li {
    padding: 0 6rem;
    margin-bottom: 4rem;
    border-radius: 1rem;
  }
  .question-answer .questions > ul > li .qa-cap {
    font-size: 2.8rem;
    padding: 6.7rem 5.5rem 6.7rem 0;
  }
  .question-answer .questions > ul > li .qa-cap:after {
    right: 0;
  }
  .question-answer .questions > ul > li .qa-cap:before {
    content: "";
  }
  .question-answer .questions > ul > li .qa-answer {
    padding-bottom: 6.7rem;
  }
  .question-answer .questions > ul > li .qa-answer .qa-content {
    font-size: 2.8rem;
    line-height: 1.74em;
    padding-bottom: 1.74em;
    border-bottom: 0 none;
  }
  .question-answer .questions > ul > li .qa-answer .qa-content p {
    line-height: 1.74em;
    margin: 3rem auto;
  }
  .question-answer .questions > ul > li .qa-answer .qa-content ul {
    margin: 3rem auto;
    line-height: 1.74em;
    padding-left: 8rem;
  }
  .question-answer .questions > ul > li .qa-answer .qa-social {
    height: 8rem;
  }
  .question-answer .questions > ul > li .qa-answer .qa-social .social-section.one {
    display: none;
  }
  .question-answer .questions > ul > li .qa-answer .qa-social .social-section.two {
    display: none;
  }
  .question-answer .questions > ul > li .qa-answer .qa-social .social-section.three {
    display: none;
  }
  .question-answer .questions > ul > li .qa-answer .qa-social .social-section.five {
    display: block;
    left: 0;
  }
  .search-results {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
  }
  .search-results .item {
    height: auto;
    min-height: 20rem;
  }
  .search-results .item .cats {
    width: calc(100% - 23.6rem);
    bottom: 2rem;
    left: 21.3rem;
    overflow: visible;
    overflow-x: scroll;
    text-overflow: clip;
    height: 2.6rem;
  }
  .search-results .item .cats li {
    padding: 0 1rem;
  }
  .search-results .item .cats li a {
    font-size: 2rem;
  }
  .page.product-list .page-banner .text {
    padding-bottom: 2rem;
  }
  .page.product-list .page-banner .text h1 {
    width: 100%;
    box-sizing: border-box;
  }
  .page.product-list .page-banner .text h1 .badge {
    padding: 1.2rem 1rem;
    font-size: 2.4rem;
    border-radius: 0.6rem;
    margin-top: 1.5rem;
  }
  .product-list-slider-cont {
    width: 67rem;
    height: 14rem;
  }
  .pl-filter-bar {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 3.2rem;
    padding: 3.5rem 4rem 2rem;
    border-bottom: none;
  }
  .pl-filter-bar .cap {
    display: none;
  }
  .pl-filter-bar .cap.only-mobile {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 2.4rem 0;
    font-size: 2.4rem;
  }
  .pl-filter-bar .left {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-bottom: 5.2rem;
    text-align: center;
    padding-bottom: 5rem;
    border-bottom: dashed 0.2rem #d8e9f4;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .pl-filter-bar .left .scroller {
    white-space: nowrap;
  }
  .pl-filter-bar .left .all {
    font-size: 2.8rem;
    margin-left: 4rem;
  }
  .pl-filter-bar .left .filter-item input + label {
    font-size: 3rem;
    height: 7rem;
    line-height: 7rem;
    border-radius: 3.6rem;
    padding: 0 2.6rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-width: 0.2rem;
  }
  .pl-filter-bar .left .filter-item input:checked + label {
    padding-right: 6rem;
  }
  .pl-filter-bar .right {
    width: 100%;
    box-sizing: border-box;
    float: none;
    text-align: center;
  }
  .pl-filter-bar .filter-button {
    font-size: 2.8rem;
    line-height: 10rem;
    border-radius: 2.4rem;
    padding: 0 8.8rem 0 10rem;
  }
  .pl-filter-bar .filter-button:after {
    right: 2.8rem;
  }
  .pl-filter-bar .filter-button.filter {
    margin-right: 2.6rem;
  }
  .pl-filter-bar .filter-button.filter:before {
    left: 2.8rem;
  }
  .pl-filter-bar .filter-button.sort:before {
    left: 1.8rem;
  }
  .pl-filter-bar .selection {
    font-size: 2.8rem;
    border-radius: 2.4rem;
  }
  .pl-filter-bar .selection:before {
    width: 4.4rem;
    height: 4.4rem;
    top: -1.2rem;
  }
  .pl-filter-bar .selection .cap {
    padding-bottom: 3.6rem;
    border-width: 0.2rem;
  }
  .pl-filter-bar .selection.filter {
    width: calc(100% - 8rem);
    padding: 6.2rem 5rem 5rem;
    right: 4rem;
    top: 34rem;
  }
  .pl-filter-bar .selection.filter:before {
    left: 17.4rem;
  }
  .pl-filter-bar .selection.filter > ul > li {
    padding-top: 2.8rem;
  }
  .pl-filter-bar .selection.filter > ul > li .filter-item input + label {
    padding-left: 7.4rem;
    line-height: 4rem;
    margin-bottom: 4.6rem;
  }
  .pl-filter-bar .selection.filter > ul > li .filter-item input + label:before {
    width: 4rem;
    height: 4rem;
    border-width: 0.2rem;
    border-radius: 0.8rem;
  }
  .pl-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after {
    left: 0.9rem;
    top: 2rem;
  }
  .pl-filter-bar .selection.sort {
    width: calc(100% - 8rem);
    padding: 6.2rem 5rem 5rem;
    right: 4rem;
    top: 34rem;
  }
  .pl-filter-bar .selection.sort:before {
    right: 15rem;
  }
  .pl-filter-bar .selection.sort .list {
    padding-top: 4.8rem;
  }
  .pl-filter-bar .selection.sort .list .filter-item input + label {
    padding-left: 7.4rem;
    margin-bottom: 4.4rem;
    line-height: 4rem;
  }
  .pl-filter-bar .selection.sort .list .filter-item input + label:before {
    width: 4rem;
    height: 4rem;
    border-width: 0.2rem;
  }
  .pl-filter-bar .selection.sort .list .filter-item input:checked + label:after {
    width: 1.6rem;
    height: 1.6rem;
    top: 2rem;
    left: 1.2rem;
  }
  .pl-new-filter-bar {
    width: calc(100% - 8rem);
    height: auto;
    background-color: transparent;
    border-radius: 0;
    margin: 0 auto 4.2rem;
    box-shadow: none;
  }
  .pl-new-filter-bar .left,
  .pl-new-filter-bar .right {
    position: relative;
    display: block;
    top: auto;
    height: auto;
  }
  .pl-new-filter-bar .left {
    width: 100%;
    box-sizing: border-box;
    left: auto;
  }
  .pl-new-filter-bar .right {
    width: 100%;
    box-sizing: border-box;
    right: auto;
    margin-bottom: 3.8rem;
  }
  .pl-new-filter-bar .right:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
  }
  .pl-new-filter-bar .cap {
    display: none;
  }
  .pl-new-filter-bar .button {
    margin-right: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .pl-new-filter-bar a.text-link {
    font-size: 2.4rem;
  }
  .pl-new-filter-bar .filter-button {
    box-sizing: border-box;
    font-size: 2.8rem;
    line-height: 7.2rem;
    padding: 0 3.6rem 0 10rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .pl-new-filter-bar .filter-button:before {
    font-size: 1.6em;
    left: 3.8rem;
  }
  .pl-new-filter-bar .filter-button.filter {
    float: left;
  }
  .pl-new-filter-bar .filter-button.filter:before {
    content: "\e91d";
    left: 3.8rem;
  }
  .pl-new-filter-bar .filter-button.filter.active:after {
    width: 1.8rem;
    height: 1.8rem;
    top: 1.2rem;
    left: 6rem;
  }
  .pl-new-filter-bar .filter-button.sort {
    float: right;
  }
  .pl-new-filter-bar .filter-button.sort:before {
    content: "\e92a";
    left: 3.8rem;
  }
  .pl-new-filter-bar .product-list-search {
    display: none;
  }
  .pl-product-list {
    width: calc(100% - 8rem);
    margin: 0 auto 3.7rem;
  }
  .pl-product-list .pl-cap {
    font-size: 6.4rem;
    letter-spacing: normal;
    margin-bottom: 4.2rem;
    margin-top: 2.4rem;
  }
  .pl-product-list .pl-cont {
    width: 50%;
  }
  .pl-product-list .product {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8.4rem;
  }
  .pl-product-list .product img {
    width: 90%;
    margin-bottom: 0;
  }
  .pl-product-list .product .name {
    font-size: 3.2rem;
    line-height: 1.375em;
    margin-bottom: 4rem;
    min-height: 17.6rem;
  }
  .pl-product-list .product .detail {
    font-size: 2.8rem;
    margin-bottom: 4rem;
    padding-left: 5rem;
  }
  .pl-product-list .product .detail i {
    top: 42%;
  }
  .pl-product-list .d2c-para {
    margin-bottom: 4rem;
  }
  .pl-product-list .d2c-para .old,
  .pl-product-list .d2c-para .price {
    white-space: nowrap;
  }
  .pl-product-list .d2c-para .old {
    font-size: 2rem;
  }
  .pl-product-list .d2c-para .price {
    font-size: 4.4rem;
  }
  .pl-product-list.new {
    width: calc(100% - 8rem);
  }
  .pl-product-list.new .pl-cont {
    width: 50%;
  }
  .pl-product-list.new .product .p-info {
    font-size: 2.8rem;
    padding-top: 2.8rem;
  }
  .page.product-list.special-products .page-banner {
    margin-bottom: 9.2rem;
  }
  .page.product-list.special-products .pl-product-list .pl-cap {
    font-size: 4.6rem;
  }
  .page.product-list.special-products .pl-product-list .product {
    margin-bottom: 0;
  }
  .page.product-list.special-products .pl-product-list .product .name {
    min-height: 9rem;
    margin-bottom: 0;
  }
  .page.product-list.special-products .pl-product-list .product .desc {
    font-size: 2.8rem;
    line-height: 1.47em;
  }
  .pd-cont {
    width: 100%;
    box-sizing: border-box;
    margin-top: 2rem;
    border-radius: 0;
    padding: 4.2rem 4rem 10.9rem;
  }
  .pd-left {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  .pd-left .pd-cargo-info {
    display: none;
  }
  .pd-cargo-info {
    height: 10rem;
    border-radius: 1.2rem;
    padding: 0 5.6rem;
    margin-bottom: 4.2rem;
  }
  .pd-cargo-info .text,
  .pd-cargo-info .pd-cargo-date {
    font-size: 2.8rem;
    margin-left: 2.4rem;
  }
  .pd-slider-cont {
    width: 100%;
    box-sizing: border-box;
    float: none;
    height: 71.8rem;
    margin-bottom: 5.8rem;
  }
  .pd-slider.royalSlider.rsMinw {
    width: 100%;
    box-sizing: border-box;
    height: 71.8rem;
  }
  .pd-slider.royalSlider.rsMinw img.rsImg {
    width: 100%;
    box-sizing: border-box;
    height: 67rem;
  }
  .pd-slider.royalSlider.rsMinw .rsOverflow {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 67rem !important;
  }
  .pd-slider.royalSlider.rsMinw .rsThumbs {
    display: none;
  }
  .pd-slider.royalSlider.rsMinw .rsThumb {
    display: none;
  }
  .pd-slider.royalSlider.rsMinw .icon-c-enlarge {
    font-size: 5.6rem;
    border-top-right-radius: 2rem;
  }
  .pd-slider.royalSlider.rsMinw .rsNav {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    right: auto;
    bottom: 0;
    height: 1.8rem;
    float: none;
  }
  .pd-details {
    width: 100%;
    box-sizing: border-box;
    float: none;
    padding: 0 4rem;
  }
  .pd-details .badge {
    font-size: 2.4rem;
    padding: 1.4rem 1rem;
    margin-bottom: 1.4rem;
    border-radius: 0.6rem;
  }
  .pd-details .badge i {
    line-height: 0;
  }
  .pd-details .product-name {
    font-size: 4.4rem;
    margin-bottom: 2rem;
  }
  .pd-details .product-blue {
    font-size: 3.6rem;
    margin-bottom: 2.4rem;
  }
  .pd-details .product-desc {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .pd-details .d2c-price {
    display: none !important;
    padding-bottom: 1.6rem;
  }
  .pd-details .product-unit-price {
    font-size: 2.8rem;
    border-width: 0.2rem;
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .pd-details .product-check-list {
    padding-bottom: 0.6rem;
    border-width: 0.2rem;
    margin-bottom: 3.2rem;
  }
  .pd-details .product-check-list ul li {
    font-size: 2.8rem;
    margin-bottom: 1rem;
    padding-left: 5.4rem;
    margin-bottom: 2.4rem;
  }
  .pd-details .product-check-list ul li:before {
    top: 0.4rem;
    left: 0;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    border-width: 0.2rem;
    font-size: 1.4rem;
  }
  .pd-details .product-skt {
    font-size: 2.8rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .pd-details .d2c-add-to-basket {
    display: none !important;
  }
  .pd-details .d2c-buy-now {
    display: none !important;
    /*
			.w100;
			margin-bottom:3.2rem;
			.button {
				border-radius:4rem;
				height:7.2rem;
				line-height:7.2rem;
			}
			*/
  }
  .pd-badges {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 8rem);
    margin: 3.2rem auto 6rem;
    height: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    border-width: 0.2rem;
  }
  .pd-badges .badge {
    box-sizing: border-box;
    margin: 5.4rem 0;
    padding-left: 10rem;
    font-size: 2.4rem;
    width: 50%;
  }
  .pd-badges .badge i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 6.6rem;
  }
  .pd-tab-links {
    text-align: center;
    white-space: nowrap;
  }
  .pd-tab-links a {
    font-size: 3.2rem;
    padding-bottom: 2.6rem;
    margin: 0 5rem;
    white-space: normal;
    line-height: 1.35em;
    text-align: left;
  }
  .pd-tab-links a:after {
    height: 0.8rem;
  }
  .pd-tab-links a br {
    display: block;
  }
  .pd-tab-contents {
    padding: 10rem 0 0;
    width: calc(100% - 8rem);
  }
  .pd-info-section {
    width: 100%;
    box-sizing: border-box;
    margin: 4.4rem auto;
  }
  .pd-info-section .content {
    width: 100%;
    box-sizing: border-box;
    display: block;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
  .pd-info-section .img {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7.2rem;
  }
  .pd-info-section .img.radius {
    border-radius: 2.4rem;
  }
  .pd-info-section .text {
    width: 100%;
    box-sizing: border-box;
    font-size: 2.8rem;
  }
  .pd-info-section .text p {
    margin-bottom: 7.2rem;
  }
  .pd-info-section .text p:last-child {
    margin-bottom: 0;
  }
  .pd-sticky-buy {
    display: block;
    box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    height: 17rem;
    background-color: #fff;
  }
  .pd-sticky-buy .badge.orange {
    display: inline-block;
    font-family: 'bold', arial, helvetica, sans-serif;
    font-size: 2.4rem;
    letter-spacing: 0.025em;
    padding: 0 1.4rem;
    height: 4rem;
    line-height: 4rem;
    background-color: #e7c054;
    color: #fff;
    border-radius: 0.6rem;
    margin-bottom: 1.8rem;
    white-space: nowrap;
  }
  .pd-sticky-buy .cont {
    position: relative;
    width: calc(100% - 8rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 17rem;
  }
  .pd-sticky-buy .price {
    font-family: 'medium', arial, helvetica, sans-serif;
    font-size: 3.6rem;
    color: #1b3f8c;
  }
  .product-family {
    padding: 5.5rem 0 8rem 0;
  }
  .product-family .content {
    width: calc(100% - 10rem);
    margin: 0 auto;
  }
  .product-family .content .cap {
    display: none;
  }
  .product-family .content .alt-cap {
    font-size: 2.8rem;
  }
  .product-family .content p {
    display: none;
  }
  .product-family .content .w50 {
    width: 46%;
  }
  .product-list-item figure {
    width: 88%;
  }
  .product-list-item .cap {
    font-size: 2.8rem;
    margin-top: 3.5rem;
  }
  .product-list-item .detail {
    font-size: 2.4rem;
    padding-left: 3.5rem;
  }
  .product-list .product-list-item figure {
    width: 88%;
  }
  .product-list .product-list-item .cap {
    width: 80%;
    font-size: 2.8rem;
    margin-top: 3.5rem;
    height: 18rem;
  }
  .product-list.grid.gutter .g {
    position: static;
  }
  .product-list.grid.gutter .g:nth-child(2n-1) .drop-down {
    right: auto;
    left: 0;
  }
  .product-list.grid.gutter .g:nth-child(2n-1) .drop-down.market.pl:after {
    left: 12rem;
  }
  .product-list.grid.gutter .g:nth-child(2n) .drop-down {
    right: 0;
    left: auto;
  }
  .product-list.grid.gutter .g:nth-child(2n) .drop-down.market.pl:after {
    left: 44rem;
  }
  .product-slider-cont {
    margin: 6.8rem 0 7.5rem;
    overflow: hidden;
  }
  .product-slider-cont h1,
  .product-slider-cont h2,
  .product-slider-cont h3 {
    font-size: 5rem;
    line-height: 1.2em;
    letter-spacing: 0.05em;
  }
  .product-slider-cont h1 i,
  .product-slider-cont h2 i,
  .product-slider-cont h3 i {
    font-size: 11.6rem;
  }
  .product-slider-cont p {
    font-size: 2.8rem;
    width: 85%;
    margin: 0 auto;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    padding: 3.1rem 0 4rem;
  }
  .product-slider-cont p:after {
    height: 0.24em;
    width: 7em;
  }
  .product-slider {
    width: 80%;
    margin-top: 10.7rem;
  }
  .product-slider.owl-carousel .owl-nav {
    display: none;
  }
  .product-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .product-slider.owl-carousel .owl-dots {
    padding-top: 11.7rem;
  }
  .product-slider.owl-carousel .owl-dots .owl-dot {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 1.4rem;
  }
  .product-group-image {
    top: 20.5rem;
  }
  .product-category-list {
    width: calc(100% - 16rem);
    padding-bottom: 5.7rem;
  }
  .product-category-list h1,
  .product-category-list h2,
  .product-category-list h3 {
    font-size: 2.8rem;
  }
  .product-category-list p {
    display: none;
  }
  .product-category-list.special-products .product-list.grid.gutter .g {
    height: 38rem;
  }
  .product-list {
    margin: 1rem auto 0;
  }
  .product-list.grid.gutter .g {
    margin: 3rem 0 7rem;
    height: 70rem;
  }
  .product-list.grid.gutter .g.w25 {
    width: 50%;
    box-sizing: border-box;
  }
  .product-list.grid.gutter .g.w20 {
    width: 50%;
    box-sizing: border-box;
  }
  .product-list.grid.gutter .g .btn {
    margin-top: 2rem;
    padding-right: 4rem;
    padding-left: 8.6rem;
  }
  .product-list.grid.gutter .g .btn i {
    left: 1.6rem;
  }
  .product-gold-banner {
    font-size: 5rem;
  }
  .product-gold-banner .g-width {
    padding-top: 0;
    padding-bottom: 0;
    height: 70rem;
  }
  .product-gold-banner .g-width img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25.8rem;
    margin: 0;
    width: 35.5rem;
  }
  .product-gold-banner .g-width strong {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 90%;
    box-sizing: border-box;
    top: 9.4rem;
    margin-left: 5.2rem;
    margin: 0;
    line-height: 1.4em;
  }
  .product-gold-banner .g-width strong span {
    display: none;
  }
  .product-gold-banner .g-width .btn.white {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 9.4rem;
    margin: 0;
    padding-right: 11rem;
    white-space: nowrap;
  }
  .product-gold-banner .g-width .btn.white span {
    display: inline;
  }
  .product-gold-banner .g-width .btn.white i {
    font-size: 9rem;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
  }
  .product-filter-bar {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 3.2rem;
    padding: 3.5rem 4rem 2rem;
    border-bottom: none;
  }
  .product-filter-bar .left {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-bottom: 5.2rem;
    text-align: center;
    padding-bottom: 5rem;
    border-bottom: solid 0.3rem #e8ebf3;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .product-filter-bar .left .scroller {
    white-space: nowrap;
  }
  .product-filter-bar .left .cap {
    display: none;
  }
  .product-filter-bar .left .all {
    font-size: 2.8rem;
    margin-left: 4rem;
  }
  .product-filter-bar .left .filter-item input + label {
    font-size: 3rem;
    height: 7rem;
    line-height: 7rem;
    border-radius: 3.6rem;
    padding: 0 2.6rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-width: 0.2rem;
  }
  .product-filter-bar .left .filter-item input:checked + label {
    padding-right: 6rem;
  }
  .product-filter-bar .right {
    width: 100%;
    box-sizing: border-box;
    float: none;
    text-align: center;
  }
  .product-filter-bar .filter-button {
    font-size: 2.8rem;
    line-height: 10rem;
    border-radius: 2.4rem;
    padding: 0 8.8rem 0 10rem;
  }
  .product-filter-bar .filter-button:after {
    right: 2.8rem;
  }
  .product-filter-bar .filter-button.filter {
    margin-right: 2.6rem;
  }
  .product-filter-bar .filter-button.filter:before {
    left: 2.8rem;
  }
  .product-filter-bar .filter-button.sort:before {
    left: 1.8rem;
  }
  .product-filter-bar .selection {
    font-size: 2.8rem;
    border-radius: 2.4rem;
  }
  .product-filter-bar .selection:before {
    width: 4.4rem;
    height: 4.4rem;
    top: -1.2rem;
  }
  .product-filter-bar .selection .cap {
    padding-bottom: 3.6rem;
    border-width: 0.2rem;
  }
  .product-filter-bar .selection.filter {
    width: calc(100% - 8rem);
    padding: 6.2rem 5rem 5rem;
    right: 4rem;
    top: 34rem;
  }
  .product-filter-bar .selection.filter:before {
    left: 17.4rem;
  }
  .product-filter-bar .selection.filter > ul > li {
    padding-top: 2.8rem;
  }
  .product-filter-bar .selection.filter > ul > li .filter-item {
    margin-bottom: 5rem;
  }
  .product-filter-bar .selection.filter > ul > li .filter-item input + label {
    padding-left: 7.4rem;
    line-height: 4rem;
    margin-bottom: 4.6rem;
  }
  .product-filter-bar .selection.filter > ul > li .filter-item input + label:before {
    width: 4rem;
    height: 4rem;
    border-width: 0.2rem;
    border-radius: 0.8rem;
  }
  .product-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after {
    left: 0.9rem;
    top: 2rem;
  }
  .product-filter-bar .selection.sort {
    width: calc(100% - 8rem);
    padding: 6.2rem 5rem 5rem;
    right: 4rem;
    top: 34rem;
  }
  .product-filter-bar .selection.sort:before {
    right: 15rem;
  }
  .product-filter-bar .selection.sort .list {
    padding-top: 4.8rem;
  }
  .product-filter-bar .selection.sort .list .filter-item {
    margin-bottom: 5rem;
  }
  .product-filter-bar .selection.sort .list .filter-item input + label {
    padding-left: 7.4rem;
    margin-bottom: 4.4rem;
    line-height: 4rem;
  }
  .product-filter-bar .selection.sort .list .filter-item input + label:before {
    width: 4rem;
    height: 4rem;
    border-width: 0.2rem;
  }
  .product-filter-bar .selection.sort .list .filter-item input:checked + label:after {
    width: 1.6rem;
    height: 1.6rem;
    top: 2rem;
    left: 1.2rem;
  }
  .product-special-banner {
    width: 59rem;
    border-radius: 2.6rem;
  }
  .pd-cont {
    width: 100%;
    box-sizing: border-box;
    margin-top: 2rem;
    border-radius: 0;
    padding: 4.2rem 4rem 10.9rem;
  }
  .pd-slider-cont {
    width: 100%;
    box-sizing: border-box;
    float: none;
    height: 94.9rem;
    margin-bottom: 2.8rem;
  }
  .pd-slider.royalSlider.rsMinw {
    width: 100%;
    box-sizing: border-box;
    height: 87.8rem;
  }
  .pd-slider.royalSlider.rsMinw img.rsImg {
    width: 100%;
    box-sizing: border-box;
    height: 67rem;
  }
  .pd-slider.royalSlider.rsMinw .rsOverflow {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 67rem !important;
  }
  .pd-slider.royalSlider.rsMinw .rsThumbs {
    width: 100%;
    box-sizing: border-box;
    padding-top: 3rem;
    height: 18.9rem;
  }
  .pd-slider.royalSlider.rsMinw .rsThumb {
    width: 17rem;
    padding: 0 1.5rem;
  }
  .pd-slider.royalSlider.rsMinw .rsThumb img {
    width: 100%;
    box-sizing: border-box;
  }
  .pd-slider.royalSlider.rsMinw .icon-c-enlarge {
    font-size: 5.6rem;
    border-top-right-radius: 2rem;
  }
  .pd-details {
    width: 100%;
    box-sizing: border-box;
    float: none;
    padding: 0 4rem;
  }
  .pd-details .badge {
    font-size: 2.4rem;
    padding: 1.4rem 1rem;
    margin-bottom: 1.4rem;
  }
  .pd-details .product-name {
    font-size: 4.4rem;
    margin-bottom: 2rem;
  }
  .pd-details .product-blue {
    font-size: 3.6rem;
    margin-bottom: 2.4rem;
  }
  .pd-details .product-desc {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .pd-details .d2c-price {
    padding-bottom: 3.4rem;
    border-width: 0.2rem;
    margin-bottom: 3.2rem;
  }
  .pd-details .product-check-list {
    padding-bottom: 0.6rem;
    border-width: 0.2rem;
    margin-bottom: 5.4rem;
  }
  .pd-details .product-check-list ul li {
    font-size: 2.8rem;
    margin-bottom: 1rem;
    padding-left: 5.4rem;
    margin-bottom: 2.4rem;
  }
  .pd-details .product-check-list ul li:before {
    top: 0.4rem;
    left: 0;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    border-width: 0.2rem;
    font-size: 1.4rem;
  }
  .pd-badges {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 8rem);
    margin: 6rem auto;
    height: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    border-width: 0.2rem;
  }
  .pd-badges .badge {
    box-sizing: border-box;
    margin: 5.4rem 0;
    padding-left: 10rem;
    font-size: 2.4rem;
    width: 50%;
  }
  .pd-badges .badge i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 6.6rem;
  }
  .pd-tab-links {
    text-align: center;
    white-space: nowrap;
  }
  .pd-tab-links a {
    font-size: 3.2rem;
    padding-bottom: 2.6rem;
    margin: 0 5rem;
    white-space: normal;
    line-height: 1.35em;
    text-align: left;
  }
  .pd-tab-links a:after {
    height: 0.8rem;
  }
  .pd-tab-links a br {
    display: block;
  }
  .pd-tab-contents {
    padding: 10rem 0 0;
    width: calc(100% - 8rem);
  }
  .pd-tab-contents .guide {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd-tab-contents .guide .task {
    width: 96%;
    padding-left: 24rem;
    margin-bottom: 10rem;
  }
  .pd-tab-contents .guide .task img {
    width: 18.4rem;
  }
  .pd-tab-contents .guide .task p {
    font-size: 2.8rem;
    opacity: 0.7;
  }
  .blank-delivery-address,
  .blank-invoice-address,
  .blank-member-orders,
  .blank-member-promotions {
    font-size: 3.2rem;
    padding: 6.4rem;
  }
  .page.my-orders .page-banner {
    display: none;
  }
  .page.my-orders .usr-tabs {
    display: none;
  }
  .page.my-orders .list-product-images {
    position: absolute;
    width: 18rem;
    margin-right: 0;
    bottom: 6.2rem;
    left: 3.8rem;
  }
  .page.my-orders .list-product-images .img {
    font-size: 2.8rem;
    line-height: 6.8rem;
    width: 6.8rem;
    height: 6.8rem;
    margin-right: -4rem;
  }
  .page.my-orders .list-product-images .img:nth-child(1) {
    z-index: 1;
  }
  .page.my-orders .list-product-images .img:nth-child(2) {
    z-index: 2;
  }
  .page.my-orders .list-product-images .img:nth-child(3) {
    z-index: 3;
  }
  .page.my-orders .list-order-id {
    width: 50%;
    box-sizing: border-box;
    margin-right: 0;
    padding: 0 2rem 5.5rem 0;
    border-bottom: solid 1px #e6e6ed;
    min-height: 16rem;
  }
  .page.my-orders .list-order-id .cap {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .page.my-orders .list-order-id .info {
    font-size: 2.8rem;
  }
  .page.my-orders .list-order-status {
    position: absolute;
    left: 3.8rem;
    bottom: 17.6rem;
    width: auto;
  }
  .page.my-orders .list-order-status .cap {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .page.my-orders .list-order-status .info {
    font-size: 2.8rem;
  }
  .page.my-orders .list-total {
    width: 50%;
    box-sizing: border-box;
    margin-right: 0;
    padding: 0 0 5.5rem 2rem;
    border-bottom: solid 1px #e6e6ed;
    min-height: 16rem;
  }
  .page.my-orders .list-total .cap {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .page.my-orders .list-total .info {
    font-size: 4rem;
  }
  .page.my-orders .list-arrow {
    position: absolute;
    top: 6.9rem;
    width: 6.6rem;
    right: 3.8rem;
    z-index: 3;
    font-size: 2rem;
  }
  .order-list {
    width: calc(100% - 8rem);
  }
  .order-list .order {
    position: relative;
    height: 50rem;
    padding: 6.2rem 3.8rem;
    border-radius: 5.2rem;
    margin-bottom: 4rem;
    align-items: flex-start;
  }
  .order-detail {
    width: calc(100% - 8rem);
    margin: 0 auto;
    padding: 5.5rem 3.8rem;
    border-radius: 5.2rem;
    margin-bottom: 4rem;
  }
  .order-detail .list-total {
    width: 50%;
    box-sizing: border-box;
  }
  .order-detail .order-product {
    padding: 3rem 0;
  }
  .order-detail .order-product .img {
    width: 11.4rem;
    margin-right: 3rem;
  }
  .order-detail .order-product .text {
    width: 40rem;
    margin-right: 3rem;
  }
  .order-detail .order-product .text .name {
    font-size: 2.8rem;
  }
  .order-detail .order-product .text .price {
    font-size: 2.8rem;
  }
  .order-detail .order-product .button {
    font-size: 2.8rem;
    line-height: 6rem;
    height: 6rem;
  }
  .order-detail .return-box {
    border-radius: 5.2rem;
    margin-bottom: 5.3rem;
  }
  .order-detail .return-box .return-info {
    background-color: #fff6de;
    padding: 2.8rem 4rem;
  }
  .order-detail .return-box .return-info .cap {
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
  }
  .order-detail .return-box .return-info .text {
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
    line-height: 1.3em;
  }
  .order-detail .return-box .return-info .info {
    font-size: 2.8rem;
    line-height: 1.4em;
  }
  .order-detail .order {
    width: 100%;
    box-sizing: border-box;
  }
  .order-detail .order .top {
    position: relative;
    align-items: flex-start;
    height: 45rem;
  }
  .order-detail .order .top .list-order-status {
    left: 0;
  }
  .order-detail .order .top .list-product-images {
    left: 0;
  }
  .order-detail .order .order-info-bar {
    height: auto;
    font-size: 2.8rem;
    border-radius: 2.4rem;
    line-height: 2em;
    padding: 2.5rem;
    margin-top: 3.4rem;
  }
  .order-detail .order .order-info-bar .button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .order-detail .order .content {
    width: 100%;
    box-sizing: border-box;
  }
  .order-detail .order .content .tab-links {
    display: flex;
    align-items: flex-end;
    padding-left: 3.7rem;
  }
  .order-detail .order .content .tab-links a {
    font-size: 3.2rem;
    padding-bottom: 3.2rem;
    margin-right: 5rem;
    line-height: 1.3em;
  }
  .order-detail .order .content .tab-links a:after {
    height: 0.8rem;
  }
  .order-detail .order .content .tab-links a .only-mobile {
    display: block;
  }
  .order-detail .order .content .tab-contents .tab-content .cont {
    box-sizing: border-box;
    border-radius: 3.2rem;
    margin-bottom: 5.4rem;
  }
  .order-detail .order .content .tab-contents .tab-content .return-bottom {
    padding: 3.2rem;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom {
    padding: 3.2rem;
    flex-wrap: wrap;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .mini-cap {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .text {
    font-size: 2.8rem;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .status {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 3.8rem;
    padding-bottom: 3.8rem;
    border-botom: solid 1px #dae5f4;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .cargo {
    width: 50%;
    margin-right: 2rem;
    margin-bottom: 3.8rem;
    padding-bottom: 3.8rem;
    border-botom: solid 1px #dae5f4;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .number {
    width: calc(50% - 2rem);
    margin-right: 0;
    margin-bottom: 3.8rem;
    padding-bottom: 3.8rem;
    border-botom: solid 1px #dae5f4;
  }
  .order-detail .order .content .tab-contents .tab-content .info-bottom .date {
    width: 100%;
    box-sizing: border-box;
  }
  .order-detail .order .content .products {
    padding: 0 2.6rem;
  }
  .order-detail .order .content .products .order-product {
    flex-wrap: wrap;
  }
  .order-detail .order .content .products .order-product .text {
    width: 38rem;
    margin-right: 0;
    margin-bottom: 2.6rem;
  }
  .order-detail .order .content .products .order-product .name {
    margin-bottom: 1rem;
  }
  .order-detail .order .content .products .shipment-cap {
    font-size: 2.8rem;
    padding: 2.6rem 0;
  }
  .order-detail .order .content .order-information {
    display: block;
    margin-bottom: 6rem;
  }
  .order-detail .order .content .order-information .adresses {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5rem;
  }
  .order-detail .order .content .order-information .adresses .cap {
    font-size: 4rem;
    margin-bottom: 4.8rem;
  }
  .order-detail .order .content .order-information .adresses .adress {
    margin-bottom: 5rem;
  }
  .order-detail .order .content .order-information .adresses .adress.margin-bottom {
    margin-bottom: 14rem;
  }
  .order-detail .order .content .order-information .adresses .adress .adress-cap {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .order-detail .order .content .order-information .adresses .adress .adress-info {
    font-size: 2.8rem;
  }
  .order-detail .order .content .order-information .adresses .legal {
    padding-top: 5rem;
    display: flex;
    justify-content: space-between;
  }
  .order-detail .order .content .order-information .adresses .legal a {
    font-size: 2.8rem;
    margin: 0;
  }
  .order-detail .order .content .order-information .payment-box {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3.2rem;
    padding: 6rem 4rem;
  }
  .order-detail .order .content .order-information .payment-box .payment-cap {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  .order-detail .order .content .order-information .payment-box .payment-info {
    padding-bottom: 3.2rem;
  }
  .order-detail .order .content .order-information .payment-box .payment-info span {
    font-size: 2.8rem;
  }
  .order-detail .order .content .order-information .payment-box .payment-info img {
    max-width: 5.4rem;
  }
  .order-detail .order .content .order-information .payment-box .price {
    padding: 3rem 0;
  }
  .order-detail .order .content .order-information .payment-box .price .cap,
  .order-detail .order .content .order-information .payment-box .price .amount {
    font-size: 2.8rem;
  }
  .order-detail .order .content .order-information .payment-box .campaign-info {
    padding: 2.8rem 2.4rem;
    border-radius: 1.6rem;
    margin-bottom: 3rem;
  }
  .order-detail .order .content .order-information .payment-box .campaign-info .cap {
    font-size: 3rem;
  }
  .order-detail .order .content .order-information .payment-box .campaign-info .info {
    font-size: 2.4rem;
  }
  .page.my-orders.address .page-banner {
    display: none;
  }
  .address-list {
    width: calc(100% - 8rem);
    margin: 0 auto;
    padding-bottom: 6rem;
  }
  .address-list .tab-links {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 4rem);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .address-list .tab-links a {
    width: calc(50% - 2.5rem);
    text-align: center;
    font-size: 3.2rem;
    padding-bottom: 3.2rem;
    margin-right: 0;
  }
  .address-list .tab-links a:after {
    height: 0.8rem;
  }
  .address-list .address {
    display: block;
    font-size: 2.8rem;
    justify-content: space-between;
    align-items: center;
    padding: 3.6rem 6.6rem;
    margin-bottom: 4rem;
    border-radius: 3.2rem;
  }
  .address-list .address .text {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3.2rem;
  }
  .page.my-page.my-coupons .page-banner {
    display: none;
  }
  .page.my-page.my-coupons .usr-tabs {
    display: none;
  }
  .coupon-list {
    width: calc(100% - 8rem);
  }
  .coupon-list .coupon {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5.3rem 4rem;
    border-radius: 3.2rem;
    margin-bottom: 4rem;
  }
  .coupon-list .coupon .cap {
    font-size: 2.8rem;
    line-height: 1.3em;
  }
  .coupon-list .coupon .text {
    font-size: 2.8rem;
    line-height: 1.3em;
  }
  .coupon-list .coupon > a {
    font-size: 2.8rem;
  }
  .coupon-list .coupon .name {
    width: calc(50% - 2rem);
    margin-bottom: 4.8rem;
    margin-right: 0;
  }
  .coupon-list .coupon .time {
    width: 50%;
    margin-bottom: 4.8rem;
    margin-right: 0;
  }
  .coupon-list .coupon .code {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 4.8rem;
  }
  .instagram-babies {
    width: 100%;
    box-sizing: border-box;
    padding: 6.5rem 2.4rem;
    height: 97.6rem;
  }
  .instagram-babies .info {
    font-size: 2.8rem;
    width: 90%;
  }
  .instagram-babies .instagram-feed {
    width: 100%;
    box-sizing: border-box;
    height: 30.2rem;
  }
  .instagram-babies .instagram-feed li {
    width: 23.5rem;
    height: 30.2rem;
  }
  .instagram-babies .instagram-feed li.i-middle {
    width: 27.5rem;
    height: 34.4rem;
  }
  .instagram-babies .instagram-card {
    border-radius: 1.5rem;
  }
  .instagram-babies .instagram-card .name-bar {
    margin-bottom: 1.7rem;
  }
  .instagram-babies .instagram-card .name-bar .avatar {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
  .instagram-babies .instagram-card .name-bar .name {
    font-size: 1rem;
  }
  .breadcrumb.bvb-head ul li:last-child {
    font-size: 4rem;
  }
  .bvb-info {
    width: 100%;
    box-sizing: border-box;
    font-size: 2.8rem;
  }
  .bvb-list {
    width: 100%;
    box-sizing: border-box;
  }
  .bvb-list .item {
    margin: 1.5rem;
    width: 31rem;
    height: 82rem;
  }
  .bvb-list .item .instagram-card {
    width: 31rem;
    height: 38rem;
  }
  .bvb-list .item .info h3 {
    font-size: 2rem;
  }
  .bvb-list .item .info p {
    font-size: 2rem;
  }
  .category-list.egitim-paketi .content-list-item {
    height: 60rem;
  }
  .category-list.egitim-paketi .content-list-item figure {
    height: 38.2rem;
  }
  .category-list.egitim-paketi .content-list-row .contents.owl-carousel .content-list-item {
    height: 60rem;
  }
  .content-test {
    width: 100%;
    box-sizing: border-box;
    padding: 5rem 6rem;
  }
  .content-test .spot {
    width: 100%;
    box-sizing: border-box;
    font-size: 2.8rem;
    margin-bottom: 10rem;
  }
  .content-test .test-counter {
    text-align: center;
  }
  .content-test .test-counter strong {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2rem;
    font-size: 4rem;
  }
  .content-test .test-counter span {
    font-size: 2.8rem;
  }
  .content-test .test-counter a {
    font-size: 2.8rem;
    padding: 0 1.4rem;
    height: 3.8rem;
    line-height: 4.3rem;
  }
  .content-test .test-result .que-text {
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
  .test-question .que {
    font-size: 2.8rem;
  }
  .test-question .que-image {
    position: relative;
    max-height: 33rem;
    text-align: center;
  }
  .test-question .que-image img {
    display: inline-block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .test-question.type-text .answers li {
    margin-bottom: 3rem;
  }
  .test-question.type-text .answers li input + label {
    padding: 4rem 4rem 4rem 9.4rem;
    font-size: 2.4rem;
  }
  .test-question.type-text .answers li input + label span {
    width: 5rem;
    height: 5rem;
    border-width: 0.4rem;
    top: 3.2rem;
  }
  .test-question.type-text .answers li input + label span:after {
    width: 2.8rem;
    height: 2.8rem;
  }
  .test-question.type-image-large .answers li,
  .test-question.type-image-small .answers li {
    margin-bottom: 3rem;
  }
  .test-question.type-image-large .answers li input + label .text,
  .test-question.type-image-small .answers li input + label .text {
    font-size: 2.4rem;
    padding: 2.5rem 2.5rem 2.5rem 7.4rem;
  }
  .test-question.type-image-large .answers li input + label .text span,
  .test-question.type-image-small .answers li input + label .text span {
    width: 5rem;
    height: 5rem;
    border-width: 0.4rem;
    top: 1.5rem;
    left: 1.2rem;
  }
  .test-question.type-image-large .answers li input + label .text span:after,
  .test-question.type-image-small .answers li input + label .text span:after {
    width: 2.8rem;
    height: 2.8rem;
  }
  .test-question.type-image-small .answers li {
    width: calc(50% - .9rem);
  }
  .cepbebe-section {
    width: 100%;
    box-sizing: border-box;
    padding: 5rem 3.8rem 29.6rem;
  }
  .cepbebe-section p {
    font-size: 2.8rem;
    line-height: 1.7em;
  }
  .cepbebe-section .border-bottom {
    position: relative;
    font-size: 3.2rem;
  }
  .cepbebe-section .border-bottom:after {
    width: 100%;
    box-sizing: border-box;
    height: 0.3rem;
    bottom: 0.3rem;
  }
  .cepbebe-section .border-bottom.only-mobile-inline-block {
    margin-top: 2rem;
    margin-bottom: 2.4rem;
  }
  .cepbebe-section .cbb-left {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  .cepbebe-section .cbb-left p {
    margin: 2.4rem auto;
  }
  .cepbebe-section .cbb-right {
    width: 100%;
    box-sizing: border-box;
    float: none;
  }
  .cepbebe-section .cbb-bottom {
    height: auto;
    font-size: 2.8rem;
    line-height: 1.7em;
    padding: 2.4rem 4.2rem 2.4rem 12rem;
  }
  .cepbebe-section .cbb-bottom i {
    top: 7.6rem;
  }
  .page.checkout-faq .page-banner {
    height: 40rem;
    margin-bottom: 4.5rem;
  }
  .faq-tab {
    text-align: left;
    width: calc(100% - 8rem);
    margin-bottom: 11rem;
    border-width: 0.2rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .faq-tab a {
    position: relative;
    z-index: 3;
    padding: 0 2rem 2.2rem;
    margin: 0 3.8rem;
    font-size: 3.6rem;
    text-align: center;
  }
  .faq-tab a:after {
    height: 0.7rem;
    bottom: 0;
  }
  .faq-tab .scroller {
    white-space: nowrap;
  }
  .faq-tab .scroller:after {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 0.7rem;
    background-color: #f4eee7;
    z-index: 1;
  }
  .faq-content {
    box-sizing: border-box;
    width: calc(100% - 8rem);
    margin: 0 auto 9rem;
  }
  .faq-content .cap {
    width: 100%;
    box-sizing: border-box;
    font-size: 6.4rem;
    margin: 0 auto 5rem;
  }
  .faq-content .banner {
    margin: 0 auto 5rem;
  }
  .faq-accord {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 5rem;
  }
  .faq-accord > li {
    font-size: 3.6rem;
    padding: 5.4rem 5.4rem 5.4rem 0;
    cursor: pointer;
    border-bottom: solid 0.4rem #f4eee7;
  }
  .faq-accord > li .content {
    padding-top: 5.4rem;
  }
  .faq-accord > li:after {
    font-size: 3.6rem;
    top: 6rem;
  }
  .page.brochure .buttons {
    display: block;
    width: 60%;
    margin: 0 auto;
  }
  .page.brochure .buttons .btn {
    display: block;
    font-size: 3.2rem;
    margin: 3.2rem 0;
  }
  .page.kaka .page-banner {
    margin-bottom: 0;
  }
  .page.kaka .page-banner br.mobile {
    display: block;
  }
  .page.kaka .page-banner .text {
    bottom: -3rem;
  }
  .page.kaka .page-banner .text h1 {
    line-height: 1.28em;
    padding: 3rem 4.2rem;
  }
  .page.kaka .page-banner.small {
    height: 67rem;
  }
  .k-top {
    width: calc(100% - 8rem);
    margin: 5rem auto 3.1rem;
    padding: 6rem 3.2rem 3rem;
  }
  .k-auth {
    width: 92%;
    margin: 0 auto;
  }
  .k-auth p {
    font-size: 2.8rem;
    margin-bottom: 5rem;
  }
  .k-auth p.margin-bottom {
    margin-bottom: 5.8rem;
  }
  .k-auth p.buttons {
    margin-bottom: 5rem;
  }
  .k-auth p.buttons span {
    padding: 0 2rem;
  }
  .k-top-form.form-old .form-cap {
    font-size: 2.8rem;
  }
  .k-top-form.form-old .form-value {
    font-size: 2.8rem;
  }
  .k-top-form.form-old .kaka-row {
    flex-wrap: wrap;
    padding: 0 0 3.6rem;
    margin-bottom: 3.6rem;
  }
  .k-top-form.form-old .kaka-row.row-1 {
    border-width: 0.2rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .k-top-form.form-old .kaka-row.row-1 .form-cap {
    margin-right: 1%;
    width: 36%;
    margin-bottom: 3rem;
  }
  .k-top-form.form-old .kaka-row.row-1 .form-item.select.child-select {
    width: 63%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .k-form.form-old {
    width: calc(100% - 8rem);
  }
  .k-form.form .form-item.photo-file {
    width: 48.2rem;
    height: 36.4rem;
  }
  .k-form.form .form-item.photo-file label {
    border-radius: 2.4rem;
  }
  .k-form.form .form-item.photo-file label .plus {
    width: 6rem;
    height: 6rem;
    bottom: -2rem;
    right: -2rem;
  }
  .k-form.form .form-item.photo-file label .photo {
    z-index: 1;
  }
  .k-form.form .form-item.photo-file .image-holder img.close {
    width: 6rem;
    height: 6rem;
    bottom: -2rem;
    right: -2rem;
  }
  .k-form.form .form-item.photo-file .image-holder .content {
    border-radius: 2.4rem;
  }
  .k-form.form .form-item.photo-file.input-error {
    padding-bottom: 8rem;
  }
  .k-tab-scroller {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 2rem 0;
  }
  .k-tabs {
    display: block;
    width: auto;
    margin: 0 auto 2rem;
    white-space: nowrap;
  }
  .k-tabs li {
    display: inline-block;
    vertical-align: middle;
    width: 30rem;
    height: 19rem;
    border-radius: 2.4rem;
    font-size: 2.6rem;
    padding: 1.8rem 2.8rem;
    margin: 0 2.4rem;
  }
  .k-tabs li i {
    margin-bottom: 1.8rem;
  }
  .k-tabs li .number {
    top: 1.6rem;
    right: 1.6rem;
    width: 3rem;
    line-height: 3rem;
    font-size: 2.2rem;
  }
  .k-tabs li .mobile {
    display: block;
  }
  .k-tabs li.first {
    margin-left: 0;
  }
  .k-tabs li.first i {
    margin-bottom: 0.4rem;
    margin-top: -0.6rem;
  }
  .k-stage .small-cap {
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  .k-info {
    padding: 4.5rem 3.6rem;
    font-size: 2.8rem;
    border-radius: 2.4rem;
    margin-bottom: 4.6rem;
  }
  .k-info span.mobile {
    display: inline-block;
  }
  .k-info span.web {
    display: none;
  }
  .k-photo-input {
    border-radius: 2.4rem;
    padding: 7.8rem 0 5rem;
    margin-bottom: 4.4rem;
  }
  .k-photo-input .error-container {
    font-size: 2.8rem;
    line-height: 1.6em;
    margin-top: 3rem;
  }
  .k-photo-mobile {
    padding-top: 4.2rem;
    display: block;
  }
  .k-photo-mobile p {
    margin: 0 auto 4.2rem;
    font-size: 2.8rem;
  }
  .k-photo-mobile .button {
    font-family: 'medium', arial, helvetica, sans-serif;
    position: relative;
    padding-left: 8.2rem;
    font-size: 2.6rem;
  }
  .k-photo-mobile .button i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 3.6rem;
    font-size: 1.3em;
  }
  .k-loader {
    font-size: 3.2rem;
    padding: 4.2rem 0;
  }
  .loader {
    width: 16rem;
    height: 6rem;
  }
  .loader div {
    top: 1.6rem;
    width: 2.6rem;
    height: 2.6rem;
  }
  .loader div:nth-child(1) {
    left: 0.8rem;
  }
  .loader div:nth-child(2) {
    left: 2.4rem;
  }
  .loader div:nth-child(3) {
    left: 6.4rem;
  }
  .loader div:nth-child(4) {
    left: 11.2rem;
  }
  .k-error {
    margin: 2.8rem auto;
    font-size: 2.8rem;
  }
  .k-selector-caps {
    width: calc(100% - 8rem);
    margin-bottom: 4.4rem;
  }
  .k-selector-caps strong {
    font-size: 2.8rem;
  }
  .k-selector-caps strong:last-child {
    padding-right: 0;
  }
  .k-selector-cont {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 109.7rem;
    border-radius: 2.4rem;
  }
  .k-selector-cont .bar-cont {
    width: 13rem;
    height: 99.4rem;
  }
  .k-selector-cont .bar-cont .bar {
    width: 8rem;
    height: 99.4rem;
    border-radius: 2.4rem;
  }
  .k-selector-cont .bar-cont.left {
    left: 4rem;
  }
  .k-selector-cont .bar-cont.right {
    right: 4rem;
  }
  .k-bar-item input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  .k-bar-item input + label {
    height: 14.2rem;
  }
  .k-bar-item input + label span {
    border: solid 1.4rem #fff;
    width: 14rem;
    height: 14rem;
    font-size: 2rem;
  }
  .k-bar-item input:checked + label span {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .k-bar-item.hardness-1 input + label {
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
  }
  .k-bar-item.hardness-7 input + label {
    border-bottom-left-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem;
  }
  .k-bar-item.color-1 input + label {
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
  }
  .k-bar-item.color-7 input + label {
    border-bottom-left-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem;
  }
  .k-row {
    margin: 2.4rem auto 0;
    padding: 4.6rem 0;
  }
  .k-row.margin-bottom {
    margin-bottom: 4.6rem;
    border-bottom: none;
  }
  .k-row .cap {
    font-size: 2.8rem;
  }
  .k-row .info {
    font-size: 2.4rem;
  }
  .k-row .options {
    display: block;
  }
  .k-row .options .k-check {
    width: 100%;
    box-sizing: border-box;
    height: 10rem;
    margin-right: 0;
    margin-bottom: 2.7rem;
  }
  .k-row .options .k-check:last-child {
    margin-bottom: 0;
  }
  .k-row .options .k-check input + label {
    width: 100%;
    box-sizing: border-box;
    height: 10rem;
    border-radius: 2.3rem;
    border-width: 0.2rem;
    padding: 3.2rem 1rem 2.4rem 11rem;
  }
  .k-row .options .k-check input + label b {
    font-size: 2.8rem;
  }
  .k-row .options .k-check input + label span {
    width: 6rem;
    height: 6rem;
    left: 2.2rem;
  }
  .k-row .options .k-check input + label span:after {
    font-size: 2rem;
  }
  .k-row .options .k-check input + label br {
    display: none;
  }
  .k-result {
    padding-top: 0;
    margin-top: -0.6rem;
  }
  .k-result .k-cap,
  .k-result .k-result-cap {
    line-height: 1.65em;
    font-size: 6rem;
    margin-bottom: 0.6rem;
  }
  .k-result .k-result-cap {
    margin-bottom: 1rem;
    line-height: 1.25em;
  }
  .k-result .k-result-cap .k-response-image {
    display: inline-block;
    margin-bottom: 2.6rem;
    width: 12.5rem;
  }
  .k-result .k-result-subcap {
    font-size: 4.4rem;
    margin-bottom: 4.7rem;
    line-height: 1.22em;
  }
  .k-result .k-result-info {
    font-size: 2.8rem;
    padding: 0.6rem 0 0 10rem;
    margin-bottom: 6.7rem;
  }
  .k-result .k-result-info i {
    font-size: 6.6rem;
  }
  .k-result .k-general-cap {
    font-size: 4.4rem;
    margin-bottom: 2.3rem;
  }
  .k-result .k-box {
    font-size: 2.8rem;
    padding: 5rem 4.4rem 7.2rem;
    margin-bottom: 8.4rem;
  }
  .k-result .k-box .box-cap {
    font-size: 2.8rem;
    height: 7rem;
    line-height: 7rem;
    padding-left: 9rem;
    margin-bottom: 1.3rem;
  }
  .k-result .k-box .box-cap i {
    width: 7rem;
    height: 7rem;
    font-size: 7rem;
  }
  .k-result .k-expert-suggestion {
    font-size: 2.8rem;
    margin-bottom: 6.4rem;
  }
  .k-result .k-expert-box {
    padding: 4.5rem 4rem 6.4rem;
  }
  .k-result .k-expert-box .box-cap {
    font-size: 6.2rem;
    margin-bottom: 2.3rem;
  }
  .k-result .k-expert-box .box-cap i {
    font-size: 10rem;
    margin-bottom: 2.3rem;
  }
  .k-result .k-expert-box p {
    font-size: 2.8rem;
    margin-bottom: 3.4rem;
  }
  .k-result .k-expert-box p.last {
    margin-bottom: 0;
  }
  .k-result .k-sub-info {
    font-size: 4.4rem;
    border-radius: 2.4rem;
    padding: 3.9rem;
    margin: 0 auto 6rem;
  }
  .k-result .k-sub-info i {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    font-size: 9rem;
    margin-bottom: 3rem;
  }
  .cepbebe-banner {
    text-align: center;
    height: 60.7rem;
    position: relative;
  }
  .cepbebe-banner .g-width {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .cepbebe-banner .cap {
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    font-size: 5rem;
    padding: 6.6rem 0 0 0;
  }
  .cepbebe-banner .cap:after {
    display: none;
  }
  .cepbebe-banner p {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 51.6rem;
    font-size: 2.8rem;
    margin: 0 auto;
  }
  .cepbebe-banner p br {
    display: none;
  }
  .cepbebe-banner .btn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 1.8rem;
  }
  .cepbebe-banner img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
  }
  .live-chat-button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    left: auto;
    right: 0;
    top: auto;
    bottom: 3rem;
    width: 28.6rem;
    height: 10rem;
    background: transparent url(/assets/images/svg/mobile-sticky-button.svg) no-repeat 0 0;
    background-size: 100%;
    border-radius: 0;
  }
  .live-chat-button span {
    display: none;
  }
  .live-chat-button strong {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    height: auto;
    font-size: 2.4rem;
    right: auto;
    left: 8.8rem;
  }
  .live-chat-button strong:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -4rem;
    top: 0;
  }
  .live-chat-button strong:after {
    display: none;
  }
  .live-chat-button:hover,
  .live-chat-button:active {
    background-color: transparent;
  }
  .live-chat-button:hover strong,
  .live-chat-button:active strong {
    color: #000;
  }
  footer .blue-bg .g-width {
    width: calc(100% - 15.6rem);
  }
  footer .blue-bg.color-1 .g-width {
    padding: 5.3rem 0 2rem 0;
  }
  footer .footer-logo {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4.2rem;
  }
  footer .footer-logo img {
    display: inline-block;
    width: 18.5rem;
  }
  footer .site-map {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    margin-bottom: 9.4rem;
  }
  footer .site-map .group {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  footer .site-map .tag {
    font-size: 1.6rem;
    margin-left: 1.2rem;
    border-radius: 0.8rem;
    padding: 0.8rem;
  }
  footer .site-map .divider,
  footer .site-map .links {
    display: none;
  }
  footer .site-map .cap,
  footer .site-map a.cap {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-size: 3.2rem;
    border-bottom: solid 0.4rem rgba(255, 255, 255, 0.1);
    padding: 3.6rem 5rem 3.6rem 0;
    cursor: pointer;
    margin: 0 auto;
  }
  footer .site-map .cap:after,
  footer .site-map a.cap:after {
    position: absolute;
    font-family: 'icomoon-mutlubebekler' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    right: 0;
    top: 2.9rem;
    font-size: 1.5em;
  }
  footer .site-map .cap.active:after,
  footer .site-map a.cap.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  footer .site-map a.cap:after {
    display: none;
  }
  footer .site-map a.cap:hover,
  footer .site-map a.cap:active {
    color: #fdbe00;
  }
  footer .site-map a {
    font-size: 2.8rem;
    margin: 4rem auto;
  }
  footer .corp-links {
    width: 100%;
    box-sizing: border-box;
    padding: 1.8rem 0;
    border-width: 0.4rem;
    height: auto;
  }
  footer .corp-links .scroller {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: left;
    padding: 1.8rem 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  footer .corp-links a {
    font-size: 2.4rem;
    margin-right: 3.6rem;
  }
  footer .social {
    width: 100%;
    box-sizing: border-box;
    padding-top: 4.8rem;
  }
  footer .social strong {
    display: block;
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
    letter-spacing: 0.04em;
  }
  footer .social a {
    font-size: 8.3rem;
    margin-right: 1.8rem;
  }
  footer .mutlu-bebek-hatti {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: 'regular', arial, helvetica, sans-serif;
    position: relative;
    font-size: 2.8rem;
    padding: 14.5rem 0 0;
    height: 34rem;
  }
  footer .mutlu-bebek-hatti strong {
    font-family: 'medium', arial, helvetica, sans-serif;
    position: static;
    border: solid 0.6rem #fdbe00;
    padding: 1.7rem 6.3rem;
    font-size: 2.8rem;
    border-radius: 5rem;
    margin-top: 3rem;
  }
  footer .mutlu-bebek-hatti strong i {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2rem;
    font-size: 12.5rem;
  }
  footer .mutlu-bebek-hatti span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.01em;
  }
  footer .copy {
    font-size: 2rem;
    text-align: center;
  }
  footer .copy .g-width {
    width: 100%;
    box-sizing: border-box;
    height: 22rem;
    padding: 0;
  }
  footer .copy .mb-copy {
    width: 100%;
    box-sizing: border-box;
    left: 0;
    align-items: center;
    justify-content: center;
  }
  footer .copy .mb-copy span {
    display: inline-block;
    padding-top: 6rem;
  }
  footer .copy .mb {
    width: 18rem;
  }
  footer .copy .positive {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 0;
    width: 26rem;
    bottom: 2rem;
    top: auto;
  }
  footer .info {
    width: 100%;
    box-sizing: border-box;
    height: 58rem;
    font-size: 2.8rem;
    padding: 5.3rem 11rem 6.2rem;
  }
  footer .info p .break {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 750px) {
  html {
    font-size: 1.33333333vw;
  }
}
@media only screen and (max-width: 375px) {
  .content-list-item .caption span {
    word-wrap: break-word;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wrapper {
    overflow: hidden !important;
  }
}