/* Minification failed. Returning unminified contents.
(28385,33): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(28400,33): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31547,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31551,26): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(31583,41): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31584,36): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(31589,37): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31590,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(31604,41): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31605,36): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(31618,40): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-opac'
(31655,37): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31656,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(31666,40): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-opac'
(31702,41): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31703,42): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31748,35): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(31753,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31757,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31761,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31769,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31774,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31779,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31791,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31792,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31796,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(31797,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(31802,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31803,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31807,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31815,33): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31819,33): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(31823,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31827,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31836,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31840,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31844,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31850,35): run-time error CSS1046: Expect comma, found '161'
(31850,42): run-time error CSS1046: Expect comma, found ')'
(31855,35): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31856,40): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-rgb'
(31890,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31897,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(31902,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31906,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31907,44): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-rgb'
(31915,39): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31919,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31920,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31924,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31940,37): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(31970,41): run-time error CSS1046: Expect comma, found '161'
(31970,49): run-time error CSS1046: Expect comma, found '/'
(31986,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32011,35): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(32039,35): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32051,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32083,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32087,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32091,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32095,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32096,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32119,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(32126,35): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32148,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(32155,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32159,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(32170,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-opac'
(32192,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32246,26): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32343,26): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32487,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32518,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32522,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32530,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32548,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32559,40): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-rgb'
(32655,11): run-time error CSS1030: Expected identifier, found '.'
(32655,22): run-time error CSS1031: Expected selector, found ')'
(32655,22): run-time error CSS1025: Expected comma or open brace, found ')'
(32660,11): run-time error CSS1030: Expected identifier, found '.'
(32660,27): run-time error CSS1031: Expected selector, found ')'
(32660,27): run-time error CSS1025: Expected comma or open brace, found ')'
(32665,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32683,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32705,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32711,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32712,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32717,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32722,22): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32728,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32729,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32734,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32784,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32801,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32806,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32831,32): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32842,36): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(32853,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32863,39): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-secondary'
(32872,36): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32873,25): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32915,40): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(32922,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33143,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33172,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33200,25): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33268,21): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-hover'
(33329,16): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33363,17): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33367,28): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33368,24): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33400,39): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
(33401,44): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary-rgb'
(33480,39): run-time error CSS1039: Token not allowed after unary operator: '-cylinda-primary'
 */

/*# sourceMappingURL=font.css.map */

html, body {
    overflow-x: hidden;
}
.bg-sprite, .icon {
  background-image: url(/assets/img/bg-sprite.svg);
  background-repeat: no-repeat;
}

.icon {
  float: left;
  width: 30px;
  height: 20px;
  margin-right: 4px;
}

.icon.shipping {
  background-position: 0 0;
}

.icon.montage {
  background-position: -30px 0;
  width: 24px;
}

.icon.gift {
  background-position: -130px 0;
}

.close-btn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.m-icon {
  background-image: url(/assets/img/bg-sprite-mobile.svg);
}

@media (max-width: 1200px) {
  .col {
    padding: 0px;
  }
}

.site-wrap {
  min-height: 100%;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

body.show-nav .site-wrap {
  left: calc(100% - 60px);
}
body.show-nav .mobile-nav-left {
  left: 0px;
  opacity: 1;
  visibility: visible;
}
body.show-nav .mobile-nav-left .user-in .text {
  display: table;
  float: left;
  color: #fff;
  height: 40px;
  padding: 5px 0;
  margin-top: 8px;
  box-sizing: border-box;
  font-family: "League Regular", sans-serif;
  font-size: 20px;
  line-height: 15px;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.6);
}
body.show-nav .mobile-nav-left .user-in .account-link {
  color: white;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
}
body.show-nav .mobile-nav-left .user-in img {
  float: left;
  width: 40px;
  height: 40px;
  margin-top: 12px;
  margin-left: 12px;
}

#header {
  position: fixed;
  width: 100%;
  display: none;
  z-index: 999999;
}

.header-top {
  font-family: "League Regular", sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #c9c9c9;
  height: 40px;
  background: #fff;
}

.desktop-nav {
  overflow: hidden;
}

.header-list {
  margin: 0px;
}
.header-list li a {
  display: table;
  line-height: 20px;
  padding-right: 15px;
  margin-right: 15px;
  border-right: solid 1px #a3a3a3;
  margin-top: 9.5px;
}
.header-list li:last-child a {
  margin-right: 0px;
}
.header-list li:last-child a {
  border-right: 0px;
}

.logo-v {
  float: left;
  width: 34px;
  height: 36px;
  margin-top: 22px;
  position: relative;
}
.logo-v .flat {
  position: absolute;
  left: 0;
  top: 50%;
  height: 36px;
  margin-top: -18px;
  width: 34px;
  z-index: 1;
  background-image: url(/assets/img/logo-v.svg);
  background-size: 99%;
  background-repeat: no-repeat;
  text-indent: -999999px;
  float: left;
}
.logo-v .gradient {
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  height: 36px;
  margin-top: -18px;
  width: 34px;
  z-index: 2;
  background-image: url(/assets/img/logo-v-2.png);
  background-size: 99%;
  background-repeat: no-repeat;
  opacity: 0;
}

.logo {
  width: 130px;
  height: 36px;
  margin-top: 22px;
  background-position: -35px -20px;
  display: table;
  float: left;
}

.vestel-logo div {
  float: left;
  margin-top: 22px;
}
.vestel-logo .logo-firstC {
  background: url(/assets/img/logo-v.svg);
  width: 35px;
  height: 36px;
}

.header-middle {
  position: relative;
  z-index: 99999999;
  background: #fff;
}
.header-middle .vestel-logo {
  display: table;
  float: left;
}
.header-middle .other-links {
  display: table;
  float: left;
  margin-bottom: 0px;
  margin-top: 20px;
  padding-left: 24px;
}
.header-middle .other-links li {
  float: left;
  list-style: none;
  margin-right: 16px;
}
.header-middle .other-links li:last-child {
  margin-right: 0px;
}
.header-middle .other-links li a {
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #2e2e2e;
  height: 30px;
  line-height: 40px;
}
.header-middle .other-links li a:hover {
  color: #df2027;
}
.header-middle .inner-right {
  padding: 16px;
}
.header-middle .search-bar-wrap {
  float: left;
}
.header-middle .search-bar-wrap .textInput input {
  float: left;
  outline: 0;
}
.header-middle .search-bar-wrap #txtsearch {
  height: 40px;
  border: 0;
  padding: 0;
  text-indent: 10px;
  float: left;
  width: 360px;
  background-color: #eee;
  font-family: "League Regular", sans-serif;
  font-size: 14px;
}
.header-middle .search-bar-wrap #btnsearch {
  float: right;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background-color: #eee;
  background-position: 0 -56px;
  cursor: pointer;
}
.header-middle .cart-area .cart {
  float: left;
  width: 30px;
  height: 30px;
  position: relative;
  background-position: -40px -56px;
}
.header-middle .cart-area .cart .quantity {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  background-color: #666;
  font-family: "League Medium", sans-serif;
  font-size: 12px;
}
.header-middle .cart-area .cart .quantity.active {
  background-color: #ff7f29;
  box-shadow: 0 2px 4px rgba(255, 124, 41, 0.4);
}
.header-middle .user-header {
  list-style: none;
  float: left;
  padding: 0px;
}
.header-middle .user-header li {
  float: left;
  margin: 8px;
}
.header-middle .user-header li a {
  float: left;
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  border-left: solid 1px #a3a3a3;
  margin-top: 4px;
}
.header-middle .user-header li a:hover {
  color: #df2027;
}
.header-middle .user-header li:first-child a {
  border: 0px;
}
.header-middle .cart-area {
  margin: 8px;
}

/**
Ana Menu
*/
#main-menu {
  display: table;
  width: 100%;
  background: #df2027;
  position: relative;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #main-menu .container {
        max-width: 1200px !important;
    }
}

#main-menu .parent-menu {
  margin-right: 16px !important;
}
#main-menu .parent-menu > li {
  list-style: none;
}
#main-menu .menu-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: top;
  font-size: 0;
  height: 50px;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#main-menu .menu-list > li {
  float: left;
  display: inline-block;
  height: 50px;
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.77, 10, 0.175, 1);
}
#main-menu .menu-list > li > a {
  color: #fff;
  width: 100%;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-top: 15px;
  font-family: "League Medium", sans-serif;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  padding: 0px;
  border-right: solid 1px rgba(255, 255, 255, 0.4);
}
#main-menu .menu-list > li > a:hover {
  color: white;
}
#main-menu .menu-list > li .opacity {
  opacity: 0.6;
}
#main-menu .menu-list > li:first-child > a {
  border-left: solid 1px rgba(255, 255, 255, 0.4);
}
#main-menu .menu-list > li:hover {
  background: #f7272f;
}
#main-menu .menu-list > li.active-hvr .sub-menu {
  display: block !important;
  visibility: visible;
  opacity: 1;
  height: 450px;
  padding: 30px 0;
}
#main-menu .sub-menu {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  background: #f7272f;
  box-sizing: border-box;
  padding: 0px 0;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  overflow: hidden;
  -o-transition: opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#main-menu .sub-menu .sub-cat-image {
  background-image: url(/assets/img/tv-ses.svg);
  position: absolute;
  right: 30px;
  bottom: 0;
  height: 380px;
  width: 380px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#main-menu .sub-menu .inner > ul {
  padding: 0px;
  margin: 0px;
  float: left;
  min-width: 200px;
  position: relative;
  height: 320px;
  columns: 1;
}
#main-menu .sub-menu .inner > ul > li > a {
  text-align: left;
  position: relative;
  padding-left: 25px;
  display: block;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.8);
  border-left: 0px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
  padding-right: 30px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
#main-menu .sub-menu .inner > ul > li > a:before {
  content: "a";
  text-indent: -99999px;
  position: absolute;
  left: 10px;
  height: 20px;
  width: 7px;
  top: 10px;
  background-position: -150px -96px;
  opacity: 0.8;
  background-image: url(/assets/img/bg-sprite.svg);
  background-repeat: no-repeat;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.2s linear;
}
#main-menu .sub-menu .inner > ul > li:hover {
  opacity: 1 !important;
  background: #df2027;
}
#main-menu .sub-menu .inner > ul > li:hover .third-level {
  display: table;
  min-height: 200px;
}
#main-menu .sub-menu .inner > ul > li:hover > a {
  border-bottom: solid 1px black;
}
#main-menu .sub-menu .inner > ul > li:hover > a:before {
  background-position: -140px -96px;
}
#main-menu .sub-menu .inner > ul > li .third-level {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  min-width: 100%;
  box-sizing: border-box;
  padding: 10px 20px;
  display: none;
  background-color: #df2027;
  z-index: 9;
}
#main-menu .sub-menu .inner > ul > li .third-level ul {
  padding: 0px;
}
#main-menu .sub-menu .inner > ul > li .third-level a {
  position: relative;
  display: block;
  height: 22px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  white-space: nowrap;
  text-align: left;
}
#main-menu .sub-menu .inner > ul > li:nth-child(n+9) .third-level {
  left: 200%;
}

.scroll .menu-list {
  opacity: 0;
  visibility: hidden;
}
.scroll .sub-menu {
  display: none;
}

.scrollWrap #main-menu .menu-list {
  opacity: 0;
  visibility: hidden;
}

/*mobile-header-top*/
.mobile-header-slide {
    opacity: 0;
    transform: translateX(-100%);
    animation: slide-in 0.5s ease forwards;
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (min-width: 992px) {
    .mobile-header-top .container {
        max-width: 1180px !important;
        margin-left: 20px !important;
    }
}

@media (min-width:1200px){
    .mobile-header-top {
        display: none;
    }
}
/*mobile-header-top*/
.show-nav .mobile-header {
  padding: 0px 16px;
}

.mobile-header {
  position: fixed;
  z-index: 999999;
  width: 100%;
  background: #fff;
  padding: 0px 0px;
  border-bottom: solid 4px #df2027;
}
@media (min-width: 1200px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header .logo {
  float: left;
  width: 110px;
  height: 30px;
  background-position: -30px 0;
  margin: 13px 0px 13px 13px;
}
.mobile-header .basket {
  float: left;
}
.mobile-header .basket .cart {
  float: right;
  width: 30px;
  height: 30px;
  background-position: -170px 0;
  margin: 13px 0px 0 15px;
  position: relative;
}
.mobile-header .basket .cart span.quantity {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  background-color: #666;
  font-family: "League Medium", sans-serif;
  font-size: 12px;
}
.mobile-header .search {
  float: left;
  width: 30px;
  height: 30px;
  background-position: -140px 0;
  margin: 13px 0px;
}

#mobile-nav-btn {
  float: left;
  width: 30px;
  height: 30px;
  background-position: 0 0;
  margin: 13px 0;
}

.show-nav #mobile-nav-btn {
  background-position: 0 -30px;
}

.mobile-nav-left .accordions-menu {
    margin-top: -25px;
}

.mobile-nav-left {
    position: fixed;
    /*z-index: 99999999999;*/
    z-index: 999999;
    height: 100%;
    width: 85%;
    background-color: #f9f9f9;
    box-sizing: border-box;
    overflow: scroll;
    padding-top: 0px;
    padding-bottom: 50px;
    left: calc(-100% + 50px);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0;
    visibility: hidden;
}
.mobile-nav-left .user-links {
  position: static;
  width: 100%;
  background-color: #3b3b3b;
  height: 60px;
}
.mobile-nav-left .user-links ul {
  list-style: none;
  padding: 0px;
}
.mobile-nav-left .user-links ul li {
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 20px;
  line-height: 27px;
  text-align: left;
  margin: 0px;
  padding: 16px;
  display: table;
}
.mobile-nav-left .user-links ul li:first-child {
  border-right: solid 1px rgba(255, 255, 255, 0.2);
  text-align: right;
  padding-left: 0;
}
.mobile-nav-left .user-links ul li a {
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #fff;
}
     .user-links {
        position: static;
        width: 100%;
        background-color: #3b3b3b;
        height: 60px;
    }

        .user-links ul {
            list-style: none;
            padding: 0px;
        }

             .user-links ul li {
                box-sizing: border-box;
                float: left;
                width: 50%;
                height: 20px;
                line-height: 27px;
                text-align: left;
                margin: 0px;
                padding: 16px;
                display: table;
            }

                 .user-links ul li:first-child {
                    border-right: solid 1px rgba(255, 255, 255, 0.2);
                    text-align: right;
                    padding-left: 0;
                }

                 .user-links ul li a {
                    font-family: "League Bold", sans-serif;
                    font-size: 12px;
                    color: #fff;
                }
.mobile-nav-left ul li {
  margin: 8px 0px 0px;
}
.mobile-nav-left ul li a {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .mobile-nav-left {
    display: none;
  }
}
.mobile-nav-left .child {
  padding: 0px 8px;
}
.mobile-nav-left .accordion .accordion-box-item {
  background: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
}
.mobile-nav-left .accordion .accordion-parent-btn {
  width: 100%;
  outline: 0px !important;
  box-shadow: none !important;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #df2027;
  letter-spacing: 2px;
  text-align: left;
  text-decoration: none !important;
  border-left: solid 2px #df2027;
  margin: 0px;
}
.mobile-nav-left .accordion .accordion-parent-btn span {
  float: right;
  width: 22px;
  height: 22px;
  background-position: -30px -156px;
  margin-top: 14px;
  background-image: url(/assets/img/bg-sprite.svg);
}
.mobile-nav-left .accordion .collapsed {
  background: #fff;
  color: #000;
  border-left: solid 2px #fff;
  font-family: "League Regular", sans-serif;
}
.mobile-nav-left .accordion .accordionContent {
  background-color: #f9f9f9;
  border-radius: 0;
  padding: 8px 20px 24px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  border-left: solid 2px #df2027;
}
.mobile-nav-left .accordion .header-accordion2 {
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
  letter-spacing: 2px;
  border-color: #dedede;
  border-left: 0;
  border-right: 0;
  margin: 0;
}
.mobile-nav-left .accordion .child {
  display: none;
}
.mobile-nav-left .accordion li.active ul {
  display: table;
}
.mobile-nav-left .ui-accordion .ui-accordion-header {
  margin-top: 0px;
  font-size: 16px;
  padding-left: 16px;
}
.mobile-nav-left .hasChild .ui-accordion-header {
  margin-top: 0px;
  font-size: 14px;
  padding: 0px;
  height: auto !important;
  letter-spacing: 0px;
}
.mobile-nav-left .hasChild .ui-accordion-header .icon {
  content: "+";
  float: right;
  margin-right: 2px;
  font-size: 25px;
  position: relative;
  right: 0px;
  font-family: "League Regular", sans-serif;
  width: 20px;
  height: 20px;
}
.mobile-nav-left .hasChild .ui-accordion-header .plusiocn {
  float: right;
  color: #000;
}
.mobile-nav-left .hasChild .ui-accordion-header .plusiocn:after {
  content: "+";
  font-size: 20px;
}
.mobile-nav-left .hasChild .ui-accordion-content ul {
  padding: 1em 0;
}
.mobile-nav-left .hasChild .ui-accordion-content-active {
  border-left: solid 0px #df2027 !important;
}
.mobile-nav-left .hasChild .ui-state-active .plusiocn:after {
  content: "-";
}
.mobile-nav-left .accordions-menu > .accordion > .ui-accordion-content {
  padding: 16px;
  padding-top: 0px;
}
.mobile-nav-left .ui-accordion-header {
  color: #000;
  letter-spacing: 1px;
  font-family: "League Medium", sans-serif;
  font-size: 16px !important;
}
.mobile-nav-left h3 {
  color: #636363;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.mobile-nav-left .ui-accordion-content {
  padding: 1em 0em;
  overflow: auto;
  background-color: #f9f9f9 !important;
  border-width: 0px !important;
  position: relative;
  top: -1px;
}
.mobile-nav-left .ui-accordion-content-active {
  border-left: solid 2px #df2027 !important;
}
.mobile-nav-left .ui-accordion-header-active {
  background: #f9f9f9 !important;
  border-color: #f9f9f9 !important;
  border-left: solid 2px #df2027 !important;
  color: #df2027;
  border-left-width: 2px !important;
}
.mobile-menu-list li.hasChild h3 {
  line-height: 35px;
}

.mobile-nav-left ul li {
  margin: 0px !important;
}

.mobile-menu-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.mobile-menu-list > li > h3 {
  line-height: 30px;
}
.mobile-menu-list .hasChild li a {
  line-height: 30px;
}
.mobile-menu-list li a {
  color: #636363;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.mobile-menu-list .hasChild {
  line-height: 30px;
}
.mobile-menu-list .ui-accordion-header {
  line-height: 2em;
  color: #636363 !important;
}
.mobile-menu-list li h3 {
  line-height: 30px;
}
.mobile-nav-left ul li {
  margin:0px !important;
}

.mobile-nav-left ul.header-links li {
  margin-bottom: 10px !important;
}

.mobile-login-btn {
    float: left;
    width: 30px;
    height: 30px;
    background-position: -140px 0;
    margin: 13px 15px;
}

.header-links {
    padding: 16px;
    padding-bottom: 0px;
    list-style: none;
}
.header-links li a {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
    .header-links li .exitBtn {
        color: #aa0000;
        border: none;
        background: none;
        margin: 0;
        padding: 0;
    }

.header-links.support {
  padding-top: 0px;
}
.header-links.support li a {
  font-family: "League Regular", sans-serif;
}

.m-search {
  top: 60px;
  z-index: 999999;
  position: absolute;
  display: table;
  width: 100%;
  padding: 2px;
  left: 0px;
  top: 56px;
  background: #df2027;
  visibility: hidden;
  height: 0px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.m-user {
    top: 60px;
    z-index: 999999;
    position: absolute;
    display: table;
    width: 100%;
    left: 0px;
    top: 56px;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    visibility: hidden;
    height: 0px;
    opacity: 0;
}
.m-search .search {
  height: 40px;
  line-height: 40px;
  border: 0;
  float: left;
  margin: 0;
  width: calc(100% - 52px);
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
}
.m-search .submit {
  width: 49px;
  float: right;
  font-size: 14px;
  letter-spacing: 0;
  height: 40px;
  line-height: 40px;
  border: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.opened-search {
  height: 45px;
  opacity: 1;
  visibility: visible;
}
.opened-user {
    height: 45px;
    opacity: 1;
    visibility: visible;
}

.user-profile {
    float: left;
    width: 150px;
    margin: 0px 16px;
}
.user-profile .account-bar {
  float: left;
}
.user-profile .account-bar img {
  float: left;
}
.user-profile .account-bar .name {
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 15px;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-profile .account-bar .account {
  float: left;
  height: 20px;
  line-height: 20px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #df2027;
}
.user-profile .account-bar .account .icon {
  float: right;
  margin-top: 8px;
  margin-left: 8px;
  width: 12px;
  height: 6px;
  display: inline-block;
  background-position: -164px -116px;
}
.user-profile .acc-links {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  width: 310px;
  top: 65px;
  right: 45px;
  border-top: solid 2px #df2027;
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0, 10, 0.175, 1);
}
.user-profile .acc-links.is-open-list {
  visibility: visible;
  max-height: max-content;
}
.user-profile .acc-links:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #df2027 transparent;
  position: absolute;
  right: 140px;
  top: -8px;
}
.user-profile .acc-links .title {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 39px;
  box-sizing: border-box;
  padding: 0px 8px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
  border-bottom: solid 1px #dedede;
}
.user-profile .acc-links .links {
  padding: 16px;
  display: table;
}
.user-profile .acc-links ul {
  list-style: none;
  padding: 0px;
}
.user-profile .acc-links ul li {
  display: table;
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #888;
}
.user-profile .acc-links ul li a {
  float: left;
  height: 24px;
  line-height: 24px;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}

.region-btn {
  float: left;
  width: 40px;
  margin: 0 10px;
}
.region-menu {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  width: 50px;
  top: 60px;
  right: 20px;
  border: solid 2px #747474;
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0, 10, 0.175, 1);
}
.region-menu.is-open-list {
  visibility: visible;
  max-height: 400px;
}
.region-menu:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #df2027 transparent;
  position: absolute;
  right: 140px;
  top: -8px;
}
.region-menu .title {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 39px;
  box-sizing: border-box;
  padding: 0px 8px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
  border-bottom: solid 1px #dedede;
}
.region-menu .links {
  padding: 0 10px;
  display: table;
}
.region-menu ul {
  list-style: none;
  padding: 0px;
}
.region-menu ul li {
  display: table;
  width: 100%;
  margin: 5px 7px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #888;
}
.region-menu ul li.active a {
    color:#df2027;
}
.region-menu ul li a {
  float: left;
  height: 24px;
  line-height: 24px;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
    .user-profile .acc-links .logout-btn {
        float: left;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border-top: solid 1px #dedede !important;
        color: #df2027;
        text-align: center;
        letter-spacing: 2px;
	font-family: "League Medium", sans-serif;
  	font-size: 14px;
        border: none;
        background: none;
    }

.no-header-detail .header-top, .no-header-detail #main-menu, .no-header-detail .other-links, .no-header-detail .search-bar-wrap, .no-header-detail .cart-area, .no-header-detail .user-header, .no-header-detail .logo-v .gradient {
  display: none;
}

#cart-list {
  display: none;
}
#cart-list.is-open {
  display: table;
}
#cart-list .cart-items {
  padding: 0px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: -18px;
  top: 78px;
  background: #fff;
  width: 380px;
  height: 285px;
  padding-bottom: 100px;
  border-top: solid 2px #df2027;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
#cart-list .cart-items ul {
  list-style: none;
  padding: 0px;
}
#cart-list .cart-items .arrow {
  right: -300px;
  top: -20px;
  position: relative;
  width: 0;
  border-bottom: solid 20px #f00;
  border-right: solid 20px transparent;
  border-left: solid 20px transparent;
}
#cart-list .cart-items .arrow .triangle {
  position: absolute;
  top: 4px;
  left: -16px;
  width: 0;
  border-bottom: solid 16px #fff;
  border-right: solid 16px transparent;
  border-left: solid 16px transparent;
}
#cart-list .cart-items .title {
  height: 40px;
  line-height: 40px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  float: left;
}
#cart-list .cart-items .title .title-campaignname {
  float: left;
  width: 195px !important;
  line-height: 17px;
}
#cart-list .cart-items .title .title-price {
  vertical-align: top;
  line-height: 17px;
}
#cart-list .cart-items .items {
  float: left;
  width: 100%;
  height: 300px;
  box-sizing: border-box;
}
#cart-list .cart-items .items ul {
  float: left;
  width: 100%;
  height: 280px;
  position: relative;
  overflow: hidden;
}
#cart-list .cart-items .items ul li {
  box-sizing: border-box;
  height: 100px;
  border-bottom: solid 1px #dedede;
  width: 340px;
  margin-left: 20px;
  display: table;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#cart-list .cart-items .items ul li .basket-item-left {
  display: table;
  width: 20%;
  float: left;
}
#cart-list .cart-items .items ul li .basket-item-right {
  display: table;
  width: 75%;
  float: left;
  padding: 0px 8px;
}
#cart-list .cart-items .items ul li:first-child .rectangle {
  margin-top: 0px !important;
}
#cart-list .cart-items .items ul li .rectangle {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: solid 1px #dedede;
}
#cart-list .cart-items .items ul li .image {
  float: left;
  width: 65px;
  line-height: 85px;
  height: 85px;
  text-align: center;
  box-sizing: border-box;
}
#cart-list .cart-items .items ul li .prd-name {
  float: left;
  text-align: left;
  box-sizing: border-box;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #000;
  padding: 0px 0px;
  line-height: 1.4em;
  margin-top: 0px;
}
#cart-list .cart-items .items ul li .prd-price {
  float: left;
  box-sizing: border-box;
  padding: 0 0;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #2e2e2e;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
}
#cart-list .cart-items .items ul li .prd-price .spnQuantity {
  letter-spacing: 0.9px;
  color: #000;
  margin-left: 6px;
}
#cart-list .cart-items .items ul li .prd-price .spnPrice {
  letter-spacing: 0.9px;
  color: #df2027;
  margin-left: 6px;
}
#cart-list .cart-items .items .multi {
  height: auto;
  box-sizing: border-box;
  width: 340px;
  margin-left: 20px;
  margin-top: 10px;
}
#cart-list .cart-items .items .multi a {
  display: block;
  position: relative;
  height: 90px;
}
#cart-list .cart-items .items .multi a .rectangle {
  margin-top: 8px;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: solid 1px #dedede;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#cart-list .cart-items .items .multi a .rectangle .image {
  width: 78px;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#cart-list .cart-items .items .multi a .prd-name {
  display: block;
  width: 207px;
  height: 28px;
  text-align: left;
  box-sizing: border-box;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #000;
  padding: 15px 0;
  line-height: 1.4em;
  margin-left: 15px;
  margin-top: 0;
  vertical-align: top;
  position: absolute;
  left: 85px;
  top: -10px;
}
#cart-list .cart-items .items .multi a .prd-price {
  display: inline-block;
  text-align: right;
  width: 205px;
  height: 45px;
  box-sizing: border-box;
  padding: 0 0;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #2e2e2e;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 4px;
  vertical-align: top;
  left: 80px;
  top: 30px;
  position: absolute;
}
#cart-list .cart-items .items .multi a .prd-price label {
  width: 50px;
  text-align: right;
  display: block;
  float: left;
}
#cart-list .cart-items .items .multi a .prd-price .spnQuantity {
  float: left;
  position: relative;
}
#cart-list .cart-items .items .multi a .prd-price .spnPrice {
  letter-spacing: 0.9px;
  color: #df2027;
  position: relative;
  margin-left: -2px;
  text-align: left;
  float: left;
}
#cart-list .cart-items .items .multi a .prd-price .spnPrice span:nth-child(1) {
  margin-left: 10px;
}
#cart-list .cart-items .items .multi .bundle-name {
  padding-top: 20px;
  display: block;
  padding-bottom: 20px;
}
#cart-list .cart-items .total-price {
  padding: 16px;
}
#cart-list .cart-items .total-price span {
  text-align: left;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #000;
  background-color: #fff;
  margin-right: 8px;
}
#cart-list .cart-items .total-price span strong {
  margin-left: 6px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #df2027;
}
#cart-list .cart-items .to-basket a {
  width: 381px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #df2027;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  float: left;
  letter-spacing: 2px;
}
#cart-list .cart-items-mobile {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: -42px;
  top: 60px;
  background: #fff;
  width: 300px;
  height: 329px;
  padding-bottom: 50px;
  border-top: solid 2px #df2027;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-translate {
    border: none !important;
    color: #df2027;
    text-decoration: underline;
    padding: 0px 5px;
    background: none;
    outline: none !important;
    font-weight: bold;
}

    .btn-translate::after {
        border: none !important;
        outline: none !important
    }

@media (max-width: 992px) {
    .show-nav .mobile-header .container {
    padding-left: 4px;
  }
}

@media (max-width: 370px) {
  .logo {
    position: absolute;
    left: 19px;
  }
}
body.scroll .sub-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 768px) {
  .lastProduct {
    display: none;
  }
}

@media (max-width: 768px) {
  .productList {
    display: none;
  }
}
.searchBox {
  height: 575px;
  position: absolute;
  width: 95%;
  top: 70px;
  border: 1px solid whitesmoke;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
  visibility: hidden;
  opacity: 0;
  right: 40px;
}
@media (max-width: 768px) {
  .searchBox {
    width: 100%;
    left: 0px;
    height: auto;
    top: 50px;
    padding: 10px 10px;
  }
  .searchBox ul li {
    width: 100%;
    max-width: unset !important;
    padding: 0px !important;
  }
  .searchBox ul li > a {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 0 0 10px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
  }
  .searchBox ul li > a .price {
    line-height: 1.29;
    font-weight: 600;
    font-size: 16px;
    color: #212529;
    font-family: "League Bold", sans-serif;
    white-space: nowrap;
  }
  .searchBox ul li > a .product-img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background: transparent center no-repeat;
    background-size: contain;
  }
  .searchBox .link {
    display: table;
    width: 100%;
    float: right;
    text-align: right;
    padding: 5px 25px;
    position: relative;
  }
  .searchBox .link:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
    margin-left: 11px;
    position: absolute;
    right: 9px;
    top: 11px;
  }
  .searchBox h3 {
    margin-bottom: 0;
  }
}
.searchBox.activeSearchBox {
  visibility: visible;
  opacity: 1;
}
.searchBox .searchBoxWrap {
  position: relative;
  width: 100%;
}
.searchBox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  right: 50%;
  top: -19px;
}
.searchBox:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: whitesmoke;
  top: -20px;
  right: 50%;
}
.searchBox h3 {
  width: auto;
  font-size: 16px;
  line-height: 1.29;
  padding-top: 5px;
  color: #de1f26;
  font-family: "League Bold", sans-serif;
  font-weight: 600;
}
.searchBox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.searchBox ul > li {
  max-width: 192px;
  padding: 4px 4px;
}
.searchBox ul > li a {
  color: #000;
  font-size: 12px;
}
.searchBox ul > li.active .productList {
  visibility: visible !important;
  opacity: 1 !important;
}
.searchBox ul > li:hover {
  background: #f7f7f7;
}
.searchBox ul > li:hover .productList {
  /* visibility: visible !important;
   opacity: 1 !important;*/
}
.searchBox .productList {
  position: absolute;
  left: 30%;
  width: 75%;
  top: 0px;
  border-left: 1px solid whitesmoke;
  padding: 0px 16px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.searchBox .productList li {
  width: 33%;
  display: table;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-height: 210px;
}
.searchBox .productList li a {
  padding: 8px;
  display: table;
  width: 100%;
  font-size: 12px;
}
.searchBox .productList li a:hover {
  background: #f7f7f7;
}
.searchBox .productList li .productImg {
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: transparent center no-repeat;
  background-size: contain;
}
.searchBox .productList li img {
  width: auto;
  max-width: 100%;
  max-height: 100px;
}
.searchBox .productList li .price {
  font-family: "League Regular", sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.searchBox .productList li .desc {
  font-family: "League Regular", sans-serif;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  height: 45px;
}
.searchBox .link {
  display: table;
  width: 100%;
  float: right;
  text-align: right;
  padding: 10px 20px;
  position: relative;
}
.searchBox .link:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
  margin-left: 11px;
  position: absolute;
  right: 9px;
  top: 16px;
}
.no-header-detail #header {
  height: auto !important;
  min-height: unset !important;
}
.no-header-detail .logo {
  opacity: 1 !important;
}
.no-header-detail .logo-v .flat {
  opacity: 1 !important;
  transform: unset !important;
}
.bld-menu-txt {
  font-family: "League Medium", sans-serif !important;
  font-weight: 600;
  color: #636363 !important;
  margin: 8px 0px 16px;
  display: table;
}

.header-top .individual-sell {
    font-family: "League Bold", sans-serif !important;
}


.content {
  padding-top: 60px;
  display: inline-block !important;
}
@media (min-width: 1200px) {
  .content {
    padding-top: 168px;
  }
}
@media (max-width: 1200px) {
  #main {
    padding-top: 0px;
  }
}
.no-header-detail .mainTopSlide {
  display:none;
}
.mainTopSlide .swiper-button-prev, .mainTopSlide .swiper-button-next {
  display: none;
}
#mainPage .content {
  padding-top: 60px;
}
@media (min-width: 1200px) {
  #mainPage .content {
    padding-top: 168px;
  }
}

.top-campaign-wrap {
  text-align: center;
  background-color: #ececec;
  font-family: "League Medium", sans-serif;
  padding: 5px;
  min-height: 50px;
  width: 100%;
}
.top-campaign-wrap .wrap {
  display: table;
  margin: auto;
}

#mainPage .category-list {
  padding: 0px;
  display: table;
  width: 100%;
}
@media (max-width: 1200px) {
  #mainPage .category-list .container {
    padding: 0px;
  }
}

.content {
  width: 100%;
}

body.show-nav .container {
  left: calc(100% - 60px);
  margin: 0px 0px;
}

#main-slider img {
  max-width: 100%;
  width: 100%;
}
#main-slider .swiper-pagination {
  height: 50px;
  bottom: 24px !important;
  position: relative;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main-slider .swiper-scrollbar {
  position: absolute;
  left: 1%;
  top: 0px;
  bottom: auto;
  z-index: 50;
  height: 5px;
  width: 98%;
}
#main-slider .swiper-button-prev, #main-slider .swiper-button-next {
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  color: #000;
}
#main-slider .swiper-button-prev:after, #main-slider .swiper-button-next:after {
  font-size: 19px;
}
@media (min-width: 992px) {
  #main-slider .mobile {
    display: none;
  }
  #main-slider .desktop {
    display: table;
  }
}
@media (max-width: 992px) {
  #main-slider .desktop {
    display: none;
  }
  #main-slider .mobile {
    display: table;
  }
}
#main-slider .swiper-pagination-bullet {
  width: 30px;
  overflow: hidden;
  height: 5px;
  box-sizing: border-box;
  border: solid 1px #fff;
  position: relative;
  background-color: #fff !important;
  line-height: 26px;
  border-radius: 0;
  text-indent: 0;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
/*  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);*/
  color: #df2027;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  opacity: 1;
  position: relative;
}
#main-slider .swiper-pagination-bullet-active {
  height: 30px;
  bottom: 0px !important;
}

@media (max-width: 540px) {
    #main-slider .swiper-pagination {
        height: auto;
        display: inline-block;
        bottom: 4px !important;
    }
    .swiper-container {
        padding-bottom: 70px;
    }
    #main-slider .swiper-pagination-bullet{
        bottom:10px;
    }
    #main-slider .swiper-pagination-bullet-active {
        bottom: -3px !important;
    }
}

#main-slider .redline {
  width: 100%;
  height: 3px;
  background-color: #df2027;
  position: absolute;
  left: 0;
  bottom: 0;
}

.left-shadow, .right-shadow {
  left: 0;
  position: absolute;
  height: 33px;
  width: 70px;
  top: 0px;
  z-index: 2;
  background-image: url(/assets/img/left-shadow-bg.png);
}
@media (min-width: 1200px) {
  .left-shadow, .right-shadow {
    display: none;
  }
}
.left-shadow .icon, .right-shadow .icon {
  background-position: -176px -116px;
  left: 15px;
  width: 6px;
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

.right-shadow {
  left: auto;
  right: 0px;
  background-image: url(/assets/img/right-shadow-bg.png);
}
.right-shadow .icon {
  transform: rotate(180deg);
  left: auto;
  right: 16px;
}

@media (min-width: 1200px) {
  #catSliderMain .item {
    height: 600px;
  }
}

.catSliderWrap {
  width: 100%;
}
.catSliderWrap .bx-wrapper {
  border: 0px;
  box-shadow: none;
  margin-bottom: 0px;
}
.catSliderWrap .manuel-control {
  float: right;
  width: 65%;
  position: absolute;
  right: 0px;
  bottom: 16px;
}

#cat-slider {
  width: 100%;
  display: table;
  margin: 24px 0px;
}
@media (min-width: 1200px) {
  #cat-slider {
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  #cat-slider {
    margin: 2rem 0px 0px;
  }
  #cat-slider .container {
    padding: 0px;
  }
}
#cat-slider .text-box {
  height: 580px;
  width: 400px;
  position: absolute;
  left: -130px;
  top: 30px;
  padding: 40px;
  background-color: rgba(223, 32, 29, 0.8);
  box-sizing: border-box;
  color: #fff;
}
@media (max-width: 1200px) {
  #cat-slider .text-box {
    left: -40px;
    position: relative;
  }
}
#cat-slider .text-box .title {
  font-family: "League Bold", sans-serif;
  font-size: 34px;
  line-height: 42px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
#cat-slider .text-box .title:after {
  content: " ";
  position: absolute;
  background-color: #3b3b3b;
  height: 6px;
  width: 180px;
  top: 48px;
  right: -40px;
}
@media (max-width: 1200px) {
  #cat-slider .text-box .title:after {
    position: absolute;
    width: 5px;
    height: 100px;
    right: 10px;
    top: -25px;
    background-color: #3b3b3b;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  }
}
#cat-slider .text-box p {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #fff;
  margin-bottom: 85px;
  line-height: 1.6em;
}
#cat-slider .text-box a {
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #fff;
  padding: 0 18px;
  box-sizing: border-box;
  float: left;
  height: 50px;
  line-height: 46px;
  border: solid 2px #fff;
  width: 100%;
  text-align: center;
}
@media (max-width: 1200px) {
  #cat-slider .text-box {
    position: relative;
    margin: auto;
    width: 90%;
    left: 0px;
    top: -32px;
    height: auto;
    display: table;
    padding: 16px;
  }
  #cat-slider .text-box .title {
    color: #fff;
    font-family: "League Bold", sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
  #cat-slider .text-box p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
    font-family: "League Regular", sans-serif;
  }
  #cat-slider .text-box a {
    margin-top: 8px;
    font-family: "League Bold", sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    box-sizing: border-box;
    float: left;
    height: 50px;
    line-height: 48px;
    border: solid 1px #fff;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1200px) {
  #cat-slider .manuel-control {
    float: right;
    position: absolute;
    right: 0px;
    bottom: unset;
    top: -45px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 33px;
  }
}
#cat-slider .scroll-overflow {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  #cat-slider .scroll-overflow {
    overflow-x: scroll;
  }
}
#cat-slider .scroll-overflow ul {
  padding: 0px;
  width: 900px;
}
@media (max-width: 1200px) {
  #cat-slider .col {
    padding: 0px;
  }
  #cat-slider .cat-swiper-pagination {
    display: none;
  }
}
#cat-slider .item-wrap {
  position: relative;
  float: right;
  background: #ccc;
}
@media (max-width: 1200px) {
  #cat-slider .item-wrap {
    float: none;
    background: none;
  }
}
#cat-slider .item img {
  width: 100%;
}
#cat-slider .manuel-control li {
  padding: 0 20px;
  box-sizing: border-box;
  height: 40px;
  line-height: 37px;
  float: left;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  opacity: 0.6;
  border-top: solid 3px transparent;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  margin-left: 24px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  background: none;
  width: unset;
  border-radius: unset;
}

/** Öne Çıkan Kategoriler */
#main-featured-cat {
  margin: 16px 0px;
}
@media (max-width: 992px) {
  #main-featured-cat {
    margin: 0px 0px 32px 0px;
  }
}
#main-featured-cat ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
}
#main-featured-cat ul li {
  float: left;
  margin: 32px 0px;
}
#main-featured-cat ul li figure {
  float: left;
  width: 100%;
  max-height: 300px;
  box-sizing: border-box;
  border: solid 1px #df2027;
  background-color: #fff;
  box-shadow: 0 20px 20px 0 rgba(223, 32, 39, 0.1);
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  text-align: center;
  white-space: nowrap;
}
#main-featured-cat ul li figure img {
  width: 100%;
}
#main-featured-cat ul li .cat-name {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 8px;
  letter-spacing: 1px;
  font-family: "League Regular", sans-serif;
  font-size: 22px;
  color: #000;
  text-align: center;
}
#main-featured-cat ul li:hover figure {
  box-shadow: 0 20px 30px 0 rgba(223, 32, 39, 0.3);
}
@media (max-width: 992px) {
  #main-featured-cat .col {
    padding: 0px;
  }
  #main-featured-cat figure {
    display: none;
  }
  #main-featured-cat ul li {
    margin: 0px;
  }
  #main-featured-cat ul li:first-child .cat-name {
    border-top: 1px solid #df2027;
  }
  #main-featured-cat ul li .cat-name {
    text-align: left;
    border-bottom: 1px solid #df2027;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 60px;
    height: auto;
    font-size: 14px;
    margin-top: 0px;
    padding: 0px 16px;
  }
  #main-featured-cat ul li .cat-name:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    background-image: url(/assets/img/bg-sprite.svg);
    background-position: -140px -96px;
  }
}

#aboutVestel {
  display: table;
  width: 100%;
  background: #ececec;
  padding: 40px 0px 0px !important;
}
@media (max-width: 1200px) {
  #aboutVestel {
    padding: 0px !important;
  }
}
#aboutVestel .itemBox {
  display: table;
  width: 100%;
  height: 290px;
  position: relative;
  color: #fff;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  #aboutVestel .itemBox {
    margin-bottom: 0px;
  }
}
#aboutVestel .title {
  font-size: 22px;
  letter-spacing: 2px;
  font-family: "League Regular", sans-serif;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 1200px) {
  #aboutVestel .title {
    margin-left: 16px;
  }
}
#aboutVestel .text {
  position: relative;
  display: table;
  width: 100%;
  background-repeat: no-repeat !important;
  /*background-size: cover !important;*/
  padding: 25px;
  width: 100%;
  height: 240px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #fff;
}
@media (max-width: 992px) {
  #aboutVestel .text {
    height: 360px;
  }
}
#aboutVestel .text-light {
  color: #000 !important;
}
#aboutVestel .text-light p {
  z-index: 9999;
  position: relative;
}
#aboutVestel .text-light:before {
  position: absolute;
  z-index: 9;
  content: "Vestel";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-indent: -999999px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}
#aboutVestel .verticalLine {
  position: absolute;
  width: 4px;
  background-color: #df2027;
  height: 220px;
  left: -15px;
  top: 0px;
}
@media (max-width: 992px) {
  #aboutVestel .col {
    padding: 0px;
  }
  #aboutVestel .container {
    padding: 0px;
  }
  #aboutVestel .right-box .itemBox:last-child {
    /*display: none;*/
  }
  #aboutVestel .itemBox {
    height: 220px;
  }
}
@media (max-width: 992px) and (max-width: 1200px) {
  #aboutVestel .itemBox {
    margin: 16px 0px;
  }
}
@media (max-width: 992px) {
  #aboutVestel .itemBox .text {
    width: 100%;
    height: auto;
    padding-bottom: 40%;
    background-size: cover !important;
    background-position: right center !important;
  }
}
@media (max-width: 992px) {
  #aboutVestel .findStore {
    margin-top: 0px;
    height: auto;
    padding: 20% 30px;
  }
}
@media (max-width: 992px) {
  #aboutVestel .title {
    padding: 8px;
  }
}
@media (max-width: 992px) {
  #aboutVestel .form-wrap {
    width: auto !important;
    margin-top: 0px !important;
  }
}

.findStore {
  height: 563px;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 48px;
  text-align: center;
  background: url(/assets/img/map.jpg), no-repeat;
  background-size: cover !important;
}
.findStore .title {
  color: #fff !important;
  margin: 16px auto 30px auto !important;
  font-family: "League Medium", sans-serif !important;
  letter-spacing: 3px;
  width: 100%;
  text-align: center;
}
.findStore option {
  color: #000;
}
.findStore .form-wrap {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 450px;
  margin-top: 25%;
}
.findStore .form-wrap i {
  display: table;
  margin: auto;
  float: none;
}
.findStore .form-wrap .title {
  display: table;
  margin: auto;
  margin-bottom: 24px;
}
.findStore .title {
  font-family: "League Medium", sans-serif;
  font-size: 22px;
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.findStore .icon {
  display: block;
  width: 60px;
  height: 60px;
  background-position: 0 -96px;
  margin: auto auto 20px auto;
}
.findStore select {
  width: 450px;
  height: 50px;
  border: solid 2px #fff;
  background: transparent;
  text-indent: 10px;
  color: #fff;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .findStore select {
    width: 100%;
  }
}

#footer {
  display: table;
  width: 100%;
  padding: 24px;
}

.vestelsupport {
  margin-bottom: 32px;
}
.vestelsupport .list {
  display: table;
  margin: auto;
  padding: 0px;
  width: 100%;
}
@media (max-width: 992px) {
  .vestelsupport .list {
    width: 90%;
  }
}
.vestelsupport .title {
  color: #c0c0c0;
  font-size: 50px;
  font-family: "League Light", sans-serif;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 30px;
}
.vestelsupport .box-title {
  color: #df2027;
  line-height: 30px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
}
.vestelsupport ul {
  list-style: none;
  padding: 0px;
}
.vestelsupport ul li a {
  line-height: 32px;
  color: #2e2e2e !important;
}
@media (max-width: 1200px) {
  .vestelsupport ul {
    display: none;
  }
  .vestelsupport .inner {
    padding: 16px;
  }
  .vestelsupport .title {
    height: auto;
    line-height: inherit;
    font-family: "League Medium", sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
  }
  .vestelsupport .box {
    height: auto !important;
    width: 98% !important;
    margin-bottom: 32px;
    line-height: 1.6em;
    padding: 15px;
    margin-right: 0px !important;
  }
  .vestelsupport .box:nth-child(1) {
    margin-right: 40px !important;
  }
  .vestelsupport .box:nth-child(3) {
    margin-right: 40px !important;
  }
  .vestelsupport .red-borders {
    width: 100% !important;
    border-top: solid 2px #df2027 !important;
    border-right: solid 2px #df2027 !important;
  }
}
@media (max-width: 768px) {
  .vestelsupport .box {
    margin-bottom: 24px;
  }
  .vestelsupport .box:nth-child(1) {
    margin-right: 16px !important;
  }
  .vestelsupport .box:nth-child(3) {
    margin-right: 16px !important;
  }
}

.mainarea.vestelsupport .box {
  float: left;
  box-sizing: border-box;
  border: solid 1px #dedede;
  padding: 25px;
  width: 265px;
  height: 245px;
  position: relative;
  margin-right: 37px;
}

.mainarea.vestelsupport .box .red-borders {
  position: absolute;
  background: transparent;
  border-top: solid 5px #df2027;
  border-right: solid 5px #df2027;
  width: 255px;
  height: 60px;
  top: -6px;
  right: -6px;
}

#colored-product {
  position: relative;
  margin: 0px 0px;
}
#colored-product img {
  max-width: 100%;
}
#colored-product .info-text {
  position: absolute;
  right: -100px;
  top: 620px;
  width: 440px;
  height: 560px;
  background-color: rgba(223, 32, 29, 0.8);
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  #colored-product .info-text {
    position: static;
    width: auto;
    height: 410px;
    margin-top: -40px;
    transform: translateY(0) !important;
  }
}
@media (max-width: 500px) {
  #colored-product .info-text {
    height: auto;
  }
}
#colored-product .info-text .title {
  font-family: "League Bold", sans-serif;
  font-size: 34px;
  line-height: 42px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  #colored-product .info-text .title {
    font-size: 20px;
    line-height: 1.6em;
  }
}
#colored-product .info-text p {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.6em;
}
@media (max-width: 1200px) {
  #colored-product .info-text p {
    font-size: 16px;
    font-family: "League Regular", sans-serif;
    margin-bottom: 0px;
  }
}
#colored-product .info-text ul {
  list-style: none;
  padding: 0px;
}

#colored-product .info-text ul li {
  margin-bottom: 8px;
  display: table;
}
#colored-product .info-text ul li a {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
  float: left;
  width: 100%;
}
#colored-product .line {
  position: absolute;
  background-color: #3b3b3b;
  height: 6px;
  width: 180px;
  bottom: -110px;
  left: -100px;
}
@media (max-width: 1200px) {
  #colored-product .line {
    display: none;
  }
}

#campaignSlider {
  padding: 32px 0px;
}
@media (max-width: 1200px) {
  #campaignSlider .sliderWrap {
    display: none;
  }
}
#campaignSlider .title {
  font-family: "League Bold", sans-serif;
  font-size: 34px;
  color: #3c3c3c;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  #campaignSlider .title {
    font-family: "League Bold", sans-serif;
    font-size: 22px;
    color: #3c3c3c;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 16px;
  }
}
#campaignSlider .bxslider .item {
  width: 100%;
}
#campaignSlider #pagerColumn {
  z-index: 999;
}
#campaignSlider #pagerColumn:before {
  content: "";
  display: table-cell;
  position: absolute;
  width: 95%;
  height: 100%;
  right: 0px;
  background: rgba(0, 0, 0, 0.05);
}
@media (max-width: 1200px) {
  #campaignSlider #pagerColumn:before {
    width: 100%;
  }
}
#campaignSlider .pager {
  padding: 0px;
}
@media (min-width: 1200px) {
  #campaignSlider .pager {
    margin-left: -30px;
  }
}
#campaignSlider .pager li {
  list-style: none;
  width: 100%;
  display: table;
  padding: 15px 0px;
  position: relative;
}
@media (max-width: 1200px) {
  #campaignSlider .pager li {
    padding: 8px;
  }
}
#campaignSlider .pager li .toSlider {
  cursor: pointer;
}
#campaignSlider .pager li .toSlider span, #campaignSlider .pager li .toSlider .text {
  float: left;
}
#campaignSlider .pager li .toSlider span {
  margin-right: 8px;
}
#campaignSlider .pager li .toSlider .text {
  float: left;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  width: 195px;
  margin-left: 6px;
}
#campaignSlider .pager li .toSlider img {
  border: 1px solid red;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  padding: 10px;
}
#campaignSlider .pager li .toSlider:after {
  content: " ";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: #df2027;
  height: 3px;
  width: 0px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#campaignSlider .pager li .toSlider .mobileImg {
  width: 0%;
  position: relative;
  top: 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s linear;
}
@media (min-width: 1200px) {
  #campaignSlider .pager li .toSlider .mobileImg {
    display: none;
  }
}
#campaignSlider .pager li .toSlider .mobileImg img {
  width: 100%;
  height: auto;
  border: 0px;
  padding: 0px;
}
#campaignSlider .pager li .toSlider.active:after {
  width: calc(100% + 45px);
  opacity: 1;
}
@media (max-width: 1200px) {
  #campaignSlider .pager li .toSlider.active:after {
    width: 3px;
    height: 100%;
    opacity: 1;
    left: 1px;
  }
}
#campaignSlider .pager li .toSlider.active .mobileImg {
  width: 100%;
  opacity: 1;
  max-height: 800px;
}
#campaignSlider .pager li .toSlider.active .text {
  font-family: "League Medium", sans-serif;
}
#campaignSlider .all-camp-btn {
  transition: all 0.05s linear;
  color: #df2027;
  display: block;
  width: 280px;
  box-sizing: border-box;
  height: 50px;
  border: solid 2px #df2027;
  line-height: 46px;
  text-align: center;
  letter-spacing: 2px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  margin: 32px auto 0px;
}
#campaignSlider .all-camp-btn:hover {
  border: solid 4px;
  line-height: 42px;
  color: #f7272f;
  border-color: #f7272f;
}

.pagerCatSlider a {
  padding: 8px 0px;
}
@media (max-width: 1200px) {
  .pagerCatSlider a {
    letter-spacing: 1px;
  }
}
.pagerCatSlider .active {
  opacity: 1;
  border-top: 3px solid #df2027;
  color: #000;
}

.campaigns-control.mobile {
  margin: 16px 0px;
  padding: 0px 8px;
}
@media (min-width: 1200px) {
  .campaigns-control.mobile {
    display: none;
  }
}
.campaigns-control.mobile ul {
  background: rgba(0, 0, 0, 0.05);
}
.campaigns-control.mobile .campaigns-item-m {
  padding: 0px 0px;
}
.campaigns-control.mobile .item-head {
  margin: 0px;
  top: 0px;
  left: 12px;
  position: relative;
}
.campaigns-control.mobile .all-camp-btn {
  transition: all 0.05s linear;
  color: #df2027;
  display: block;
  width: 280px;
  box-sizing: border-box;
  height: 50px;
  border: solid 2px #df2027;
  line-height: 46px;
  text-align: center;
  letter-spacing: 2px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  margin: 16px auto 0px;
  width: 95%;
}
.campaigns-control.mobile .all-camp-btn:hover {
  border: solid 4px;
  line-height: 42px;
  color: #f7272f;
  border-color: #f7272f;
}
.campaigns-control.mobile .section-title {
  margin-top: -10px;
}
.campaigns-control.mobile ul {
  list-style: none;
  padding: 16px 0px;
}
.campaigns-control.mobile ul li {
  margin-bottom: 16px;
}
.campaigns-control.mobile ul li.active {
  position: relative;
}
.campaigns-control.mobile ul li.active:before {
  content: "";
  width: 3px;
  top: 0px;
  height: 98%;
  display: table-cell;
  position: absolute;
  background: #df2027;
}
.campaigns-control.mobile ul li:first-child.active:before {
  top: 16px;
}
.campaigns-control.mobile .item-head {
  display: table;
}
.campaigns-control.mobile .item-head span, .campaigns-control.mobile .item-head .text {
  float: left;
}
.campaigns-control.mobile .item-head span {
  margin-right: 8px;
}
.campaigns-control.mobile .item-head .text {
  float: left;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  width: 70%;
  margin-left: 6px;
}
.campaigns-control.mobile .item-head .text.active {
  font-family: "League Medium", sans-serif;
}
.campaigns-control.mobile .item-head img {
  border: 1px solid red;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  padding: 10px;
}
.campaigns-control.mobile .item-head:after {
  content: " ";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: #df2027;
  height: 3px;
  width: 0px;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.campaigns-control.mobile .img-camp {
  margin-top: 16px;
  height: 0px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  display: none;
  padding: 0px 12px;
}
.campaigns-control.mobile .img-camp img {
  width: 100%;
}
.campaigns-control.mobile .img-camp .link {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  color: #df2027;
  line-height: 30px;
  margin-top: 10px;
  float: left;
}
.campaigns-control.mobile .img-camp.active {
  margin-top: 16px;
  height: auto;
  overflow: hidden;
  position: relative;
  opacity: 1;
  display: table;
}

.swiper-button-next, .swiper-button-prev {
  top: 40%;
}

.bx-wrapper {
  margin-bottom: 0px;
  border: 0px !important;
  box-shadow: unset;
}

.noPadding {
  padding: 0px;
}

#footer {
  background: #3b3b3b;
  padding: 0px;
}
#footer a {
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 1200px) {
  #footer {
    padding: 16px;
  }
  #footer .box {
    padding: 0px;
  }
  #footer .box ul {
    margin-bottom: 20px;
    display: table;
  }
  #footer .box a.label {
    float: none !important;
    height: 50px !important;
    line-height: 48px !important;
    margin-bottom: 0 !important;
    position: relative;
  }
  #footer .brochures-list {
    margin-bottom: 0px;
  }
  #footer .br-list {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  #footer .accordionFooter .m-icon {
    background-position: -43px -30px;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 15px;
  }
  #footer .accordionFooter ul {
    display: none;
  }
  #footer .open-accordion ul {
    display: table;
  }
  #footer .open-accordion .m-icon {
    transform: rotate(180deg);
  }
  #footer .label {
    display: table;
  }
}
#footer .box .label {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #ddd;
  min-height: 30px;
  float: left;
  width: 100%;
}
#footer .box .label:hover {
  color: #fff;
}
#footer .box ul {
  list-style: none;
  padding: 0px;
}
#footer .box ul li {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
#footer .box ul li a {
  font-family: "League Medium", sans-serif;
  font-size: 15px;
  color: #bbb;
}
#footer .box ul li a:hover {
  color: #df2027;
}
#footer .social {
  padding: 24px 0px;
  float: right;
}
@media (max-width: 1200px) {
  #footer .social {
    display: table;
    float: none;
    margin: initial;
  }
}
#footer .social ul {
  padding: 0px;
  list-style: none;
  float: left;
}
#footer .social ul li {
  float: left;
  margin-left: 16px;
}
#footer .social ul li a {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  border: solid 1px #fff;
  opacity: 0.5;
}
#footer .social ul li a:hover {
  opacity: 1;
  background-color: #df2027;
  border-color: #df2027;
}
#footer .social ul li a:hover .fb {
  background-position: -70px -56px !important;
}
#footer .social ul li a:hover .ins {
  background-position: -108px -56px !important;
}
#footer .social ul li a:hover .tw {
  background-position: -146px -56px;
}
#footer .social ul li .fb {
  background-position: -70px -56px;
}
#footer .social ul li .ins {
  background-position: -108px -56px;
}
#footer .social ul li .tw {
  background-position: -146px -56px;
}
#footer .social .label {
  float: left;
  color: rgba(255, 255, 255, 0.5);
  height: 20px;
  font-size: 18px;
  margin-top: 6px;
}
@media (max-width: 1200px) {
  #footer .social .label {
    display: none;
  }
}

.footer-top {
  background: rgba(0, 0, 0, 0.1);
  margin-bottom: 32px;
}

#copright {
  text-align: center;
  padding: 32px 0px;
}
#copright span {
  width: 100%;
  text-align: center;
  height: 80px;
  line-height: 80px;
  color: #dedede;
  opacity: 0.5;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .border-btm {
    border-bottom: solid 2px rgba(0, 0, 0, 0.1);
  }
}

#category {
  padding-bottom: 30px;
}
#category .categories {
  padding: 25px 16px !important;
}
@media (max-width: 1200px) {
  #category .box-title {
    position: relative;
    z-index: 99999999;
  }
}
#category #seoText {
  font-size: 14px;
  line-height: unset;
}

.cat-banner {
  position: relative;
  /*margin-bottom: 40px;*/
  min-height: 100px;
}
.cat-banner img {
  width: 100%;
}
@media (max-width: 1200px) {
  .cat-banner .desktop {
    display: none;
  }
}
@media (min-width: 1200px) {
  .cat-banner .mobile {
    display: none;
  }
}
.cat-banner .cat-title {
  position: absolute;
  height: 95px;
  bottom: -34px;
  line-height: 95px;
  box-sizing: border-box;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 42px;
  background: rgba(223, 32, 29, 0.8);
  padding-right: 50px;
  text-align: right;
  padding-left: 30px;
}
.cat-banner .cat-title:after {
  content: " ";
  position: absolute;
  width: 360px;
  height: 4px;
  background-color: #3b3b3b;
  bottom: 15px;
  margin: 0;
}
@media (max-width: 1200px) {
  .cat-banner .cat-title {
    font-size: 21px;
    height: 55px;
    line-height: 55px;
  }
  .cat-banner .cat-title:after {
    content: " ";
    position: absolute;
    width: 162px;
    height: 4px;
    left: 29px;
    background-color: #3b3b3b;
    bottom: 8px;
    margin: 0;
  }
}
.cat-banner .desktop {
  display: none;
}
.cat-banner .mobile {
  display: block;
}

@media (min-width: 1200px) {
  .cat-banner .mobile {
    display: none;
  }

  .cat-banner .desktop {
    display: block;
  }
}
.page-header {
  display: table;
  width: 100%;
}
.page-header .dropdown > a {
  line-height: 48px !important;
  box-sizing: border-box;
  padding: 0 10px !important;
  height: 50px;
  background-color: #fff;
  background-image: url(/assets/img/transformselect.gif);
  background-position: right center;
  background-repeat: no-repeat;
  margin: 0 !important;
  font-family: "League Bold", sans-serif !important;
  font-size: 14px !important;
  text-align: left;
  color: #000;
  float: left;
  margin-left: 10px;
  border: solid 2px #dedede;
  width: 270px;
  border-radius: 0px;
  outline: 0 !important;
  box-shadow: unset !important;
}
.page-header .dropdown .dropdown-menu {
  width: 100%;
  margin: 0px 0px;
  border-radius: 0px;
  padding: 0px;
}
@media (max-width: 992px) {
  .page-header .dropdown .dropdown-menu {
    width: auto;
    right: 10px;
    min-width: 270px;
  }
}
.page-header .dropdown .dropdown-menu a {
  font-size: 16px;
  font-family: "League Regular", sans-serif;
  height: 40px !important;
  box-sizing: border-box;
  border: 0;
  padding: 8px !important;
}
.page-header .dropdown .dropdown-menu a.active-list-item {
  background: #dbdbdb;
}
.page-header h1 {
  font-family: "League Bold", sans-serif;
  font-size: 28px;
  color: #404040;
  margin-bottom: 5px;
}
.page-header span {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #2e2e2e;
}
.page-header .page-title {
  float: left;
}
@media (max-width: 1200px) {
  .page-header .page-title {
    margin: 16px 0px;
  }
    .page-header .dropdown > a {
        width:100%
    }
}
.page-header .category-filter-bar {
/*  float: right;*/
}
.page-header .category-filter-bar .filterWrap {
  position: relative;
 /* float: right;*/
}
@media (max-width: 340px) {
  .page-header .category-filter-bar > div {
    /*display: table;
    width: 100%;
    margin: 8px 0px 8px;
    float: left !important;*/
  }
}
@media (max-width: 1200px) {
  .page-header .page-title {
    width: 100%;
  }
  .page-header .category-filter-bar {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .page-header .filter-btn {
    display: none;
  }
 }
.page-header .filter-btn a {
  float: left;
  box-sizing: border-box;
  height: 50px;
  border: solid 2px #dedede;
  line-height: 49px;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0px 16px;
  position: relative;
}
.page-header .filter-btn .open-filter-menu {
  padding: 0px 24px 0px 12px;
}
.page-header .filter-btn .open-filter-menu .icon {
  background-position: -140px -116px;
  width: 12px;
  height: 6px;
  position: absolute;
  right: 4px;
  top: 22px;
}
/** Kategori Listeleme */
.category-list {
  margin: 16px 0px;
}
@media (max-width: 1200px) {
  .category-list {
    padding: 32px;
  }
}
.category-list .section-title {
  float: left;
  width: 100%;
  text-align: center;
  color: #404040;
  font-size: 34px;
  font-family: "League Bold", sans-serif;
  margin-bottom: 32px;
  margin-top: 0px;
}
@media (max-width: 1200px) {
  .category-list .section-title {
    margin-top: 32px;
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .category-list {
    margin: 0px 0px 32px 0px;
  }
}
.category-list ul {
  margin: 0px;
  list-style: none;
  width: 100%;
  padding: 0px;
}
.category-list ul li {
  float: left;
  margin: 32px 0px;
}
.category-list ul li a {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: unset;
}
@media (max-width: 1200px) {
  .category-list ul li:last-child {
    box-shadow: 0 20px 20px 0 rgba(223, 32, 39, 0.1);
  }
}
.category-list ul li figure {
  float: left;
  width: 100%;
  max-height: 300px;
  box-sizing: border-box;
  border: solid 1px #df2027;
  background-color: #fff;
  box-shadow: 0 20px 20px 0 rgba(223, 32, 39, 0.1);
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  text-align: center;
  white-space: nowrap;
}
.category-list ul li figure img {
  width: 100%;
}
.category-list ul li .cat-name {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 8px;
  letter-spacing: 1px;
  font-family: "League Regular", sans-serif;
  font-size: 22px;
  color: #000;
  text-align: center;
}
.category-list ul li:hover figure {
  box-shadow: 0 20px 30px 0 rgba(223, 32, 39, 0.3);
}
@media (max-width: 1200px) {
  .category-list .col {
    padding: 0px;
  }
  .category-list figure {
    display: none;
  }
  .category-list ul li {
    margin: 0px;
  }
  .category-list ul li:first-child .cat-name {
    border-top: 1px solid #df2027;
  }
  .category-list ul li .cat-name {
    text-align: left;
    border-bottom: 1px solid #df2027;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 60px;
    height: auto;
    font-size: 14px;
    margin-top: 0px;
    padding: 0px 16px;
  }
  .category-list ul li .cat-name:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    background-image: url(/assets/img/bg-sprite.svg);
    background-position: -140px -96px;
  }
}

#seoText {
  line-height: 28px;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  margin-bottom: 30px;
}
#seoText p {
  padding: 16px;
}

.breadcrumb {
  background: none;
  margin: 30px 0 0;
  padding: 0px;
}
@media (max-width: 1200px) {
  /*.breadcrumb {
    display: none;
  }*/
}
.breadcrumb ul {
  padding: 0px;
}
.breadcrumb ul li {
  float: left;
}
.breadcrumb ul li:last-child a {
  font-family: "League Medium", sans-serif;
  color: #000;
}
@media (max-width:1199px) {
    .breadcrumb ul li:last-child {
        width: 100%;
        float: left;
        padding-left: 0;
    }

    .breadcrumb ul li:last-child a {
        font-size: 16px;
    }

    .breadcrumb-item::before {
        content: ">" !important;
    }

    .breadcrumb ul li:last-child::before, .breadcrumb ul li:first-child::before {
        content: "" !important;
        padding-right: 0;
    }
    .breadcrumb-item:not(.active) a {
        text-decoration: underline;
    }

    .breadcrumb-item.active a {
        word-wrap: break-word;
    }
}
.breadcrumb ul li a {
  font-size: 12px;
  line-height: 24px;
}
.breadcrumb ul .active a {
  font-weight: bold;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
  font-size: 14px;
  line-height: 24px;
}


  @media (max-width: 1200px) {
    .accordion-wrap {
        display: none;
    }
}
#sub-cats .title {
  float: left;
  width: 270px;
  letter-spacing: 2px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 16px;
}

.category-accordion .sub-cats {
  border: none !important;
}
.sub-cats ul {
  padding: 0px;
  list-style: none;
}
.sub-cats ul li a {
  line-height: 1.6em;
  margin-bottom: 10px;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #000;
  display: table;
  width: 100%;
}
.sub-cats ul li a .text {
  float: left;
}
.sub-cats ul li a .quantity {
  float: right;
}
.sub-cats ul li .active {
  font-family: "League Medium", sans-serif;
}
@media (max-width: 1200px) {
    #accordionWrap {
        height: 86vh;
        overflow: scroll;
    }
    .mobilepaymoverflow {
        overflow: scroll !important;
    }
}
@media (max-width: 992px) {
    .mobilepaymoverflow {
        overflow: scroll !important;
    }
}
/*Category-accordion*/
.category-accordion {
    margin-bottom: 30px !important;
}
.category-accordion .accordionContent {
    padding: 16px;
    border-left: 2px solid #df2126;
}

.category-accordion .ui-accordion-header {
    padding: 0px;
}

@media (max-width: 1200px) {
    .category-accordion  .ui-accordion-header {
        margin: 0px;
        border-top: 0px;
    }
}

.category-accordion .ui-accordion-header:after {
    transform: rotate(180deg);
}

.category-accordion .disabled {
    opacity: 0.5;
}

.category-accordion  .ui-state-active:after {
    transform: rotate(0deg);
}

.category-accordion h3 {
    margin-top: 10px;
    color: #000;
    height: 50px;
    border-radius: 0;
    padding: 0 !important;
    font-family: "League Medium", sans-serif !important;
    font-size: 16px;
    background: #f9f9f9 !important;
    line-height: 50px;
    text-indent: 20px;
    border: 1px solid #dedede !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px;
    border-left: 2px solid #df2126 !important;
    margin: 0px;
    position: relative;
}

    .category-accordion h3:after {
        content: " ";
        background-image: url(/assets/img/bg-sprite.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 12px;
        height: 6px;
        right: 16px;
        top: 50%;
        margin-top: -3px;
        background-position: -140px -122px;
    }

    .category-accordion h3.collapsed {
        border: 1px solid #dedede !important;
    }

        .category-accordion h3.collapsed:after {
            background-position: -140px -116px;
        }
        /*--------------------------*/
.filter .accordionContent {
  padding: 16px;
  border-left: 2px solid #df2126;
}
.filter .title {
  display: table !important;
  float: none !important;
}
.filter .ui-accordion .ui-accordion-header {
  padding: 0px;
}
@media (max-width: 1200px) {
  .filter .ui-accordion .ui-accordion-header {
    margin: 0px;
    border-top: 0px;
  }
}
.filter .ui-accordion .ui-accordion-header:after {
  transform: rotate(180deg);
}
.filter .disabled {
  opacity: 0.5;
}
.filter .ui-accordion .ui-state-active:after {
  transform: rotate(0deg);
}
.filter h3 {
  margin-top: 10px;
  color: #000;
  height: 50px;
  border-radius: 0;
  padding: 0;
  font-family: "League Medium", sans-serif !important;
  font-size: 16px;
  background: #f9f9f9 !important;
  line-height: 50px;
  text-indent: 20px;
  border: 1px solid #dedede !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  border-left: 2px solid #df2126 !important;
  margin: 0px;
  position: relative;
}
.filter h3:after {
  content: " ";
  background-image: url(/assets/img/bg-sprite.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 12px;
  height: 6px;
  right: 16px;
  top: 50%;
  margin-top: -3px;
  background-position: -140px -122px;
}
.filter h3.collapsed {
  border: 1px solid #dedede !important;
}
.filter h3.collapsed:after {
  background-position: -140px -116px;
}
.filter .filter-item, .filter .filter-item-disabled {
  display: table;
  width: 100%;
}
.filter .filter-item .checkbox-button-disabled, .filter .filter-item-disabled .checkbox-button-disabled {
  text-align: left;
  height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 24px;
  display: inline-block;
  float: none !important;
  font-size: 14px;
}
.filter .filter-item .checkbox-button-disabled .icon, .filter .filter-item-disabled .checkbox-button-disabled .icon {
  background-position: -100px -136px;
  width: 20px;
  height: 20px;
  position: absolute;
  text-align: left;
  left: 0;
  top: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.filter .filter-item .checkbox-button, .filter .filter-item .checkbox-button-disabled, .filter .filter-item-disabled .checkbox-button, .filter .filter-item-disabled .checkbox-button-disabled {
  margin: 0px 0px 8px;
}
.filter .filter-item .checkbox-button a, .filter .filter-item .checkbox-button-disabled a, .filter .filter-item-disabled .checkbox-button a, .filter .filter-item-disabled .checkbox-button-disabled a {
  position: static;
}
.filter .filter-item .checkbox-button a .count, .filter .filter-item .checkbox-button-disabled a .count, .filter .filter-item-disabled .checkbox-button a .count, .filter .filter-item-disabled .checkbox-button-disabled a .count {
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  position: absolute;
  right: 0px;
  font-style: inherit;
}
.filter .filter-item .checkbox-button a.disabled {
  opacity: 0.5;
}
.filter .filter-item input[type=checkbox], .filter .filter-item-disabled input[type=checkbox] {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
}
.filter .filter-item label, .filter .filter-item-disabled label {
  float: left;
  font-family: "League Regular";
}

@media (min-width: 1200px) {
  #product-list {
    padding: 40px 0px;
  }
}
#product-list .col {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  #product-list .col {
    /*
    margin-bottom: 0px;
    */
  }
}
@media (max-width: 1200px) {
  #product-list .filter {
    position: fixed;
    top: 100%;
    left: 0px;
    z-index: 99999999;
    background: #ffffff;
    width: 100%;
    height: 100vh;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    visibility: hidden;
    opacity: 0;
  }
  #product-list .filter.is-active {
    visibility: visible;
    opacity: 1;
    top: 60px;
  }
  #product-list .filter .title {
    font-family: "League Regular", sans-serif;
    height: 60px;
    width: 100%;
    background-color: #3a3a3a;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0px;
  }
  #product-list .sub-cats {
    display: none;
  }
  #product-list .close-icon {
    float: right;
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 10px;
    right: 0;
    top: 0;
  }
  #product-list .close-icon .m-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    right: 50%;
    margin-right: -6px;
    background-position: -30px -30px;
  }
}

@media (max-width: 1200px) {
  .product-list {
    padding: 16px 0px;
  }
}
.product-list ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.product-list .product-list-item-wrap {
  text-align: center;
  position: relative;
  display: table;
  width: 100%;
}
.product-list .product-list-item-wrap.daylight-active{
    box-shadow: 1px 1px 20px 8px #8dc8e8;
}
.product-list .product-list-item-wrap .starts {
    max-width: 76px;
    margin: 0px auto 8px;
    position: relative;
    display: table;
}
.suggest-star {
    max-width: 76px;
    position: relative;
    display: table;
    min-height: 25px;
}
.product-list .product-list-item-wrap .starts .commentPointDivSpan {
  left: 100%;
  top: 1px;
  right: unset;
  word-break: unset;
}
.suggest-star .commentPointDivSpan {
    left: 100%;
    top: 1px;
    right: unset;
    word-break: unset;
    font-size: 13px;
}
.product-list .product-list-item-wrap .starts .unStar {
  width: 100% !important;
  text-align: unset;
}
.suggest-star .unStar {
    width: 100% !important;
    text-align: unset;
}
.product-list .product-list-item-wrap .starts .commentPointDiv {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
}
.suggest-star .commentPointDiv {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.product-list .product-list-item-wrap .starts .commentPointDiv > div {
  overflow: hidden;
}
.suggest-star .commentPointDiv > div {
    overflow: hidden;
}
.mobile-suggest-star {
    text-align: center;
}
.searchBoxWrap .title {
    width: 100% !important;
}
.product-list .product-list-item-wrap .product-title {
  font-family: "League Medium", sans-serif;
    font-size: 16px;
    margin: -4px 0px 0px;
    color: #000;
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0px;
    text-align: center;
    min-height: unset;
    padding: 0px 16px 8px;
    line-height: 17px;
  bottom:1px;
}
@media (max-width: 992px) {
  .product-list .product-list-item-wrap .product-title {
    bottom: 0px;
    position: relative;
  }
}
.product-list .product-list-item-wrap .product-item-head {
  float: left;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding:20px 20px 55px;
  background: #fff;
  position: relative;
  border: solid 1px #d2d2d2;
  border-bottom: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 9;
  min-height: 245px;
}
@media (max-width: 992px) {
  .product-list .product-list-item-wrap .product-item-head {
    min-height: 270px;
    padding: 20px 20px;
  }
}
.product-list .product-list-item-wrap .product-item-head img {
  width: 100%;
}
.product-list .product-list-item-wrap .desc {
  width: 100%;
  height: 300px;
  float: left;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 16px 8px;
  border: solid 1px #d2d2d2;
  border-top: 0;
  position: relative;
}
.product-list .product-list-item-wrap .desc .checkbox-button {
  margin-top: 8px;
}
.product-list .product-list-item-wrap .desc:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #df2027;
}
.product-list .product-list-item-wrap .desc span {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 21px;
  word-break: break-word;
  /*font-family: Tahoma, Arial, sans-serif;*/
  font-size: 14px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.product-list .product-list-item-wrap .desc span.hover-atr{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.product-list .product-list-item-wrap .price {
  text-align: center;
  font-family: "League Bold", sans-serif;
  color: #000;
  font-size: 0;
  margin-top: 8px;
}
.product-list .product-list-item-wrap .price span {
  display: inline-block;
  text-align: center;
  height: auto;
  line-height: 35px;
  font-size: 22px;
  float: none;
}
.product-list .product-list-item-wrap .linetrough {
  font-family: "League Light", sans-serif;
  color: #2e2e2e;
  text-decoration: line-through;
}
.product-list .product-list-item-wrap .prod-detail-btn {
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 2px;
  color: #df2027;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
}
.product-list .product-list-item-wrap .hover-bg {
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #df2027;
  z-index: 8;
}
.product-list .product-list-item-wrap .view {
  position: relative;
  z-index: 9;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.product-list .product-list-item-wrap:hover .hover-bg {
  height: 50px;
}
.product-list .product-list-item-wrap:hover .prod-detail-btn .hover-bg {
  z-index: 9;
}
.product-list .product-list-item-wrap:hover .prod-detail-btn .view {
  color: #fff;
  z-index: 9999;
  position: relative;
}
.discountAmount {
    border: 1px solid #df2027;
    padding: 4px 0;
}
.discountAmount span {
      color: #2e2e2e;
    font-size: 13px !important;
    width: 100% !important;
    padding: 0px !important;
    line-height: 20px !important;
    font-family: "League Medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: auto !important;
    display: block!important;
}

.discountAmount a {
    color: #2e2e2e;
    font-size: 13px !important;
    width: 100% !important;
    padding: 0px !important;
    line-height: 20px !important;
    font-family: "League Medium", sans-serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: auto !important;
    display: block!important;
}

.checkbox-button {
    position: relative;
    margin-top: 16px;
}
.checkbox-button a {
  text-align: left;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  position: relative;
  padding-left: 24px;
  display: inline-block;
  float: none !important;
}
.checkbox-button a .icon {
  background-position: -100px -136px;
  width: 20px;
  height: 20px;
  position: absolute;
  text-align: left;
  left: 0;
  top: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.checkbox-button a:hover .icon, .checkbox-button a.active .icon {
  background-position: -120px -136px;
}

.accordion-box-item {
  margin-bottom: 8px;
}

#mobileFilter {
  position: fixed;
  bottom: 0;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  padding-top: 60px;
  overflow: auto;
  z-index: 99;
  background-color: #fff;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  top: 100%;
  visibility: hidden;
  opacity: 0;
}
#mobileFilter.is-open {
  visibility: visible;
  opacity: 1;
  top: 0px;
}
#mobileFilter .accordion-box-item {
  margin-bottom: 16px;
}
#mobileFilter .accordion-box-item h3:after {
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-position: -52px -156px;
}
#mobileFilter .accordion-box-item .collapsed:after {
  background-position: -30px -156px;
}
#mobileFilter .title {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  font-family: "League Regular", sans-serif;
  height: 60px;
  width: 100%;
  background-color: #3a3a3a;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
}
#mobileFilter .title .close-icon {
  float: right;
  width: 40px;
  height: 40px;
  position: absolute;
  margin: 10px;
  right: 0;
  top: 0;
}
#mobileFilter .title .close-icon .m-icon {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  right: 50%;
  margin-right: -6px;
  background-position: -30px -30px;
}

#comparison {
  padding: 10px;
  position: fixed;
  width: 160px;
  height: 540px;
  background-color: #3a3a3a;
  border-radius: 4px 0 0 4px;
  top: calc(100% - 570px);
  right: -160px;
  z-index: 9999999;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  display: block;
}
#comparison.active {
  visibility: visible;
  opacity: 1;
  right: 0;
}
#comparison.active .compare-toggle-btn {
  background-color: #5c5c5c !important;
  box-shadow: none;
}
#comparison.active .compare-toggle-btn .text {
  top: 90px;
}
#comparison.active .compare-toggle-btn .icon {
  background-position: -149px -236px !important;
}
#comparison ul {
  padding: 0px;
}
#comparison ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
  border: dashed 2px #8f8f8f;
  float: left;
  width: 144px;
  height: 144px;
  margin-bottom: 8px;
  border-radius: 4px;
}
#comparison ul li:after {
  line-height: 136px;
  color: #8f8f8f;
  font-size: 42px;
  font-family: "League Regular", sans-serif;
}
#comparison ul li:first-child:after {
  content: "1";
}
#comparison ul li:nth-child(2):after {
  content: "2";
}
#comparison ul li:nth-child(3):after {
  content: "3";
}
#comparison ul li a {
  position: absolute;
  width: 140px;
  height: 140px;
  background-color: #fff;
  left: -2px;
  top: -2px;
  border-radius: 4px;
}
#comparison ul li a figure img {
  width: 100%;
}
#comparison ul li a .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  height: 37px;
  line-height: 1.5em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -webkit-box-orient: block-axis;
  box-orient: block-axis;
}
#comparison .compare-toggle-btn {
  background-color: #df2027;
  width: 45px;
  height: 175px;
  position: absolute;
  left: -45px;
  top: 10px;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 4px 20px 0 rgba(223, 32, 39, 0.3);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#comparison .compare-toggle-btn .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background-position: -104px -236px;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#comparison .compare-toggle-btn .text {
  transform: rotate(-90deg);
  color: #fff;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  position: absolute;
  right: 0;
  width: 45px;
  top: 125px;
  text-align: center;
}
#comparison .compare-button {
  float: left;
  height: 40px;
  line-height: 40px;
  background-color: #df2027;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 8px;
}
#comparison .remove-compare-button {
  float: left;
  color: #8f8f8f;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1200px) {
  #comparison {
    width: 100%;
    height: auto;
    max-height: 500px;
    top: unset;
    bottom: 0px;
    border-radius: 0px;
    transform: translateY(100%);
    left: 0px;
  }
  #comparison.active {
    transform: translateY(0%);
  }
  #comparison .compare-toggle-btn {
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    top: -45px;
    background-color: #3a3a3a;
    box-shadow: none;
    text-align: center;
    border-radius: 0 !important;
  }
  #comparison .compare-toggle-btn .icon {
    position: relative;
    float: left;
  }
  #comparison .compare-toggle-btn .text {
    transform: rotate(0deg);
    text-align: center;
    position: relative;
    top: 0px !important;
    left: 0;
    float: left;
    height: 45px;
    line-height: 45px;
    width: auto;
  }
  #comparison ul li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    height: 0;
    padding-bottom: 41%;
  }
  #comparison ul li a {
    width: 100%;
    height: 100%;
  }
}

.stars {
  position: relative;
}

.commentPointDivSpan {
  font-size: 10px;
  position: absolute;
  padding-left: 5px;
  vertical-align: baseline;
  color: #919191;
  width: auto !important;
}
.extra-element-badge {
    width: 45px !important;
    margin-bottom: 8px;
}
.detail-badge {
    width: 63px !important;
    margin-bottom: 8px;
    margin-left: 15px;
    margin-right: 15px;
}

.badged-container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
}
.extra-element {
  position: absolute;
  width: 60px !important;
  top: 8px;
  right: 8px;
}
.extra-element:nth-child(2n-1){
    left:8px;
}

.checkbox-button a {
  font-size: 14px;
}

.checkbox-button a.active {
  font-weight: bold;
}

.sliderFilterWrap fieldset {
  width: 30%;
  float: left;
  margin: 12px 0px;
}
.sliderFilterWrap fieldset:last-child {
  float: right;
}
.sliderFilterWrap fieldset input {
  width: 100%;
  height: 30px;
  font-size: 11px !important;
  border-width: 1px !important;
}
.sliderFilterWrap fieldset label {
  font-weight: 300;
  letter-spacing: 0.5px;
}

#slider-range .ui-slider-handle {
  border-radius: 50px;
  border: 0px;
  background: #df2027 !important;
  outline: 0px !important;
}

.allProductList ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.allProductList li {
  float: left;
  position: relative;
  width: 33%;
  padding-bottom: 33%;
  height: 0;
  background: #e8e8e8;
  margin: 0.16%;
  overflow: hidden;
}
@media (max-width: 640px) {
  .allProductList li {
    width: 100%;
    padding-bottom: 100%;
    margin-top: 15px;
  }
}
.allProductList li div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  -webkit-transition: top 0.3s linear;
  -moz-transition: top 0.3s linear;
  -o-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.allProductList li img {
  width: 100%;
  margin-top: 20px;
}
.allProductList li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  bottom: -50px;
  color: #fff;
  background-color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  transition: all 0.3s linear;
}
.allProductList li:hover div {
  top: -50px;
}
.allProductList li:hover a {
  bottom: 0px;
}
.tag-img {
  z-index: 9999;
  left: 0;
  top: 20px;
  position: absolute;
  width: 63px;
  height: 25px;
}
.tag-img-10-year-badget {
  z-index: 9999;
  top: 9px;
  left: 0px;
  position: absolute;
  width: 63px;
}

.energy-label {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 20px;
  color: #fff;
  background-color: #23ac39;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
}

.energy-label .r-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #23ac39;
  position: absolute;
  right: -12px;
}
#product-wrap .priceTagWrap {
  position: relative;
  display: table;
}
#product-wrap .energy-label, #product-wrap .tag-img {
  left: auto;
  top: -1px;
  left: calc(105%) !important;
}
#product-wrap .tag-img-10-year-badget {
  z-index: 9999;
  left: 15px;
  top: 0px;
  position: absolute;
  width: 63px;
}
@media (max-width: 1200px) {
  #product-wrap .tag-img-10-year-badget {
    z-index: 9999;
    left: -17px;
    top: 16px;
    position: absolute;
    width: 63px;
  }
}
#product-detail {
  display: table;
  width: 100%;
  margin-bottom: 24px;
}
#product-detail .vestel-tabs .nav li {
  margin-right: 8px;
}
#product-detail .accordion {
  display: grid;
}
@media (min-width: 1200px) {
  #product-detail .accordion .ui-accordion-content-active {
    background-color: #f9f9f9;
  }
  #product-detail .accordion .ui-accordion-header-active {
    background-color: #f9f9f9;
  }
}
#product-detail .ui-accordion-header-active .icon {
  background-position: -52px -156px !important;
}
#product-detail .inner .accordion {
  margin: 16px 0px;
}
#product-detail .ui-accordion-header {
  outline: 0 !important;
  margin-top: 10px;
  height: 60px;
  padding: 15px 20px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
  letter-spacing: 1px;
  border-color: #dedede;
  background: #fff;
}
#product-detail .ui-accordion-header .slogan {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #dedede;
  line-height: 28px;
}
@media (max-width: 992px) {
  #product-detail .ui-accordion-header .slogan {
    display: none;
  }
}
#product-detail .ui-accordion-header .icon {
  float: right;
  width: 22px;
  height: 22px;
  background-position: -30px -156px;
}
#product-detail .ui-accordion-content .installment-tbl {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#product-detail .ui-accordion-content .installment-tbl td {
  text-align: center;
  height: 44px;
  line-height: 22px;
  vertical-align: middle;
  border: solid 1px #5c5c5c;
  padding: 0 10px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #000;
}
#product-detail .ui-accordion-content .installment-tbl td:first-child {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#product-detail .ui-accordion-content .installment-tbl tr:first-child td {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#product-detail .ui-accordion-content .installment-tbl tr:first-child td:first-child {
  border-left: 0;
  border-top: 0;
}
#product-detail .ui-accordion-content .installment-tbl tr:nth-child(2) td {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#product-detail .ui-accordion-content .text-description {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 1px #dedede;
  padding: 30px;
}
#product-detail .ui-accordion-content .text-description ul {
  float: left;
  width: calc(50% - 15px);
}
#product-detail .ui-accordion-content .text-description ul li {
  margin-bottom: 10px;
  line-height: 1.6em;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}
#product-detail .ui-accordion-content .text-description ul li span {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 4px;
  background-color: #df2027;
  margin-right: 20px;
  margin-bottom: 3px;
}
#product-detail .ui-accordion-content .text-description ul li:last-child {
  margin-bottom: 0;
}
#product-detail .ui-accordion-content .text-description ul:last-child {
  float: right;
}
#product-detail .ui-accordion-content .text-description p {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  line-height: 1.6em;
  color: #000;
}
#product-detail .ui-accordion-content .text-description.onlinepaym {
  padding: 20px;
  padding-top: 60px;
  position: relative;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title {
  position: absolute;
  left: -1px;
  top: 0;
  right: -1px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 20px;
  font-family: "League Bold", sans-serif;
  font-size: 18px;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.axess {
  background-color: #ffc10f;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.asyacard {
  background-color: #50c2d5;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.other {
  background-color: #d6d6d6;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.cardfinans {
  background-color: #3f64a6;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.bonus {
  background-color: #9ec142;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.paraf {
  background-color: #32d5fb;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.advantage {
  background-color: #f27b22;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.maximum {
  background-color: #c63c81;
}
#product-detail .ui-accordion-content .text-description.onlinepaym .title.world {
  background-color: #863999;
}
#product-detail #store-paym .payment-accordion .ui-accordion-content .installment-tbl tr td:nth-child(2) {
  background-color: rgba(223, 32, 39, 0.1);
}
#product-detail .mobilepaymoverflow {
  width: 100%;
  overflow: hidden;
  float: unset;
}
#product-detail .controlsTable {
  display: table;
  margin: 0px auto 16px;
}
#product-detail .compareoverflow-icon {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  zoom: 0.5;
  margin: 10px;
}
#product-detail .compareoverflow-icon.left {
  background-position: -60px -96px;
}
#product-detail .compareoverflow-icon.right {
  background-position: -100px -96px;
}
#product-detail #store-payment ul {
  list-style: none;
  padding: 0px;
}
#product-detail #store-payment .installment-tbl tr td:nth-child(2) {
  background-color: rgba(223, 32, 39, 0.1);
}
#product-detail .tab-content-box {
  width: calc(50% - 15px);
  box-sizing: border-box;
  padding: 30px;
  border: solid 1px #dedede;
  float: left;
  text-align: center;
  color: #000;
  min-height: 320px;
}
@media (max-width: 1200px) {
  #product-detail .tab-content-box {
    width: 100%;
    margin-bottom: 16px;
  }
}
#product-detail .tab-content-box:first-child {
  margin-right: 30px;
}
#product-detail .tab-content-box .title {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
}
#product-detail .tab-content-box a {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #df2027;
  line-height: 30px;
  margin-top: 10px;
  display: block;
}
@media (max-width: 1200px) {
    #product-detail .tab-content-box a {
        word-wrap: break-word;
    }
}
#product-detail .inner {
  padding: 16px;
}
@media (min-width: 1200px) {
  #product-detail .inner {
    width: 1240px;
    padding: 0 20px;
    margin: auto;
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  #product-detail .inner {
    padding: 8px;
  }
}
#product-detail .tab-pane {
  padding: 32px 0px;
}
#product-detail h1 {
  float: left;
  width: 100%;
  font-family: "League Bold", sans-serif;
  font-size: 36px;
  color: #404040;
  line-height: 1.4em;
}
#product-detail .product-short-desc {
  display: table;
  width:100%;
}
@media (max-width: 1200px) {
  #product-detail .product-short-desc {
    padding: 0px 0px;
  }
  #product-detail .product-short-desc .btn-v {
    width: 100%;
  }
}
#product-detail .product-short-desc .list-stars ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#product-detail .product-short-desc .list-stars ul li {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 30px;
  vertical-align: middle;
}
@media (max-width: 992px) {
  #product-detail .product-short-desc .list-stars ul li {
    font-size: 14px;
  }
}
#product-detail .product-short-desc .list-stars ul li span {
  display: inline-block;
  width: 8px;
  height: 4px;
  background-color: #df2027;
  margin-right: 20px;
  margin-bottom: 3px;
  box-shadow: 0 3px 8px 0 rgba(223, 32, 39, 0.2);
}
@media (max-width: 992px) {
  #product-detail .product-short-desc .list-stars ul li span {
    margin-right: 8px;
  }
}
#product-detail .product-short-desc .free-list {
  list-style: none;
  padding: 0px;
  margin: 16px 0px;
}
#product-detail .product-short-desc .free-list li {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
}
#product-detail .product-short-desc .free-list li .warranty-img {
    width: 18px;
    margin-right: 8px;
    height: auto;
}
@media (max-width: 992px) {
  #product-detail .product-short-desc .free-list li {
    float: left;
  }
  #product-detail .product-short-desc .free-list li .text {
    width: 20px;
    display: table;
    float: right;
    margin-top: -4px;
  }
}
#product-detail .product-short-desc .price {
  font-family: "League Bold", sans-serif;
  font-size: 30px;
  color: #df2027;
  margin-top: 20px;
  float: left;
}
@media (max-width: 680px) {
  #product-detail .product-short-desc .price {
    width: 100%;
  }
}
#product-detail .product-short-desc .price .priceTagWrap {
  padding-right: 0px;
}
#product-detail .product-short-desc .price .energy-label {
  left: calc(105%) !important;
  width: auto;
  z-index: 0;
}
#product-detail .product-short-desc .discountAmount {
  padding: 0px 30px;
  margin: 16px 0px;
  text-align:center;
}
#product-detail .product-short-desc .discountAmount span {
  font-family: "League Bold", sans-serif !important;
  font-size: 16px !important;
  font-weight: bold;
 }
#product-detail .product-short-desc .discountAmount a {
  font-family: "League Bold", sans-serif !important;
  font-size: 16px !important;
  font-weight: bold;
 }
#product-detail .product-short-desc .price .underline {
  font-family: "League Light", sans-serif;
  font-size: 28px;
  color: #2e2e2e;
  text-decoration: line-through;
  line-height: 1.6em;
  width: 100%;
  display: table;
}
#product-detail .product-short-desc .iad {
  margin: 8px 16px 16px;
  float: right;
}
@media (max-width: 1200px) {
  #product-detail .product-short-desc .iad {
    float: left;
  }
}
@media (max-width: 680px) {
  #product-detail .product-short-desc .iad {
    margin: 0px;
  }
}
#product-detail .product-short-desc .product-fea-list {
  display: table;
  list-style: none;
  padding: 0px;
}
#product-detail .product-short-desc .product-fea-list span {
  width: 100%;
}
#product-detail .prod-widget {
  margin: 16px 0px;
  display:flex;
  column-gap:20px;     
}
#product-detail .prod-widget ul {
  list-style: none;
  padding: 0px;
}
@media (max-width: 1200px) {
  #product-detail .prod-widget ul li a {
    width: 100%;
  }
}

.product-tabs {
  margin: 4rem 0 0px;
}

.image-slider-thumbs .modal-thumb span {
  display: none;
}
.image-slider-thumbs .modal-thumb img {
  display: table !important;
  width: 100%;
  height: auto;
}

.video-container {
    position: absolute;
    width: 100%;
}

.video-button {
    position: absolute;
    padding: 10px 20px 10px 20px;
    bottom: 0;
    right: 0;
}
.video-button .product-detail-youtube {
    margin-right: 15px;
}

#img-content .prod-active-img > a {
  cursor: zoom-in !important;
}
@media (min-width: 1200px) {
  #img-content .prod-active-img {
    border: solid 1px #dedede;
  }
}
#img-content .prod-active-img img {
  width: 100%;
}
#img-content .image-slider-thumbs {
  list-style: none;
  padding: 0px;
  margin: 16px 0px 0px 0px;
  text-align: center;
}
#img-content .image-slider-thumbs.comments{
  text-align:unset;
}
@media (max-width: 1200px) {
  #img-content .image-slider-thumbs {
      position: relative;
      text-align: center;
      margin-top: 0px;
      top: 0px;
  }
}
#img-content .image-slider-thumbs li {
  display: inline-block;
  margin: 5.5px;
  vertical-align: top;
  position: relative;
}
.image-slider-thumbs.comments figure {
  float: left;
  width: 100%;
  max-height: 120px;
  box-sizing: border-box;
  background-color: #fff;
  transition: all .2s cubic-bezier(.77,0,.175,1);
  text-align: center;
  white-space: nowrap;
}
.image-slider-thumbs.comments figure a {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: unset;
}
.image-slider-thumbs.comments figure a img {
  height: auto;
  max-height: 120px;
  max-width: 120px;
}
#img-content .image-slider-thumbs li .video .icon {
  display: table !important;
  position: absolute;
  left: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background-position: -244px -134px;
  opacity: 0.8;
}
#img-content .image-slider-thumbs li .video img {
  width: 50px;
  height: 50px;
}
#img-content .image-slider-thumbs li a {
  display: block;
}
#img-content .image-slider-thumbs li a:hover {
  border-bottom: solid 2px #df2027;
  box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
}
@media (min-width: 1200px) {
  #img-content .image-slider-thumbs li a {
    /*width: 80px;
    height: 80px;*/
    border: solid 1px #dedede;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    position: relative;
  }
  #img-content .image-slider-thumbs.comments li a {
      width:150px;
      height:150px;
  }
}
@media (max-width: 1200px) {
  #img-content .image-slider-thumbs li a {
    padding: 0;
    width: 30px;
    height: 0px;
    border: 0;
    border-bottom: solid 2px #df2027;
    color: #df2027;
    overflow: hidden;
    font-family: "League Medium", sans-serif;
    font-size: 16px;
    text-align: center;
    margin-top: 14px;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    position: relative;
  }
  #product-comments-full #img-content .image-slider-thumbs li a, .tab-pane#comments #img-content .image-slider-thumbs li a {
    width: 50px;
    height: 50px;
    border-bottom: none;
    border: solid 1px #df2027;
    display:flex;
  }
  #product-comments-full #img-content .image-slider-thumbs li a, .tab-pane#comments #img-content .image-slider-thumbs li a {
    flex-shrink:0;
  }
}
#img-content .image-slider-thumbs li a .text {
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 28px;
  font-size: 14px;
}
/*#img-content .image-slider-thumbs li a img {
  height: 50px !important;
  max-width: 50px !important;
}*/

@media (max-width: 1200px) {
  #img-content .image-slider-thumbs li.active a {
    height: 30px;
    box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
    margin-top: 0px;
  }
  #img-content .image-slider-thumbs li.R-model a {
      height: 30px;
      box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
      margin-top: 0px;
  }
  #img-content .image-slider-thumbs li.R-model a img {
    height: 30px;
    width: 30px;
  }
}
@media (min-width: 1200px) {
  #img-content .image-slider-thumbs li.active {
    border-bottom: solid 2px #df2027;
    box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
  }
}

@media (min-width: 1200px) {
    #product-wrap .evc-btn {
        margin: 20px 0;
    }
    #product-wrap .ecv-label {
        font-family: "League Bold", sans-serif;
        font-size: 16px;
        color: #404040;
        margin-right: 5px;
    }
}

@media (max-width: 1200px) {
    #product-wrap .evc-btn {
        width: 100%;
        border: 1px solid #dedede;
        margin: 15px 0;
        text-align: center;
        line-height: 50px;
    }
    #product-wrap .evc-btn-event {
        display: block !important;
    }
    #product-wrap .ecv-label {
        font-family: "League Bold", sans-serif;
        font-size: 16px;
        color: #404040;
        margin-right: 5px;
    }
}

.mfp-bg {
    z-index: 9999999;
}

.mfp-wrap {
  z-index: 99999999;
}

.mfp-arrow:after, .mfp-arrow:before {
  display: none;
}

.mfp-bg {
  background-color: #0000002e;
}

.mfp-figure:after {
  display: none;
}

.mfp-arrow-left {
  width: 40px;
  height: 40px;
  top: 50%;
  background-image: url(/assets/img/bg-sprite.svg) !important;
  left: 20px;
  background-position: -60px -96px !important;
}

.mfp-arrow-right {
  width: 40px;
  height: 40px;
  top: 50%;
  background-image: url(/assets/img/bg-sprite.svg) !important;
  right: 20px;
  background-position: -100px -96px !important;
}

@media (min-width: 1200px) {
  .tab-container .panel-heading {
    display: none;
  }
  .tab-container .panel {
    border: none;
    box-shadow: none;
  }
  .tab-container .panel-collapse {
    height: auto;
  }
  .tab-container .panel-collapse.collapse {
    display: block;
  }
}
@media (max-width: 1200px) {
  .tab-container .tab-content .tab-pane {
    display: block;
  }
  .tab-container .nav-tabs {
    display: none;
  }
  .tab-container .panel-title a {
    display: block;
  }
  .tab-container .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .tab-container .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .tab-container .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
}

.vestel-tabs {
  padding: 32px 0px;
}
.vestel-tabs .container {
  margin: 50px;
}
.vestel-tabs .nav-tabs {
  border-bottom: 0px;
}
.vestel-tabs .nav-tabs li a.active {
  color: #000;
  border-color: #df2027;
  padding: 0px 8px !important;
}
.vestel-tabs .nav-link {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #2e2e2e;
  letter-spacing: 2px;
  height: 50px;
  line-height: 50px;
  padding: 0 10px !important;
  vertical-align: middle;
  border: none;
  border-bottom: solid 4px transparent;
  padding: 0px 8px !important;
}
.vestel-tabs .nav-item {
  margin-right: 15px;
}
@media (max-width: 1200px) {
  .vestel-tabs ul.nav-tabs {
    display: none;
  }
}
.vestel-tabs .panel-heading .panel-title {
  display: table;
  width: 100%;
  outline: 0 !important;
  box-sizing: border-box;
  border-radius: 0;
  border-color: #dedede;
  background: #fff;
  padding: 0px;
  margin: 0px;
  margin-top: 0;
  font-size: 16px;
  font-family: "League Medium", sans-serif;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  letter-spacing: 1px;
}
.vestel-tabs .panel-heading a {
  background: rgba(0, 0, 0, 0.05);
  padding: 12px 16px;
  line-height: 40px;
  border-top: 1px solid #dedede;
  color: #000;
}
.vestel-tabs .panel-heading a .icon {
  float: right;
  width: 22px;
  height: 22px;
  margin-top: 8px;
  background-position: -52px -156px;
}
.vestel-tabs .panel-heading a.collapsed {
  color: #2e2e2e;
  background: none;
}
.vestel-tabs .panel-heading a.collapsed .icon {
  background-position: -30px -156px;
}
@media (max-width: 1200px) {
  .vestel-tabs .panel-collapse {
    background: rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1200px) {
  .vestel-tabs .tab-pane {
    padding: 0px !important;
  }
}
@media (max-width: 1200px) {
  .vestel-tabs .panel-body {
    padding: 16px;
  }
}
.vestel-tabs .panel-body .inner {
  padding: 0px !important;
}

.prod-info {
  display: table;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  width: 100%;
  padding: 60px 0px;
}
.prod-info .discount-price {
  text-decoration: line-through;
}
.prod-info #lblNormalPrice {
  color: #dc3c3c;
}
.prod-info ul {
  padding: 0px;
  margin: 0px;
}
.prod-info li {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  list-style: none;
}
@media (min-width: 1200px) {
  .prod-info li:nth-child(even) .desc-text {
    text-align: right;
  }
  .prod-info li:nth-child(even) .desc-img {
    float: right;
  }
  .prod-info li:nth-child(even) .slogan .index {
    float: right;
    margin-left: 30px;
    margin-right: -90px;
  }
}
@media (max-width: 1200px) {
  .prod-info li .desc-img, .prod-info li .desc-text {
    width: 100%;
    padding: 0px;
    display: table;
    height: auto !important;
  }
  .prod-info li .slogan {
    margin-top: 16px;
    height: unset !important;
  }
  .prod-info li .slogan .index {
    margin-top: unset !important;
    margin-left: 0px !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 40px !important;
    line-height: 50px !important;
  }
}
.prod-info .desc .desc-img {
  float: left;
  width: 50%;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 50%;
  height: 0;
  border: solid 1px #dedede;
  text-align: center;
}
.prod-info .desc-img {
  float: left;
  width: 50%;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 50%;
  height: 0;
  /*  border-bottom: solid 1px #dedede;
    border-top: solid 1px #dedede;*/
  text-align: center;
}
.prod-info .desc-img img {
  max-width: 100%;
  margin-top: -300px;
  margin-left: -300px;
  position: absolute;
  top: 50%;
  left: 49%;
}
@media (max-width: 1200px) {
  .prod-info .desc-img img {
    max-width: 100%;
    margin-top: 0px;
    margin-left: 0;
    top: unset;
    left: unset;
    position: relative;
  }
}
.prod-info .desc-text {
  width: 50%;
  position: relative;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  padding: 40px;
}
.prod-info .desc-text .slogan {
  height: 100px;
  width: 100%;
  float: left;
  line-height: 40px;
  font-family: "League Bold", sans-serif;
  color: #df2027;
  font-size: 34px;
  margin-bottom: 30px;
}
.prod-info .desc-text .slogan .index {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 30px;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
  text-align: center;
  line-height: 100px;
  font-size: 60px;
  margin-top: -10px;
  margin-left: -90px;
}
@media (max-width: 992px) {
  .prod-info .desc-text .slogan {
    font-size: 18px;
  }
  .prod-info .desc-text .slogan .index {
    margin-right: 10px;
  }
}

.general-features {
  width: 100%;
}
.general-features a {
  margin-right: 16px;
}
.general-features .general-features-head {
  width: 100%;
  float: left
}
.general-features .general-features-head .prod-info-pdf .energy-tag-img {
    width: 88px;
    float: left;
    margin-left: 11px;
    position: relative;
    top: -10px;
}
.general-features .general-features-head .prod-info-pdf .product-info-tag-img {
    width: 78px;
    float: left;
    margin-left: 8px;
    position: relative;
    top: -5px;
}
.general-features .general-features-head .prod-info-pdf .biyosidal-img {
     width: 60px;margin-left: -90px
}
.respEnergy.custom {
    font-family: "League Bold", sans-serif !important;
    font-size: 13px !important;
    color: #404040 !important;
}
@media (max-width: 1200px) {
  .general-features .general-features-head {
    padding: 16px;
  }
}
.general-features .prod-info-pdf, .general-features .abuygunluk, .general-features .user-guide {
  float: left;
  width: 300px;
  height: 70px;
  box-sizing: border-box;
  border: solid 1px #dedede;
  background-color: #f9f9f9;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .general-features .prod-info-pdf, .general-features .abuygunluk, .general-features .user-guide {
    display: inline-block;
    float: none;
    margin: 8px auto !important;
  }
}
.general-features .prod-info-pdf .text, .general-features .abuygunluk .text, .general-features .user-guide .text {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #df2027;
  display: inline-block;
  height: 68px;
  line-height: 68px;
}
.general-features .user-guide .icon {
  width: 40px;
  height: 52px;
  background-position: -74px -156px;
  float: left;
  margin: 8px 0 0 27px;
}
.general-features .energyLogo {
  width: 35px;
  position: absolute;
  margin-left: -70px;
  margin-top: 2px;
}
.general-features .picto-list {
  padding: 0px;
}
.general-features .picto-list li {
  width: 100%;
  list-style: none;
  float: left;
  border: solid 1px #dedede;
  background-color: #fff;
  margin-bottom: 30px;
  box-sizing: border-box;
  position: relative;
  padding: 16px;
}
.general-features .picto-list li:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1200px) {
  .general-features .picto-list li {
    padding: 40px 50px 50px 150px;
  }
}
.general-features .picto-list .img-box {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .general-features .picto-list .img-box {
    position: relative;
    left: unset;
    top: unset;
    margin: 0px 0px 16px;
  }
}
.general-features .picto-list li .title {
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}
.general-features .picto-list li p {
  font-size: 16px;
  line-height: 1.4em;
}
.general-features .picto-title {
  text-align: center;
  font-family: "League Bold", sans-serif;
  font-size: 34px;
  color: #404040;
  margin-top: 60px;
}

.tech-features ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.tech-features .inner > .tech-info {
  float: left;
  width: calc(50% - 15px);
  box-sizing: border-box;
}
.tech-features .inner > .tech-info .title {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}
.tech-features .inner > .tech-info ul {
  float: left;
  width: 100%;
}
.tech-features .inner > .tech-info ul li {
  float: left;
  width: 100%;
  line-height: 30px;
  color: #000;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}
.tech-features .inner > .tech-info ul li a.all-tech {
  color: #df2027;
  font-family: "League Medium", sans-serif;
}
.tech-features .inner div {
  margin-bottom: 30px;
}
.tech-features .inner div:nth-child(odd) {
  float: left;
}
.tech-features .inner div:nth-child(even) {
  float: right;
}
.tech-features .dimensions {
  float: right;
  width: calc(50% - 15px);
  height: 400px;
  border: solid 1px #dedede;
  position: relative;
}
.tech-features .dimensions .image {
  position: absolute;
  left: 0;
  width: 50%;
  top: 0;
  bottom: 0;
  height: 100%;
  text-align: center;
}
.tech-features .dimensions .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25%;
  margin-top: -100px;
  z-index: 1;
  max-width: 100%;
  width: 200px;
}
.tech-features .dimensions .image div {
  position: absolute;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #000;
  z-index: 2;
  line-height: 18px;
}
.tech-features .dimensions .image div strong {
  font-family: "League Bold", sans-serif;
  width: 100%;
  float: left;
}
.tech-features .dimensions .image div span {
  width: 100%;
  float: left;
}
.tech-features .dimensions .image div.height {
  top: 50%;
  margin-top: -40px;
}
.tech-features .dimensions .image div.width {
  bottom: 13px;
  left: 140px;
}
.tech-features .dimensions .image div.depth {
  bottom: 40px;
  left: 5px;
}
.tech-features .dimensions ul {
  position: absolute;
  right: 50%;
  margin-right: -218px;
  top: 50%;
  margin-top: -84px;
}
.tech-features .dimensions ul li {
  height: 50px;
  padding-left: 50px;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
  position: relative;
  line-height: 25px;
  margin-bottom: 10px;
}
.tech-features .dimensions ul li span {
  float: left;
  width: 100%;
}
.tech-features .dimensions ul li strong {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
}
.tech-features .dimensions ul li:last-child {
  margin-bottom: 0;
}
.tech-features .dimensions ul li .icon {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
}
.tech-features .dimensions ul li .icon.size {
  background-position: 0 -186px;
}
.tech-features .dimensions ul li .icon.volume {
  background-position: 0 -216px;
}
.tech-features .dimensions ul li .icon.weight {
  background-position: -30px -186px;
}
.tech-features .mainarea {
  margin-top: 40px;
}
.tech-features .mainarea .highlight-image {
  float: left;
  width: calc(50% - 15px);
  height: 470px;
  box-sizing: border-box;
  padding: 20px;
  border: solid 1px #dedede;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
.tech-features .mainarea .highlight-image img {
  max-height: 100%;
}
.tech-features .mainarea .highlight-image .number {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: rgba(223, 32, 39, 0.8);
  color: #fff;
  line-height: 50px;
  text-align: center;
  left: 0;
  top: 0;
  box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.4);
  font-family: "League Bold", sans-serif;
  font-size: 26px;
}
.tech-features .mainarea .highlight-image .number.number1 {
  left: 310px;
  top: 95px;
}
.tech-features .mainarea .highlight-image .number.number2 {
  left: 217px;
  top: 48px;
}
.tech-features .mainarea .highlight-image .number.number3 {
  left: 257px;
  top: 208px;
}
.tech-features .mainarea .highlight-image .number.number4 {
  left: 220px;
  top: 330px;
}
.tech-features .mainarea .highlight-text {
  float: right;
  width: calc(50% - 15px);
  height: 470px;
  box-sizing: border-box;
  border: solid 1px transparent;
}
.tech-features .mainarea .highlight-text .title {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
}
.tech-features .mainarea .highlight-text ul {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.tech-features .mainarea .highlight-text ul li {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 70px;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-bottom: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
}
.tech-features .mainarea .highlight-text ul li:last-child {
  margin-bottom: 0;
}
.tech-features .mainarea .highlight-text ul li .number {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0 3px 8px 0 rgba(223, 32, 39, 0.2);
  text-align: center;
  line-height: 40px;
  font-family: "League Bold", sans-serif;
  font-size: 26px;
  color: #df2027;
}

.toggle-techinfo {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  color: #df2027 !important;
  display: block;
  margin: 20px auto;
  width: 260px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-right: 30px;
  padding-left: 20px;
  box-sizing: content-box;
  position: relative;
  border: solid 2px #df2027;
}
.toggle-techinfo .icon {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 12px;
  height: 6px;
  background-position: -164px -116px;
  right: 14px;
}

.toggle-techinfo.bottom {
  display: none;
}

.toggle-techinfo.hide .icon {
  background-position: -164px -122px;
}

.toggle-techinfo.hide.bottom {
  display: block;
}

.prod-tech-info-list {
  width: 100%;
}
.prod-tech-info-list .tech-info {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.prod-tech-info-list .tech-info .title {
  width: 100%;
  float: left;
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #979797;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
}
@media (max-width: 370px) {
  /*.prod-tech-info-list .tech-info .title {
    float:none
  }*/
}
.prod-tech-info-list .tech-info .title .label {
  float: left;
  height: 40px;
  border-bottom: solid 3px #df2027;
  line-height: 40px;
  margin-top: 1px;
  width: 100%;
  display:table;
}
.prod-tech-info-list .tech-info ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0px;
}
@media (max-width: 1200px) {
  .prod-tech-info-list .tech-info ul {
    padding: 16px;
  }
    .prod-tech-info-list .tech-info img{
        width:100%;
    }
}
.prod-tech-info-list .tech-info ul li {
  float: left;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  border-bottom: dashed 2px #dedede;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #000;
}
.prod-tech-info-list .tech-info ul li:last-child {
  border-bottom: 0;
}
.prod-tech-info-list .tech-info ul li .label {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #2e2e2e;
  float: left;
  width: 400px;
}
.prod-tech-info-list .tech-info ul li .value {
  float: right;
  width: calc(100% - 400px);
}
@media (max-width: 1200px) {
  .prod-tech-info-list .tech-info ul li .label, .prod-tech-info-list .tech-info ul li .value {
    float: none;
  }
  .prod-tech-info-list .tech-info ul li .label {
    height: 30px;
    line-height: 30px;
    border-bottom: solid 3px #df2027;
    margin-top: 1px;
    width: 100%;
    display: table;
  }
}

.prod-tech-info-list.visible {
  padding: 50px 0;
  height: auto;
  opacity: 1;
}

#product-campaigns .title {
  font-family: "League Bold", sans-serif;
  font-size: 34px;
  color: #404040;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
#product-campaigns .campaign-img {
  position: relative;
  width: 1200px;
  height: 405px;
  float: left;
}

@media screen and (min-width: 1200px) {
  #product-campaigns .campaign-img span.borders {
    bottom: -19px;
    height: 24px;
    border-left: solid 4px #df2027;
    border-bottom: solid 4px #df2027;
    left: 300px;
    right: 300px;
    position: absolute;
  }
}
#online-payment-tab .ui-accordion-header .icon {
  margin-top: 2px;
}
#online-payment-collapse figure {
    height: 100%;
    float: left;
    width: 100px;
    border-right: 1px solid #dedede;
    margin-right: 24px;
    display: flex;
}
#online-payment-collapse .title {
  width: 150px;
}
#online-payment-collapse h3 img {
    width: 80%;
    height: auto;
    object-fit: contain;
}

#mobile-products-accordion .btn-red {
  color: #fff;
}
#mobile-products-accordion .ui-accordion-header .icon {
  margin-top: 3px;
}
#mobile-products-accordion .ui-accordion-content {
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.05);
}
#mobile-products-accordion .ui-accordion-header {
  margin-top: 0px;
  border: 0px;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
}
#mobile-products-accordion .ui-accordion-header:first-child {
  border-top: 1px solid #dedede;
}
#mobile-products-accordion .prod-info {
  padding: 0px;
}
#mobile-products-accordion .prod-tech-info-list.visible {
  padding: 0px;
}
#mobile-products-accordion .ui-state-active {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  border-bottom: 0px;
  font-size: 16px;
  font-family: "League Medium", sans-serif;
}

#evc-popup {
    display: none;
}

.evc-popup-desktop {
    width: 100%;
    display: flex;
}

.section-left {
    width: 65%;
    background-color: #fff;
    padding: 30px;
}

.section-right {
    width: 35%;
    color: #ffffff;
    background-color: #222222;
    padding: 40px;
}

.section-left .evc-popup-title {
    font-family: "League Bold", sans-serif;
    font-size: 24px;
    color: #df2027;
    letter-spacing: 0.5px;
    margin: 25px 0;
}

.evc.detail {
    width: auto;
}

.info-left {
    background-color: #fff;
    width: 60%;
    float: left;
}

.evc-detail-title {
    font-family: "League Bold", sans-serif;
    font-size: 18px;
}

.evc-detail-description {
    font-size: 13px;
    line-height: normal;
    padding-right: 50px;
    color: #2e2e2e;
    font-family: "League Bold", sans-serif;
}

.evc-frame-img {
    text-align: center;
}

.evc-frame-title {
    font-family: "League Bold", sans-serif;
    color: #df2027;
    font-size: 24px;
}

.frame-description {
    font-size: 12px;
    line-height: normal;
    font-family: "League Bold", sans-serif;
    color: #ddd !important;
}

.mobil-evc-detail {
    width: 100%;
    display: flex;
}

.section-top {
    padding: 25px;
}

    .section-top .evc-popup-title {
        font-family: "League Bold", sans-serif;
        font-size: 28px;
        color: #df2027;
        margin: 15px 0;
    }

.mobil-evc-detail-title {
    font-family: "League Bold", sans-serif;
    font-size: 18px;
}

.mobil-info-left {
    background-color: #fff;
    float: left;
}

.mobil-evc-detail-description {
    font-size: 13px;
    line-height: normal;
    color: #2e2e2e;
    font-family: "League Bold", sans-serif;
}

.section-bottom {
    color: #ffffff;
    background-color: #222222;
    padding: 25px;
}

.mobil-frame-section {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.mobil-evc-frame-img {
    width: 140px;
}

.evc-mobil-frame {
    width: auto;
}

.evc-mobil-frame-image {
    width: 140px;
}

.mobil-evc-frame-title {
    font-family: "League Bold", sans-serif;
    color: #df2027;
    font-size: 26px;
}

.addToCartPopUp {
  width: 800px;
  background-color: #fff;
  padding: 30px;
  z-index: 9999;
  height: auto;
  display: table;
}
.addToCartPopUp .btn-gray-flat {
  width: auto;
  padding: 0px 24px;
  float: right;
}
@media (max-width: 992px) {
  .addToCartPopUp {
    display: none;
  }
}
.addToCartPopUp #aViewDetail:hover {
  text-decoration: none;
}
.addToCartPopUp .addtocartbtn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #fff;
  background-color: #dc3c3c;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 0px;
  font-family: "League Medium", sans-serif;
}
.addToCartPopUp .added-prod {
  background-color: #eee;
  padding: 10px;
  height: 150px;
  width: 100%;
  margin-bottom: 30px;
}
.addToCartPopUp .added-prod .prod-img {
  background-color: #fff;
  padding: 0;
  height: 130px;
  width: 130px;
  float: left;
  margin-right: 20px;
  display: table;
}
.addToCartPopUp .added-prod .prod-img div {
  display: table-cell;
  vertical-align: middle;
}
.addToCartPopUp .added-prod .prod-info {
  display: table;
  height: 130px;
  width: 570px;
  padding: 0px;
}
.addToCartPopUp .added-prod .prod-info div {
  display: table-cell;
  vertical-align: middle;
}
.addToCartPopUp .added-prod .prod-info div .title {
  display: block;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  margin-bottom: 10px;
}
.addToCartPopUp .added-prod .prod-info div p {
  line-height: 1.4em;
}
.addToCartPopUp .added-prod .prod-info div .price span {
  float: left;
  margin-right: 16px;
  font-size: 18px;
  font-family: "League Medium", sans-serif;
  color: #293033;
}
.addToCartPopUp .added-prod .prod-info div .price span.linethrough {
  text-decoration: line-through;
}
.addToCartPopUp .added-prod .prod-info div .price span.discounted {
  color: #dc3c3c;
}
.addToCartPopUp .added-prod#divMultiItem {
  height: 164px;
}
.addToCartPopUp .added-prod#divMultiItem .prod-info {
  width: 270px;
}
.addToCartPopUp .added-prod#divMultiItem .prod-info div .title {
  font-size: 14px;
}
.addToCartPopUp .added-prod#divMultiItem .prod-img {
  margin-right: 10px;
  height: 144px;
}
.addToCartPopUp .added-prod#divMultiItem .prod-info div p {
  margin-bottom: 8px;
}
.addToCartPopUp .additional-warranty {
  width: 100%;
  margin-bottom: 20px;
}
.addToCartPopUp .additional-warranty .title {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #dc3c3c;
}
.addToCartPopUp .additional-warranty ul {
  text-align: left;
  font-size: 0;
  margin-top: 10px;
  padding: 0px;
}
.addToCartPopUp .additional-warranty ul li {
  display: inline-block;
  width: 170px;
  margin: 8px 8px 16px 0px;
  vertical-align: top;
}
.addToCartPopUp .additional-warranty ul li .box {
  position: relative;
  height: 270px;
  width: 100%;
  display: block;
  padding: 10px;
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  text-align: center;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
}
.addToCartPopUp .additional-warranty ul li .box span.title {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #2e2e2e;
  line-height:10px;
}
.addToCartPopUp .additional-warranty ul li .box span.disc {
  background-color: #fff;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-top: 0;
  text-align: center;
}
.addToCartPopUp .additional-warranty ul li .box span.disc .year {
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 32px;
  display: inline-block;
  margin-top: 14px;
}
.addToCartPopUp .additional-warranty ul li .box span.disc .txt {
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  display: inline-block;
}
.addToCartPopUp .additional-warranty ul li .box span.disc .price {
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
}
.addToCartPopUp .additional-warranty ul li .box a {
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
  color: #ccc;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  display: inline-block;
}
.addToCartPopUp .additional-warranty ul li .box:hover {
  border-color: #c92822;
}
.addToCartPopUp .additional-warranty ul li .box:hover a {
  color: #c92822;
}
.addToCartPopUp .additional-warranty ul li .box:hover a:hover {
  text-decoration: underline;
}
.addToCartPopUp .suggested-prods {
  width: 100%;
}
.addToCartPopUp .suggested-prods .title {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #dc3c3c;
}
.addToCartPopUp .suggested-prods h3, .addToCartPopUp .suggested-prods h5 {
  font-family: "League Regular", sans-serif;
  font-size: 14px;
  color: #293033;
  margin-top: 6px;
}
.addToCartPopUp .suggested-prods ul {
  text-align: left;
  font-size: 0;
  margin-top: 10px;
}
.addToCartPopUp .suggested-prods ul li {
  display: inline-block;
  width: 170px;
  margin: 0 10px;
  vertical-align: top;
  margin-bottom: 20px;
}
.addToCartPopUp .suggested-prods ul li:first-child {
  margin-left: 0;
}
.addToCartPopUp .suggested-prods ul li:last-child {
  margin-right: 0;
}
.addToCartPopUp .suggested-prods ul li:nth-child(5) {
  margin-left: 0;
}
.addToCartPopUp .suggested-prods ul li:nth-child(4) {
  margin-right: 0;
}
.addToCartPopUp .suggested-prods ul li .box {
  position: relative;
  height: 0;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
  overflow: hidden;
  z-index: 1;
}
.addToCartPopUp .suggested-prods ul.suggest li .box {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.addToCartPopUp .suggested-prods ul li .box:hover {
  border-color: #c92822;
}
.addToCartPopUp .suggested-prods ul li .box a.prod-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
.addToCartPopUp .suggested-prods ul li .box a.prod-item img {
  width: 90%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.addToCartPopUp .suggested-prods ul li .box a.prod-item .text {
  width: 100%;
  padding: 0 10px;
  margin-top: 0;
  text-align: center;
  font-size: 20px;
  font-family: "League Regular", sans-serif;
  color: #595959;
  display: block;
}
.addToCartPopUp .suggested-prods ul li .box a.prod-item:hover .text {
  color: #c92822;
  text-decoration: underline;
}
.addToCartPopUp .suggested-prods ul li .box a.addtocart {
  position: absolute;
  width: 100%;
  text-align: center;
  background-color: #dc3c3c;
  font-family: "League Bold", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  left: 0;
  bottom: -30px;
  color: #fff;
}
.addToCartPopUp .suggested-prods ul li .box a.addtocart:hover {
  background-color: #c92822;
  color: #fff;
}
.addToCartPopUp .suggested-prods:not(#divSet) ul li .box:hover .prod-item {
  bottom: 0;
  top: -30px;
}
.addToCartPopUp .suggested-prods:not(#divSet) ul li .box:hover .addtocart {
  bottom: 0;
}
.addToCartPopUp .suggested-prods ul li .prices {
  display: block;
  text-align: center;
  font-size: 0;
  height: 26px;
  width: 100%;
  background: #ddd;
  margin-top: -1px;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.addToCartPopUp .suggested-prods ul li .prices span {
  font-size: 16px;
  width: 50%;
  text-align: center;
  color: #dc3c3c;
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 26px;
  font-family: "League Medium", sans-serif;
}
.addToCartPopUp .suggested-prods ul li .prices span.profit {
  width: 100%;
  color: #595959;
}
.addToCartPopUp .suggested-prods ul li .prices span.linethrough {
  text-decoration: line-through;
  color: #293033;
}
.addToCartPopUp .continue-shopping {
  float: right;
  height: 40px;
  background-color: #293033;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0 30px;
  line-height: 40px;
  margin-top: 10px;
}
.addToCartPopUp .continue-shopping:hover {
  text-decoration: none;
}

.mobile-basket-popup {
  display: none;
}
@media (max-width: 992px) {
  .mobile-basket-popup {
    display: table !important;
  }
  .additional-energy {
     float:none !important;
  }
}

/*.addToCartPopUpMobile {
  display: table;
  width: 300px;
  padding-bottom: 92%;
  background-color: #fff;
  position: relative;
}*/
.addToCartPopUpMobile {
    padding: 15px;
    display: table;
    width: 300px;
    padding-bottom: 5%;
    background-color: #fff;
    position: relative;
}
.addToCartPopUpMobile .added-prod-mobile {
   position: relative; 
   background-color: #eee; 
   padding: 10px; 
   height: 280px; 
   width: 100%; 
   margin-bottom: 30px;
}

.addToCartPopUpMobile .added-prod-mobile  p{
   text-align: center; 
   margin-bottom: 20px; 
   font-weight: bold; 
   color: black;
}

.addToCartPopUpMobile .added-prod-mobile  .prod-img{
 background-color: #fff; 
 padding: 0; 
 height: 100px; 
 width: 100px; 
 float: left; 
 margin-right: 20px; 
 display: table;
}

.addToCartPopUpMobile .added-prod-mobile  .prod-info{
display: table; 
height: 130px; 
width: 130px; 
padding: 0;
}

.addToCartPopUpMobile .added-prod-mobile  .prod-info .title{
    display: block;
    font-family:Gotham Medium,sans-serif;
    font-size: 14px;
    color: #293033;
    margin-bottom: 10px;
}


.addToCartPopUpMobile .discounted {
  color: #dc3c3c;
  font-weight:bold;
} 
/*.addToCartPopUpMobile .icon {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  background-position: 0 -90px;
  background-size: 180px 180px;
}*/
/*.addToCartPopUpMobile h2 {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0px;
  margin-top: -20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  font-family: "Din Medium", sans-serif;
}*/
.mobile-basket-popup .continue-shopping{
  padding: 0 24px; 
  float: right; 
  text-align: center; 
  width: 80%; 
  margin-right: 30px; 
  margin-bottom: 15px; 
  right: 30px; 
  bottom: 10px; 
  color: #fff; 
  background-color: black; 
  height: 40px; 
  line-height: 40px; 
  padding: 0 20px; 
  font-size: 14px; 
  letter-spacing: 1px; 
  border-radius: 0; 
  font-family: "League Medium",sans-serif
}

.addToCartPopUpMobile .goto-cart {
  width: 90%; 
  text-align:center;
  position: absolute; 
  right: 15px; 
  bottom: 10px; 
  color: #fff; 
  background-color: #dc3c3c; 
  height: 40px; 
  line-height: 40px; 
  padding: 0 20px; 
  font-size: 18px; 
  letter-spacing: 1px; 
  font-family: "League Medium", sans-serif;
  margin-bottom: 10px
}
.addToCartPopUpMobile .additional-warranty .added-to-cart {
    white-space: pre-wrap;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 12px;
    display: flex;
    align-items: center;
    z-index: 999;
    background: #fff;
}

.addToCartPopUpMobile .additional-warranty .added-to-cart p {
   color:black;
   display: block;
   width: 100%;
   height: auto;
   position: relative;
   background: #fff;
   font-weight: bold;
}

.addToCartPopUpMobile .additional-warranty .title {
    font-family: "League Bold",sans-serif;
    font-size: 16px;
    color: #dc3c3c;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu {
    overflow: auto;
    white-space: nowrap;
    width: 260px;
/*    float: left !important;*/
    text-align: left;
    font-size: 0;
    margin-top: 10px;
    padding: 0;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    display: inline-block; 
    width: 170px; 
    margin: 8px 8px 16px 0; 
    vertical-align: top;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box{
    position: relative; 
    height: 250px; 
    display: block; 
    padding: 10px; 
    border: solid 1px #ddd;
    text-align:center; 
    border-radius: 3px;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box h6{
position: absolute; 
white-space: pre-wrap;
font-size: 12px;
color: #2e2e2e;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box .disc{
background-color: #fff; 
width: 100px; 
height: 100px; 
display: block; 
margin: auto; 
margin-top: 50px; 
text-align: center;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box .disc .price{
color: #dc3c3c; 
font-family: "League Medium",sans-serif; 
font-size: 18px; 
display:block; 
margin-top: 10px;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box .js-additional-addcart{
left: 0;
position: absolute;
width: 100%;
text-align: center;
bottom: 8px;
color: #ccc;
font-family: "League Medium",sans-serif;
font-size: 16px;
display: inline-block;
}

.addToCartPopUpMobile .additional-warranty .scrollmenu li .box:hover {
  border-color: #c92822;
}
.addToCartPopUpMobile .additional-warranty .scrollmenu li .box:hover a {
  color: #c92822;
}
.addToCartPopUpMobile .additional-warranty .scrollmenu li .box:hover a:hover {
  text-decoration: underline;
}

a.select-cart-group {
    padding-left: 25px;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #293033;
    font-family: "Gotham Bold", sans-serif;
    float: left;
}
  a.select-cart-group .icon {
      position: absolute;
      width: 20px;
      height: 20px;
      background-position: -100px -136px;
      left: 0;
      top: 15px;
  }
  a.select-cart-group:hover .icon {
      background-position: -120px -136px;
      opacity: 0.5;
  }
  a.select-cart-group.active .icon {
      background-position: -120px -136px;
      opacity: 1;
  }
@media (min-width: 1200px) {
  a.select-cart-group:hover .icon {
      background-position: -120px -136px;
      opacity: 1;
  }
}
a.add-to-compare {
  padding-left: 25px;
  height: 50px;
  line-height: 50px;
  position: relative;
  color: #293033;
  font-family: "League Bold", sans-serif;
  float: left;
}
a.add-to-compare .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  background-position: -100px -136px;
  left: 0;
  top: 15px;
}
a.add-to-compare:hover .icon {
  background-position: -120px -136px;
  opacity: 0.5;
}

a.add-to-compare.active .icon {
    background-position: -120px -136px;
    opacity: 1;
}
@media (min-width: 1200px) {
  a.add-to-compare:hover .icon {
    background-position: -120px -136px;
    opacity: 1;
  }
}

a.custom-checkbox-v {
  padding-left: 25px;
  height: 50px;
  line-height: 50px;
  position: relative;
  color: #293033;
  font-family: "League Bold", sans-serif;
  float: left;
}
a.custom-checkbox-v .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  background-position: -100px -136px;
  left: 0;
  top: 15px;
}
a.custom-checkbox-v:hover .icon {
  background-position: -120px -136px;
  opacity: 0.5;
}

a.custom-checkbox-v.active .icon {
    background-position: -120px -136px;
    opacity: 1;
}
@media (min-width: 1200px) {
  a.custom-checkbox-v:hover .icon {
    background-position: -120px -136px;
    opacity: 1;
  }
}
.rightside-filter {
  float:right !important;
}
@media (max-width: 768px) {
  .rightside-filter {
    float:left !important;
  }
}
.addToFavourites
{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.addToFavourites a {
    height: 25px;
    line-height: 20px;
    position: relative;
    margin-top: 14px;
    float: left;
    font-family: "League Bold", sans-serif;
    color: #2e2e2e !important;
}
.addToFavourites a .icon {
  background-position: -60px -136px !important;
  width: 20px !important;
  display: inline-block !important;
  height: 20px !important;
}

#product-detail .prod-widget .addToFavourites a .icon {
    display: flex !important;
    flex-shrink:0;
}
.addToFavourites a div {
  float:left
}
.addToFavourites a:hover .icon, .addToFavourites a.active .icon {
  background-position: -80px -136px !important;
}
#product-detail .product-short-desc .addToFavourites a{
    display:flex;
    height:auto;
}
.addToLikes a {
    height: 25px;
    line-height: 20px;
    position: relative;
    margin-top: 14px;
    float: left;
    padding-left: 30px;
    font-family: "League Bold", sans-serif;
    color: #2e2e2e !important;
}
.addToLikes a .icon {
  background-position: -60px -136px !important;
  width: 20px !important;
  display: inline-block !important;
  height: 20px !important;
}
.addToLikes a div {
  width: 170px;
}
.addToLikes a:hover .icon, .addToLikes a.active .icon {
  background-position: -80px -136px !important;
}
.let-me-not a {
  position: relative;
  width: 270px;
  text-align: center;
  height: 50px;
  color: unset;
  background-color: unset;
  font-family: "League Bold", sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 50px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  border: 1px solid lightgray;
  margin-bottom: 10px;
  display: table;
}
.let-me-not a:hover {
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
  color: #2e2e2e;
}

@media (max-width: 1200px) {
  .mobile-none-container {
    padding: 0px;
  }
}

.starts-box {
  margin: 16px auto;
  display: table;
  float: none;
  position: relative;
}
.starts-box .commentPointDivSpan {
  right: -10px;
  top: 1px;
}
.starts-box .unStar {
  width: unset !important;
  text-align: unset;
  display: table;
  position: relative;
}
.starts-box .commentPointDiv {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  top: unset !important;
  margin-top: -24px;
  position: relative;
}

.product-comments .panel-body {
  padding: 0px;
}
.product-comments .starts-wrap {
  margin: auto;
  display: table;
  float: none !important;
}
@media (max-width: 768px) {
  .product-comments .starts-wrap {
    margin: 10px auto 0px;
  }
}
@media (max-width: 992px) {
  .product-comments .ratingdiv {
    position: relative;
    padding-bottom: 120px !important;
  }
  .product-comments .ratingdiv .ratingtable.main-rating {
    position: absolute;
    bottom: 16px;
  }
}

.sugar-modal {
  width: 90%;
  height: 550px;
  margin: auto;
}
.sugar-modal .userInput {
  outline: 0px;
}

.let-me-not a {
  position: relative;
  width: 270px;
  text-align: center;
  height: 50px;
  color: unset;
  background-color: unset;
  font-family: "League Bold", sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 50px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  border: 1px solid lightgray;
  margin-bottom: 10px;
  display: table;
}
@media (max-width: 1200px) {
  .let-me-not a {
    width: 100%;
  }
}

.let-me-not a:hover {
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
  color: #2e2e2e;
}

.addToCartBtn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  transform: translateY(100px);
  display: block;
  text-align: center;
  height: 50px;
  color: #fff;
  background-color: #df2027;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 50px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.addToCartBtn.open-compare {
  bottom: 45px;
}
.addToCartBtn.show {
  transform: translateY(0);
  z-index: 99999;
}
@media (min-width: 1200px) {
  .addToCartBtn {
    display: none !important;
  }
}

#store-status .horizontal-form fieldset {
  width: 23.3%;
  float: left;
  margin-right: 14px;
}
@media (max-width: 1200px) {
  #store-status .horizontal-form fieldset {
    width: 15%;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #store-status .horizontal-form .btn-getMap {
    max-width: 33%;
  }
}
#store-status .services-search-form {
  display: table;
  width: 100%;
  padding: 0px;
}
@media (max-width: 992px) {
  #store-status .services-search-form fieldset {
    width: 100%;
  }
  #store-status .services-search-form input {
    max-width: 100%;
    width: 100% !important;
    margin: auto;
  }
  #store-status .services-search-form .orText2 {
    float: none;
    width: 100%;
    text-align: center;
  }
}
#store-status .title {
  width: 100%;
  display: inline-block;
  padding: 0px 0px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 16px;
  border-bottom: 1px solid lightgray;
}

#store-status-collapse .map-wrap #map {
  width: 100% !important;
}
@media (min-width: 992px) {
  #store-status-collapse #services .search-list {
    width: 50%;
  }
  #store-status-collapse #services .map-wrap {
    width: 50%;
  }
}

.stock-progress {
  margin-top: 10px;
  white-space: nowrap;
  display: flex;
}
@media (min-width: 992px) {
  .stock-progress {
    margin-left: 350px;
  }
}
.stock-progress.full sub {
  background: #6fcf35 !important;
  border-right: 0 !important;
}
.stock-progress.critical sub:nth-child(-n+3) {
  background: #fcd500 !important;
  border-right: 0 !important;
}
.stock-progress.over sub:first-child {
  background: #fe0200 !important;
}
.stock-progress .stock-bar {
  width: 100%;
  margin-top: 5px;
  margin-right: 10px;
}
.stock-progress span {
  color: #7a7a7a;
  width: 100%;
  position: relative;
  font-size: 14px;
  display: block;
}
.stock-progress .text {
  display: inline;
}
.stock-progress .text span {
  display: inline;
}
.stock-progress.full {
  margin-left: 180px;
}
.stock-progress.full sub {
  background: #6fcf35 !important;
}
.stock-progress.critical sub:nth-child(-n+3) {
  background: #fcd500 !important;
}
.stock-progress.over sub:first-child {
  background: #fe0200 !important;
}
.stock-progress .stock-bar {
  display: block;
  height: 8px;
}
.stock-progress .stock-bar sub {
  width: 20%;
  border-right: 1px solid #fff;
  background: #eee;
  height: 100%;
  display: block;
  float: left;
}
.stock-progress .stock-bar sub:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.stock-progress .stock-bar sub:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.commentsubmitdiv .checkbox-button a:hover {
  background: unset !important;
}
.commentsubmitdiv .checkbox-button a:hover i {
  background-position: -100px -136px;
}
.commentsubmitdiv .checkbox-button a.active:hover i {
  background-position: -120px -136px;
}
.product-budgets {
  display: table;
  float: right;
  width: 200px;
}
.product-budgets .iad {
  margin: 16px 0px 16px 0px !important;
  float: left !important;
}
@media (max-width: 1200px) {
  .product-budgets {
    width: 100%;
  }
  .product-budgets .iad {
    float: left;
    margin: 0px !important;
  }
}

.evdeGor {
  margin: 0px 0px;
  height: 40px;
  float: left;
}
.multiProductList {
  width: 100%;
  display: table;
}
.multiProductList > ul {
  list-style: none;
  padding: 0px;
}
.multiProductList > ul > li {
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #dedede;
  padding: 10px;
  height: 120px;
  margin-bottom: 20px;
  display: table;
}
.multiProductList > ul > li .img-wrap {
  float: left;
  width: 110px;
}
.multiProductList > ul > li .img-wrap img {
  width: 100%;
}
.multiProductList > ul > li .text {
  width: calc(100% - 170px);
}
.multiProductList > ul > li .text .multi-product-url {
    margin-right:10px
}
.multiProductList > ul > li .text .energy-tag.tag-img {
    position: relative;
    width: 34px;
    height: 15px;
    left: 0px !important;
    top: -2px;
}
.multiProductList > ul > li .text a {
  float: unset;
}
@media (max-width: 1200px) {
  .multiProductList > ul > li .img-wrap {
    width: 80px;
    float: left;
  }
  .multiProductList > ul > li .text {
    width: calc(100% - 90px);
  }
  .multiProductList > ul > li .text a {
    float: unset;
  }
}
.multiProductList .img-wrap img {
  height: 100%;
  float: left;
  margin-right: 10px;
}
.multiProductList .text {
  float: left;
}
.multiProductList .text a {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
}

ul.features {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
ul.features li {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 22px;
  vertical-align: middle;
  display: table;
}
@media (max-width: 992px) {
  ul.features li {
    font-size: 14px;
  }
}
ul.features li span {
  display: inline-block;
  width: 8px;
  height: 4px;
  background-color: #df2027;
  margin-right: 20px;
  margin-bottom: 3px;
  box-shadow: 0 3px 8px 0 rgba(223, 32, 39, 0.2);
}
@media (max-width: 992px) {
  ul.features li span {
    margin-right: 8px;
  }
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.star-icon,
.rating-radio > label:before,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.star-icon, .rating-radio > label:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.fa-pull-left.star-icon,
.rating-radio > label.fa-pull-left:before,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.fa-pull-right.star-icon,
.rating-radio > label.fa-pull-right:before,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-bacteria:before {
  content: "";
}

.fa-bacterium:before {
  content: "";
}

.fa-bahai:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-tissue:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caravan:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudflare:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dailymotion:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deezer:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-disease:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edge-legacy:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-faucet:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-firefox-browser:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-pay:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guilded:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-medical:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-sparkles:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-wash:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt-slash:before {
  content: "";
}

.fa-handshake-slash:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side-cough:before {
  content: "";
}

.fa-head-side-cough-slash:before {
  content: "";
}

.fa-head-side-mask:before {
  content: "";
}

.fa-head-side-virus:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hive:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hospital-user:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-user:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-ideal:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-innosoft:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-instagram-square:before {
  content: "";
}

.fa-instalod:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-house:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lungs-virus:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microblog:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mixer:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octopus-deploy:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-arrows:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-perbyte:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-square:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-plane-slash:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pump-medical:before {
  content: "";
}

.fa-pump-soap:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rust:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-virus:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopify:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sink:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-soap:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-stopwatch-20:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-store-alt-slash:before {
  content: "";
}

.fa-store-slash:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tiktok:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-slash:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-trailer:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-uncharted:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-unity:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-unsplash:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-slash:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-vest:before {
  content: "";
}

.fa-vest-patches:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-virus:before {
  content: "";
}

.fa-virus-slash:before {
  content: "";
}

.fa-viruses:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-watchman-monitoring:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wodu:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/style/plugins/fontawesome/webfonts/fa-solid-900.eot);
  src: url(/assets/style/plugins/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/assets/plugins/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(/assets/plugins/fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(/assets/style/plugins/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(/assets/style/plugins/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.fas,
.star-icon,
.rating-radio > label:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.eot);
  src: url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.woff) format("woff"), url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(/assets/style/plugins/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.product-comments {
  margin: 32px 0px;
}
.product-comments .stars label::before {
  content: "★";
  color: #df2027;
}
.product-comments .unstar::before {
  content: "★" !important;
  color: #d3d3d3 !important;
}
.product-comments svg:not(:first-child) {
  margin-left: 2px;
}
.product-comments .rating {
  border: none;
  float: left;
}
.product-comments .rating > input {
  display: none;
}
.product-comments .rating > input:checked ~ label {
  color: #df2027;
}
.product-comments .rating > input:checked ~ label:hover {
  color: red;
}
.product-comments .rating > input:checked ~ label:hover ~ label {
  color: red;
}
.product-comments .rating > input:checked + label:hover {
  color: red;
}
.product-comments .rating > label {
  color: #ddd;
  float: right;
}
.product-comments .rating > label:before {
  margin: 2px;
  font-size: 2em;
  display: inline-block;
  content: "";
  cursor: pointer;
  transition: 0.5s ease;
}
.product-comments .rating > label:hover ~ input:checked ~ label {
  color: red;
}
.product-comments .rating > .half:before {
  content: "";
  position: absolute;
}
.product-comments .rating:not(:checked) > label:hover {
  color: #df2027;
}
.product-comments .rating:not(:checked) > label:hover ~ label {
  color: #df2027;
}
.product-comments .rating .ratingtable {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 200px;
  padding: 0 0 0 20px;
}
.product-comments .comment-header {
  display: flex;
  border-bottom: 1px solid lightgray;
  padding-bottom: 10px;
}
.product-comments .comment-header .all-comment-btn a {
  /*  font-size: 13px;
    width: 100%;
    font-family: 'League Regular', sans-serif;
    margin: 8px auto !important;*/
}
.product-comments .comment-header span {
  width: 80%;
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .product-comments .comment-header span {
    width: 80%;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    font-family: "League Regular", sans-serif;
  }
}
.product-comments .comment-header a {
  width: 262px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #484848;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 1.5;
}
.product-comments .ratingdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0 0;
}
.product-comments .ratingdiv .productimage {
  /*width: 240px;
  margin: 0 20px;*/
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .productimage {
    margin: 0px;
  }
}
.product-comments .ratingdiv .productimage img {
  width: 200px;
  margin: 0 20px;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating {
    width: 100%;
  }
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint {
  max-width: 20%;
  width: 20%;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint {
    width: 100%;
    max-width: unset;
  }
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  line-height: 1;
  margin-bottom: 5px;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
  display: flex;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-webkit-radius: 30px;
  zoom: 1;
  min-width: 135px;
  padding: 7px 15px;
  margin-right: 25px;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts.active {
  background: #9191912e;
    border: 1px solid #df2027;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
    min-width: 170px;
  }
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts:hover {
  background: #9191912e;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label {
  font-size: 18px;
  position: relative;
  bottom: -4px;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint {
  font-size: 13px;
  margin-left: 10px;
  font-weight: 600;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint span {
  color: #919191;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-webkit-radius: 10px;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 16px;
  background: #eee;
  width: 100%;
  padding: 0 5px;
  max-width: 530px;
  min-width: 300px;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
    max-width: unset;
    min-width: unset;
    width: 90%;
  }
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  background-color: #df2027;
  border-radius: 10px;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpointnumber {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  margin-left: 15px;
}
.product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
  display: flex;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating {
    width: 100%;
  }
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint {
  width: 50%;
  float: left;
}
@media (max-width: 992px) {
    .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint {
        width: 25%;
        float: left;
    }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint {
    width: 100%;
    max-width: unset;
  }
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  line-height: 1;
  margin-bottom: 5px;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-webkit-radius: 30px;
  zoom: 1;
  display: table;
  text-align: center;
  margin-right: 5px;
  padding: 7px;
  min-width: 85px;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts.active {
  background: #9191912e;
    border: 1px solid #df2027;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
    min-width: 170px;
  }
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts:hover {
  background: #9191912e;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label {
  font-size: 18px;
  position: relative;
  bottom: -4px;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint {
  font-size: 13px;
  margin-left: 10px;
  font-weight: 600;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint span {
  color: #919191;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-webkit-radius: 10px;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 16px;
  background: #eee;
  width: 100%;
  padding: 0 5px;
  max-width: 530px;
  min-width: 400px;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
    max-width: unset;
    min-width: unset;
    width: 90%;
  }
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  background-color: #df2027;
  border-radius: 10px;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .percentpointnumber {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  margin-left: 15px;
}
.product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
  display: flex;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable.sub-rating {
      display: flex;
  }
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint {
      max-width: 25%
  }
  .product-comments .ratingdiv .ratingtable.sub-rating .ratingpoint .ratingpointdiv .pointstarts {
      display: table;
      margin: 0 auto;
  }
}
.product-comments .ratingdiv .averagepointdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
  margin-right: 40px;
  text-align: center;
  width: 182px;
  height: auto;
}
.product-comments .ratingdiv .averagepointdiv .averagepointtitlediv {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-webkit-radius: 10px;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 2px solid #ccc;
}
    .product-comments .ratingdiv .averagepointdiv .averagepointtitlediv .averagepointtitle {
        width: 118px;
        background-color: #fff;
        font-size: 14px;
        font-weight: 700;
        color: #919191;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: initial;
        line-height: 1.2;
        margin-top: -15px;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.product-comments .ratingdiv .averagepointdiv .averagepointtitlediv .averagepointtable {
  margin-top: 15px;
  margin-left: 16px;
  margin-right: 16px;
  display: block;
  height: 40px;
}
.product-comments .ratingdiv .averagepointdiv .averagepointtitlediv .averagepointpuan {
  font-size: 84px;
  line-height: 84px;
  font-weight: 600;
  color: #919191;
  padding-bottom: 0;
}
.product-comments .commentbuttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 10px;
}
.product-comments .commentbuttons .commentbuttonsdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.product-comments .commentbuttons .commentbuttonsdiv .commentbutton {
  cursor: pointer;
  color: #df2027;
  width: 202px;
  box-sizing: border-box;
  line-height: 50px;
  height: 50px;
  border: solid 2px #df2027;
  padding-left: 0px;
  text-align: center;
  letter-spacing: 2px;
  margin-right: 8px;
}
.product-comments .commentbuttons .commentbuttonsdiv .commentbutton div {
  margin: auto;
  width: 115px;
}
.product-comments .commentbuttons .commentbuttonsdiv .commentbutton div i {
  width: 24px;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
  float: left;
}
.product-comments .commentbuttons .commentbuttonsdiv .commentbutton div span {
  height: 50px;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.32px;
  text-align: center;
  color: #df2027;
  float: right;
}
.product-comments .commentsmaindiv {
  display: flex;
  margin-top: 20px;
  border-top: 1px solid lightgray;
  padding-top: 17px;
}
.product-comments .commentsmaindiv .commentsdiv {
  display: inline-block;
}
.product-comments .commentsmaindiv .commentsdiv .commenttext {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #eee;
  border-radius: 16px;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: pre-wrap;
}
.product-comments .commentsmaindiv .commentsdiv .commenttext p {
  font-weight: bold;
}
.product-comments .commentsmaindiv .commentsdiv .commenttext span {
  color: #484848;
  margin-bottom: 0;
  margin-top: 7px;
  line-height: 1.4;
  word-wrap: break-word;
}
.product-comments .commentsmaindiv .commentsdiv .commentstatement {
  font-size: 12px;
  color: #919191;
  font-style: italic;
}
.product-comments .commentsmaindiv .commentsdiv .commentsNameSurname {
  font-size: 14px;
  font-weight: bold;
  margin-top: -17px;
  margin-bottom: 7px;
}
.product-comments .commentmainpopup {
  padding: 10px;
  background: #fff;
}
.product-comments .commentmainpopup .commentspopupdiv {
  margin: 12px 24px 0px 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 80px;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupimg {
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  border: solid 2px #f5f5f5;
  background-color: #ffffff;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupimg img {
  width: 80px;
  height: 80px;
  padding: 12px;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupproductname {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
  height: 80px;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupproductname span {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #484848;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopupstars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  height: 61px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.product-comments .commentmainpopup .commentspopupdiv .commentspopupstars .commentspopupstarsdiv {
  width: 200px;
  height: 21px;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #919191;
}
.product-comments .commentmainpopup .commentspopupdiv .reviewtext {
  margin-top: 18px;
  display: inline-block;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: calc(100%);
}
.product-comments .commentmainpopup .commentspopupdiv .reviewtext textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
  padding: 10px;
  height: 12px;
  min-height: 123px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #484848;
  width: calc(100%);
  overflow-y: auto;
  overflow-x: hidden;
}
.product-comments .commentmainpopup .commentspopupdiv .reviewtext:focus {
  outline: 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.product-comments .commentmainpopup .commentspopupdiv .reviewtext label {
  padding-right: 2px;
  top: -7px;
  left: 20px;
  position: absolute;
  top: -7px;
  left: 6%;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #bfbfbf;
  background-color: #ffffff;
}
.product-comments .commentmainpopup .commentspopupdiv .reviewtitle {
  margin-top: 18px;
  display: inline-block;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: calc(100%);
}
.product-comments .commentmainpopup .commentspopupdiv .commentsubmitdiv {
  display: table;
  left: 0;
  bottom: 0;
  width: 95%;
  min-height: 50px;
  margin-top: 8px;
}
.product-comments .commentmainpopup .commentspopupdiv .commentsubmitdiv .subcomment {
  float: right;
  width: 105px !important;
  height: 38px !important;
  margin: 16px 0 32px 16px;
  display: inline-block;
  background-color: #df2027;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  width: 75px;
  height: 24px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.32px;
  text-align: center;
  color: white;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.product-comments .commentmainpopup .commentspopupdiv .commentsubmitdiv .subcomment:hover {
  background-color: #f7272f;
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}
.product-comments .averagepointdivMobile {
  display: none !important;
}
.product-comments .AllCommentsButtonsDiv {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border-top: 1px solid lightgray;
  padding: 15px;
  margin-top: 15px;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.product-comments .AllCommentsButtonsDiv a {
  padding: 10px 16px !important;
  color: gray !important;
  border: none;
  margin: 0 auto;
  font-weight: bold;
  outline: auto;
}
@media screen and (max-width: 992px) {
  .product-comments .commentsDivButtonsMobile {
    font-size: 11px;
  }
  .product-comments #product-comments {
    overflow: hidden;
    padding: 5px;
  }
  .product-comments .ui-accordion-content #product-comments {
    overflow: hidden;
    padding: 5px;
    background: white;
    margin: -20px;
  }
  .product-comments .comment-header {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .product-comments .comment-header .see-detail-btn a {
    width: 100%;
    font-size: 13px;
  }
  .product-comments .comment-header .allCommentBtn a {
    font-size: 13px;
    width: 100%;
  }
  .product-comments .ratingdiv {
    display: inline-block;
  }
  .product-comments .ratingdiv .ratingtable.main-rating {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid lightgray;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint {
    border-right: 1px solid lightgray;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts {
    display: inline-block;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
    display: none;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
    padding: 0;
    min-width: unset;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars {
    width: 100%;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label {
    margin-right: -4px;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label.unstar {
    display: none;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint {
    display: inline-grid;
    text-align: center;
    padding-right: 10px;
    font-size: 11px;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint span {
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 10px;
  }
  .product-comments .ratingdiv .ratingtable.main-rating .ratingpoint .ratingpointdiv .pointstarts .percentpointnumber {
    display: none;
  }
  .product-comments .ratingdiv .averagepointdiv {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .product-comments .ratingdiv .productimage {
    display: none;
  }
  .product-comments .ratingdiv .productimage img {
    width: 150px;
  }
  .product-comments .commentbuttons .commentbuttonsdiv {
    display: contents;
  }
  .product-comments .commentbuttons .commentbuttonsdiv a {
    margin-right: 16px;
  }
  .product-comments .commentbuttons .commentbuttonsdiv .commentbutton {
    padding-top: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .product-comments .commentbuttons .commentbuttonsdiv a {
    margin: 8px 0px;
    padding: 0px !important;
    height: 50px !important;
    line-height: 50px !important;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .commentbuttons .prod-shortdesc {
    padding: 0;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupproductname {
    margin-bottom: 13px;
  }
  .product-comments .commentmainpopup .commentspopupdiv .reviewtitle {
    height: 50px;
    min-height: 50px;
  }
  .product-comments .commentmainpopup .commentspopupdiv .commentsubmitdiv button {
    width: 88px;
    height: 37px;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .mobileCommentStar {
    display: block;
    white-space: nowrap;
    position: inherit;
    margin-top: -29px;
    overflow: hidden;
    top: unset !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 1200px) {
  .product-comments .mobileCommentStar {
    margin-top: 24px;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .is-name-visible img {
    height: 20px !important;
    vertical-align: top !important;
    margin-right: 5px !important;
    cursor: pointer;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .rating img {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .averagepointdivMobile {
    display: flex !important;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .productBoxCommentMobile {
    margin-top: -24px !important;
  }
}
@media screen and (max-width: 992px) {
  .product-comments .RedirectLogin .loginButtonForComments {
    width: 105px !important;
    height: 38px !important;
    margin: 16px 0 32px 16px;
    display: inline-block;
    background-color: #df2027;
    border: 0;
    cursor: pointer;
    font-weight: 600;
    width: 75px;
    height: 24px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.32px;
    text-align: center;
    color: white;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .product-comments .RedirectLogin .loginButtonForComments:hover {
    background-color: #f7272f;
    box-shadow: rgba(247, 39, 47, 0.5) 0px 6px 20px 0px;
  }
}

.commentsstars label {
  font-size: 20px;
  position: relative;
  bottom: 1px;
}
.commentsstars label::before {
  content: "★";
  color: #747474;
}
.commentsstars label.active::before {
  content: "★";
  color: #df2027;
}
.commentsstars .commentdate {
  color: #919191;
  font-size: 12px;
  margin-left: 8px;
}

.list-stars {
  display: table;
  width: 100%;
}
.list-stars .features {
  float: left;
  display: table;
  width: 50%;
}
.list-stars .starts-wrap {
  float: right;
  display: table;
}
.list-stars .commentsstars {
  text-align: right;
}
.list-stars .commentsstars .label {
  float: right;
}

#comments-form .checkbox-button {
  float: left;
}
#comments-form .border-none {
  border: 0 !important;
}
#comments-form .commentmainpopup {
  padding: 10px;
  background: #fff;
}
#comments-form .commentmainpopup .commentspopupdiv {
  margin: 12px 24px 0px 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopuptitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 80px;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupimg {
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  border: solid 2px #f5f5f5;
  background-color: #ffffff;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupimg img {
  width: 80px;
  height: 80px;
  padding: 12px;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupproductname {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
  height: 80px;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopuptitle .commentspopupproductname span {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #484848;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopupstars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#comments-form .commentmainpopup .commentspopupdiv .commentspopupstars .commentspopupstarsdiv {
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #919191;
}
#comments-form .commentmainpopup .commentspopupdiv .reviewtext {
  margin-top: 18px;
  display: inline-block;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: calc(100%);
}
#comments-form .commentmainpopup .commentspopupdiv .reviewtext textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
  padding: 10px;
  height: 12px;
  min-height: 123px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #484848;
  width: calc(100%);
  overflow-y: auto;
  overflow-x: hidden;
}
#comments-form .commentmainpopup .commentspopupdiv .reviewtext:focus {
  outline: 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#comments-form .commentmainpopup .commentspopupdiv .reviewtext label {
  padding-right: 2px;
  top: -7px;
  left: 20px;
  position: absolute;
  top: -7px;
  left: 6%;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #bfbfbf;
  background-color: #ffffff;
}
#comments-form .commentmainpopup .commentspopupdiv .reviewtitle {
  margin-top: 18px;
  display: inline-block;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: calc(100%);
}
#comments-form .commentmainpopup .commentspopupdiv .commentsubmitdiv {
  display: inline;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 50px;
  margin-top: 8px;
}
#comments-form .commentmainpopup .commentspopupdiv .commentsubmitdiv .subcomment {
  float: right;
  width: 105px !important;
  height: 38px !important;
  margin: 16px 0 32px 16px;
  display: inline-block;
  background-color: #df2027;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  width: 75px;
  height: 24px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.32px;
  text-align: center;
  color: white;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
#comments-form .commentmainpopup .commentspopupdiv .commentsubmitdiv .subcomment:hover {
  background-color: #f7272f;
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}

@media (max-width: 1200px) {
  .product-comments {
    background-color: #fff;
  }
  .product-comments .inner {
    background-color: #fff;
  }
}

.rating-radio {
  border: none;
  float: unset;
  display: table;
  position: relative;
  margin-top: 3px;
}
.rating-radio > input {
  display: none;
}
.rating-radio > label:before {
  margin: 2px;
  font-size: 2em;
  display: inline-block;
  cursor: pointer;
  transition: 0.5s ease;
}
.rating-radio > .half:before {
  content: "";
  position: absolute;
}
.rating-radio > label {
  color: #ddd;
  float: right;
  display: table;
  width: auto !important;
}
.rating-radio > input:checked ~ label {
  color: #df2027;
}
.rating-radio:not(:checked) > label:hover {
  color: #df2027;
}
.rating-radio:not(:checked) > label:hover ~ label {
  color: #df2027;
}
.rating-radio > input:checked + label:hover, .rating-radio > input:checked ~ label:hover {
  color: red;
}
.rating-radio > label:hover ~ input:checked ~ label, .rating-radio > input:checked ~ label:hover ~ label {
  color: red;
}

.star-icon:before {
  content: "";
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 20px;
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 0px solid #ccc;
}

#cboxLoadedContent {
  border: 0px solid #000;
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(/assets/img/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  left: 20px;
  background-position: -60px -96px;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  background-image: url(/assets/img/bg-sprite.svg);
  position: absolute;
  text-indent: -9999px;
  outline: 0px;
}

#cboxNext {
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  background-image: url(/assets/img/bg-sprite.svg);
  position: absolute;
  text-indent: -9999px;
  right: 20px;
  left: inherit;
  background-position: -100px -96px;
  outline: 0px;
}

#cboxClose {
  position: absolute;
  top: 5px;
  right: 0px;
  display: block;
  background: url(/assets/img/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: bottom center;
}

#cboxOverlay {
  z-index: 999999;
  background: rgba(0, 0, 0, 0.2);
}

#colorbox {
  z-index: 9999999;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  background: none !important;
}

#cboxContent, #colorbox, #cboxOverlay, #cboxWrapper {
  overflow: initial !important;
}

#cboxClose {
  top: -50px;
  width: 50px !important;
  height: 50px !important;
  background: url(/assets/img/icon/cboxclose.png) #fff no-repeat center center !important;
}

#cboxClose:hover {
  background: url(/assets/img/icon/cboxclose-hover.png) #fff no-repeat center center !important;
}

#cboxContent, #colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 999999;
}

#cboxTopLeft, #cboxMiddleLeft, #cboxBottomLeft, #cboxBottomCenter, #cboxTopCenter, #cboxTopRight {
  display: none;
}

#comparison {
  padding: 18px;
  position: fixed;
  width: 160px;
  height: 540px;
  background-color: #3a3a3a;
  border-radius: 4px 0 0 4px;
  top: calc(25%);
  right: -160px;
  z-index: 999999;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  display: block;
}
@media (min-width: 1200px) {
  #comparison {
    padding: 8px;
  }
}
@media (max-width: 1200px) {
  #comparison figure {
    position: absolute;
    height: 66%;
    top: 4px;
  }
  #comparison figure img {
    height: 90% !important;
  }
}
#comparison.active {
  visibility: visible;
  opacity: 1;
  right: 0;
}
@media (max-height: 860px) and (min-width: 1200px) {
    #comparison.active {
        top: 2vh;
    }
}
#comparison.active .compare-toggle-btn {
  background-color: #5c5c5c !important;
  box-shadow: none;
}
#comparison.active .compare-toggle-btn .text {
  top: 90px;
}
#comparison.active .compare-toggle-btn .icon {
  background-position: -149px -236px !important;
}
#comparison.active .compare-toggle-btn:before {
  /*content: "GİZLE";*/
  transform: rotate(-90deg);
  color: #fff;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  position: absolute;
  right: 0;
  width: 45px;
  top: 105px;
  text-align: center;
}
#comparison.active .compare-toggle-btn .compare-toggle-btn-title {
    transform: rotate(-90deg);
    color: #fff;
    font-family: "League Regular", sans-serif;
    font-size: 18px;
    position: absolute;
    right: 0;
    width: 45px;
    width: 45px;
    top: 100px;
    text-align: center;
}
@media (max-width: 1200px) {
  #comparison.active .compare-toggle-btn:before {
    transform: rotate(0deg);
    color: #fff;
    position: absolute;
    text-align: center;
    left: 40px;
    top: 1px;
  }
}
#comparison ul {
  padding: 0px;
}
#comparison ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
  border: dashed 2px #8f8f8f;
  float: left;
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  #comparison ul li:nth-child(odd) {
    margin-right: 10px;
  }
  #comparison ul li:nth-child(even) {
    margin-left: 10px;
  }
 }
#comparison ul li:after {
  line-height: 136px;
  color: #8f8f8f;
  font-size: 42px;
  font-family: "League Regular", sans-serif;
}
#comparison ul li:first-child:after {
  content: "1";
}
#comparison ul li:nth-child(2):after {
  content: "2";
}
#comparison ul li:nth-child(3):after {
  content: "3";
}
#comparison ul li a {
  position: absolute;
  width: 140px;
  height: 140px;
  background-color: #fff;
  left: -2px;
  top: -2px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
#comparison ul li a .wrap {
  display: table;
}
#comparison ul li a figure {
  margin: 0px;
  padding: 0px 16px;
}
#comparison ul li a figure img {
  width: 100%;
  height: auto;
}
#comparison ul li a .title {
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  height: 37px;
  line-height: 1.5em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -webkit-box-orient: block-axis;
  box-orient: block-axis;
}
@media (max-width: 1200px) {
  #comparison ul li a .title {
    position: absolute;
  }
}
#comparison .compare-toggle-btn {
  background-color: #df2027;
  width: 45px;
  height: 175px;
  position: absolute;
  left: -45px;
  top: 10px;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 4px 20px 0 rgba(223, 32, 39, 0.3);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#comparison .compare-toggle-btn .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background-position: -104px -236px;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#comparison .compare-toggle-btn:before {
  /*content: "KARŞILAŞTIR";*/
  transform: rotate(-90deg);
  color: #fff;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  position: absolute;
  right: 0;
  width: 45px;
  top: 110px;
  text-align: center;
}
@media (max-width: 1200px) {
  #comparison .compare-toggle-btn:before {
    transform: rotate(0deg);
    color: #fff;
    position: absolute;
    text-align: center;
    left: 40px;
    top: 1px;
  }
}
#comparison .compare-toggle-btn .text {
  transform: rotate(-90deg);
  color: #fff;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  position: absolute;
  right: 0;
  width: 45px;
  top: 125px;
  text-align: center;
}
#comparison .compare-button {
  float: left;
  height: 40px;
  line-height: 40px;
  background-color: #df2027;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 8px;
}
#comparison .remove-compare-button {
  float: left;
  color: #8f8f8f;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1200px) {
  #comparison {
    width: 100%;
    height: auto;
    max-height: unset;
    top: unset;
    bottom: 0px;
    border-radius: 0px;
    transform: translateY(100%);
    left: 0px;
  }
  #comparison.active {
    transform: translateY(0%);
  }
  #comparison .compare-toggle-btn {
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    top: -45px;
    background-color: #3a3a3a;
    box-shadow: none;
    text-align: center;
    border-radius: 0 !important;
  }
  #comparison .compare-toggle-btn .icon {
    position: relative;
    float: left;
  }
  #comparison .compare-toggle-btn .text {
    transform: rotate(0deg);
    text-align: center;
    position: relative;
    top: 0px !important;
    left: 0;
    float: left;
    height: 45px;
    line-height: 45px;
    width: auto;
  }
  #comparison ul li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    height: 0;
    padding-bottom: 41%;
  }
  #comparison ul li a {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}

/***
Compare Page
 */
.toggleDiffBtn span {
  float: left;
  width: 20px;
  height: 20px;
  background-position: -100px -136px;
  margin-right: 2px;
  margin-top: 1px;
}

.compare-table {
  width: 100%;
  margin-bottom: 50px;
}
.compare-table thead tr th {
  width: 25%;
}
.compare-table thead tr th:first-child {
  text-align: left;
  vertical-align: bottom;
}
.compare-table thead tr th .item {
  width: 290px;
  background-color: #f9f9f9;
  border: solid 1px #dedede;
  border-bottom: 0;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  margin-bottom: 0;
}
.compare-table thead tr th .item.addprod {
  border-bottom: solid 1px #dedede;
}
.compare-table thead tr th .item.addprod .no {
  color: #ccc;
}
.compare-table thead tr th .item.addprod a {
  box-sizing: border-box;
  border: dashed 1px #df2027;
  float: left;
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 2px;
}
.compare-table thead tr th .item.addprod a .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -26px;
  left: 50%;
  margin-left: -12px;
  background-position: -56px -236px;
}
.compare-table thead tr th .item.addprod a .text {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 24px;
  line-height: 24px;
  bottom: 50%;
  margin-bottom: -26px;
  left: 0;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #df2027;
}
.compare-table thead tr th .item .no {
  background-color: #fff;
  border: solid 1px #dedede;
  box-sizing: border-box;
  text-align: center;
  line-height: 48px;
  height: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}
.compare-table thead tr th .item .prod {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: solid 1px #dedede;
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
  color: #000;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 0;
  padding-top: 40px;
}
.compare-table thead tr th .item .prod img {
  max-width: 90%;
  margin: 0 5%;
}

.compare-items-mobile .prod img {
  max-width: 90%;
  margin: 0 5%;
}

.compare-table thead tr th .item .prod .name {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  display: block;
  width: 90%;
  margin: 0 5%;
  height: 36px;
}
.compare-table thead tr th .item .prod .remove-list {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-position: -36px -260px;
}
.compare-table thead tr th .item .info {
  float: left;
  position: relative;
  z-index: 1;
  padding: 10px;
  border: solid 1px #dedede;
  border-top: 0;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
}
.compare-table thead tr th .item .info .price {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #000;
  margin-top: 5px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.compare-table thead tr th .item .info .price span {
  margin: 0 5px;
}
.compare-table thead tr th .item .info .price .linetrough {
  text-decoration: line-through;
  font-family: "League Regular", sans-serif;
}
.compare-table thead tr th .item .info a.addtocart, .compare-table thead tr th .item .info a.js-remove, .compare-table thead tr th .item .info a.js-stock-reminder {
    font-family: "League Bold", sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    background-color: #565a5b;
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
}
.compare-table tbody tr.mainprop-title td {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  border-bottom: solid 2px #979797;
}
.compare-table tbody tr.mainprop-title td span {
  border-bottom: solid 2px #df2027;
  float: left;
  height: 42px;
  line-height: 40px;
  box-sizing: border-box;
  margin-bottom: -2px;
  margin-top: 30px;
  width: 100%;
}
.compare-table tbody tr.mainprop-title td div {
  height: 100% !important;
}
.compare-table tbody tr td {
  height: 40px;
  vertical-align: middle;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
}
.compare-table tbody tr:not(.mainprop-title) td {
  border-bottom: dashed 2px #dedede;
}
.compare-table tbody tr:not(.mainprop-title) td:first-child {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #2e2e2e;
}
.compare-table tbody tr td:nth-child(2) div, .compare-table tbody tr td:nth-child(3) div, .compare-table tbody tr td:nth-child(4) div {
  background-color: #f9f9f9;
  border: solid 1px #dedede;
  border-top: 0;
  border-bottom: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0 10px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 290px;
}
.compare-table tfoot tr td {
  height: 40px;
  vertical-align: middle;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
}
.compare-table tfoot tr td div:not(.clearfix) {
  background-color: #f9f9f9;
  border: solid 1px #dedede;
  border-top: 0;
  border-bottom: 0;
  line-height: 40px;
  padding: 0 20px;
  margin: 0 10px;
  border-bottom: solid 1px #dedede;
  text-align: center;
}
.compare-table tfoot tr td div a {
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  background-color: #df2027;
  width: 100%;
  float: left;
  height: 50px;
  line-height: 50px;
  margin: 20px 0;
}
.compare-table thead tr th:nth-child(2) .item, .compare-table tbody tr td:nth-child(2) div, .compare-table tfoot tr td:nth-child(2) div {
  margin-left: 0;
}
.compare-table thead tr th:nth-child(4) .item, .compare-table tbody tr td:nth-child(4) div, .compare-table tfoot tr td:nth-child(4) div {
  margin-right: 0;
}
.compare-table tr td div.empty {
  display: none;
}
.compare-table thead tr th .item .flush-prod {
  float: left;
  width: 100%;
}
.compare-table thead tr th .item .flush-prod ul {
  float: left;
  width: 100%;
  background-color: #fff;
  border: solid 1px #dedede;
  border-bottom: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 9;
}
.compare-table thead tr th .item .flush-prod ul li {
  float: left;
  width: 100%;
  height: 100px;
  padding: 10px;
  box-sizing: border-box;
}
.compare-table thead tr th .item .flush-prod ul li img {
  float: left;
  height: auto;
  max-width: 60px;
}
.compare-table thead tr th .item .flush-prod ul li .item-info {
  float: left;
  height: 100%;
  text-align: left;
  width: calc(100% - 80px);
}
.compare-table thead tr th .item .flush-prod ul li .item-info a {
  margin-top: 5px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 1.4em;
  float: left;
}
.compare-table thead tr th .item .flush-prod ul li .item-info .price {
  float: left;
  margin-top: 10px;
}
.compare-table thead tr th .item .flush-prod ul li .item-info .price span {
  float: left;
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #000;
}
.compare-table thead tr th .item .flush-prod ul li .item-info .price span.linetrough {
  font-family: "League Light", sans-serif;
  text-decoration: line-through;
  color: #2e2e2e;
  margin-right: 10px;
}
.compare-table thead tr th .item .info .price.flush-price {
  margin-top: 0;
}
.compare-table thead tr th .item .info .price.flush-price .title {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}

.items-mobile-comp {
  display: table;
  width: 100%;
}

.compare-items-mobile {
  float: left;
  display: table;
  font-size: 0;
  padding: 0 0px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}
.compare-items-mobile .btn-cancel {
  display: table;
  width: 100%;
  color: #fff !important;
  background: #424242;
  float: left;
  height: 30px;
  line-height: 30px;
  font-family: "League Bold", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
}
.compare-items-mobile li {
  width: calc(33% - 10px);
  box-sizing: border-box;
  border: solid 1px #dedede;
  display: inline-block;
  vertical-align: top;
  margin: 0 16px;
  position: relative;
}
.compare-items-mobile li .remove-list {
  background-position: -36px -260px;
  width: 20px !important;
  height: 20px !important;
  float: right;
  position: absolute;
  right: -5px;
  top: -24px;
}
.compare-items-mobile li .item-id {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.compare-items-mobile li .prod {
  float: left;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
}
.compare-items-mobile li .prod img {
  float: left;
}
.compare-items-mobile li .prod span {
  float: left;
  width: 90%;
  margin: 5%;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  color: #000;
  font-family: "League Medium", sans-serif;
  height: 60px;
}
.compare-items-mobile li img {
  width: 100%;
}
.compare-items-mobile li:first-child {
  margin: 0 !important;
}
.compare-items-mobile li:last-child {
  margin: 0 !important;
}
.compare-items-mobile li .price {
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 10px;
}
.compare-items-mobile li .price span {
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
}
.compare-items-mobile li .price span.line {
  text-decoration: line-through;
  font-family: "League Regular", sans-serif;
  color: #2e2e2e;
}
.compare-items-mobile li .addtocart {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 100%;
  background-color: #df2027;
  color: #fff;
  font-size: 12px;
  font-family: "League Bold", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
}
.compare-items-mobile li a.addItem {
  box-sizing: border-box;
  border: dashed 1px #df2027;
  float: left;
  width: 92%;
  margin: 4%;
  position: relative;
  height: 0;
  padding-bottom: 120%;
  border-radius: 2px;
  background-color: #f9f9f9;
}
.compare-items-mobile li a.addItem .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -26px;
  left: 50%;
  margin-left: -12px;
  background-position: -56px -236px;
}
.compare-items-mobile li a.addItem .text {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 36px;
  line-height: 18px;
  bottom: 50%;
  margin-bottom: -38px;
  left: 0;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #df2027;
}

#compare-accordion {
  margin: 16px 0px;
}
#compare-accordion .accordion {
  display: grid;
}
@media (min-width: 1200px) {
  #compare-accordion .accordion .ui-accordion-content-active {
    background-color: #f9f9f9;
  }
  #compare-accordion .accordion .ui-accordion-header-active {
    background-color: #f9f9f9;
  }
}
#compare-accordion .ui-accordion-header-active .icon {
  background-position: -52px -156px !important;
}
#compare-accordion .inner .accordion {
  margin: 16px 0px;
}
#compare-accordion .ui-accordion-header {
  outline: 0 !important;
  margin-top: 10px;
  height: 60px;
  padding: 15px 20px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
  letter-spacing: 1px;
  border-color: #dedede;
  background: #fff;
}
@media (max-width:470px) {
  #compare-accordion .ui-accordion-header{
    display:table;
  }
}
#compare-accordion .ui-accordion-header .slogan {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #dedede;
  line-height: 28px;
}
@media (max-width: 992px) {
  #compare-accordion .ui-accordion-header .slogan {
    display: none;
  }
}
#compare-accordion .ui-accordion-header .icon {
  float: right;
  width: 22px;
  height: 22px;
  background-position: -30px -156px;
  margin-top: 3px;
}
#compare-accordion .ui-accordion-content .installment-tbl {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#compare-accordion .ui-accordion-content .installment-tbl td {
  text-align: center;
  height: 44px;
  line-height: 22px;
  vertical-align: middle;
  border: solid 1px #5c5c5c;
  padding: 0 10px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #000;
}
#compare-accordion .ui-accordion-content .installment-tbl td:first-child {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#compare-accordion .ui-accordion-content .installment-tbl tr:first-child td {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#compare-accordion .ui-accordion-content .installment-tbl tr:first-child td:first-child {
  border-left: 0;
  border-top: 0;
}
#compare-accordion .ui-accordion-content .installment-tbl tr:nth-child(2) td {
  font-family: "League Medium", sans-serif !important;
  color: #2e2e2e;
  font-size: 15px;
}
#compare-accordion .ui-accordion-content .text-description {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 1px #dedede;
  padding: 30px;
}
#compare-accordion .ui-accordion-content .text-description ul {
  float: left;
  width: calc(50% - 15px);
}
#compare-accordion .ui-accordion-content .text-description ul li {
  margin-bottom: 10px;
  line-height: 1.6em;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}
#compare-accordion .ui-accordion-content .text-description ul li span {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 4px;
  background-color: #df2027;
  margin-right: 20px;
  margin-bottom: 3px;
}
#compare-accordion .ui-accordion-content .text-description ul li:last-child {
  margin-bottom: 0;
}
#compare-accordion .ui-accordion-content .text-description ul:last-child {
  float: right;
}
#compare-accordion .ui-accordion-content .text-description p {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  line-height: 1.6em;
  color: #000;
}

#compare-accordion .ui-accordion-content {
  padding: 16px !important;
}

@media (max-width: 1200px) {
  .compare-table-mobile {
    min-width: 600px;
  }

  .compare-table-mobile tbody tr.mainprop-title td {
    min-width: 150px;
  }

  .compare-table-mobile tbody tr.mainprop-title td div span {
    /*min-width: 140px;
    max-width: 140px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: 0 10px;
    white-space: nowrap;
  }

  .installment-tbl.nowrap td {
    white-space: nowrap;
  }

  .compare-items-mobile li a.addItem .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -26px;
    left: 50%;
    margin-left: -12px;
    background-position: -56px -236px;
  }

  .compare-items-mobile li a.addItem .text {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 36px;
    line-height: 18px;
    bottom: 50%;
    margin-bottom: -38px;
    left: 0;
    font-family: "League Medium", sans-serif;
    font-size: 14px;
    color: #df2027;
  }

  .compare-table-mobile {
    width: 100%;
  }

  .compare-table-mobile tr td, .compare-table-mobile tr th {
    width: 33%;
    height: 30px;
    vertical-align: middle;
  }

  .compare-table-mobile tr th {
    text-align: center;
    font-family: "League Bold", sans-serif;
    font-size: 14px;
  }

  .compare-table-mobile tr th div, .compare-table-mobile tr td div {
    display: block;
    width: calc(100% - 10px);
    height: 30px;
    line-height: 30px;
    background-color: #f9f9f9;
  }

  .compare-table-mobile tr th:first-child div, .compare-table-mobile tr td:first-child div {
    float: left;
  }

  .compare-table-mobile tr th:last-child div, .compare-table-mobile tr td:last-child div {
    float: right;
  }

  .compare-table-mobile tbody tr.mainprop-title td {
    font-family: "League Medium", sans-serif;
    font-size: 14px;
    color: #000;
    border-bottom: solid 2px #979797;
    height: 40px;
  }

  .compare-table-mobile tbody tr.mainprop-title td span {
    border-bottom: solid 2px #df2027;
    float: left;
    height: 42px;
    /*line-height: 55px;*/
    box-sizing: border-box;
    margin-bottom: -3px;
    width: 100%;
  }

  .compare-table-mobile tbody tr.mainprop-title td div {
    height: 100% !important;
  }

  .compare-table-mobile tbody tr td div {
    font-family: "League Medium", sans-serif;
    font-size: 12px;
    color: #000;
    text-align: center;
    display: inline-grid;
  }

  .compare-table-mobile tbody tr td {
    border-bottom: dashed 2px #dedede;
  }
}
.go-back-btn {
  height: 24px;
  margin: 30px 0 16px;
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #df2027;
  line-height: 24px;
}
.go-back-btn .icon {
  float: left;
  width: 24px;
  height: 24px;
  background-position: -80px -236px;
}

.no-header-detail {
  padding: 0px 0px !important;
}
.no-header-detail .content {
  padding-top: 80px;
}
.no-header-detail .desktop-header .logo {
  margin: 22px 0px;
}
.no-header-detail .footer-container {
  display: none;
}

.checkout-wrap {
  padding: 24px 0px;
}
.checkout-wrap .custom-tabbar {
  margin: 0px 16px 16px;
}

.basket-banner {
  width: 100%;
  display: table;
  background: #293033;
  min-height: 130px;
}

.basket-right {
  float: right;
  width: 100%;
  border-left: solid 1px #b4b4b4;
  padding: 0px 16px 16px;
}
.basket-right ul {
  padding: 0px;
}
.basket-right .c-checkbox {
  display: table;
  width: 100%;
}
.basket-right .icon2 {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  right: 0px;
  top: -5px;
  width: 40px;
  height: 40px;
  background-position: -210px -312px;
  float: right;
}
.basket-right h2 {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #293033;
  margin-top: 0;
  float: left;
}
.basket-right .c-checkbox span {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  max-width: 85%;
}
.basket-right .c-checkbox a {
  color: #2e2e2e !important;
  font-weight: normal !important;
}
.basket-right .basket-head-ozt {
  padding: 16px 0px;
  display: table;
  width: 100%;
}
.basket-right .basket-head-ozt h2 {
  float: left;
}
.basket-right .basket-head-ozt .edit {
  margin-top: -15px;
}
.basket-right .btn-gray-flat, .basket-right .btn-red-flat {
  margin-bottom: 16px;
}
.basket-right .products {
  position: relative !important;
  line-height: 38px !important;
  height: auto !important;
  width: 100% !important;
  float: left !important;
  padding-left: 50px !important;
  font-family: "League Medium", sans-serif !important;
  font-size: 16px !important;
  color: #293033 !important;
  text-indent: 0 !important;
}
.basket-right .products .icon {
  background-image: url(/assets/img/old-bg-sprite.svg) !important;
  width: 40px !important;
  height: 40px !important;
  background-position: -80px -620px !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.basket-right .faq.ui-accordion .ui-accordion-header {
  position: relative !important;
  line-height: 38px !important;
  height: 40px !important;
  width: 100% !important;
  float: left !important;
  padding-left: 50px !important;
  font-family: "League Medium", sans-serif !important;
  font-size: 16px !important;
  color: #293033 !important;
  margin-top: 20px !important;
  text-indent: 0 !important;
}
.basket-right .total-price {
  height: 40px;
  line-height: 38px;
  width: 100%;
  margin: 0;
  border-bottom: solid 1px #9c9c9c;
  padding-bottom: 50px;
  display: block;
}
.basket-right .total-price span {
  color: #293033;
  line-height: 38px;
  font-size: 20px;
}
.basket-right .total-price .label {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 0;
}
.basket-right .total-price .price {
  float: right;
  font-family: "League Medium", sans-serif;
  font-size: 26px;
}
@media (max-width: 992px) {
  .basket-right .total-price .price {
    font-size: 18px;
  }
}
.basket-right .price-detail {
  line-height: 38px;
  width: 100%;
  border-bottom: solid 1px #9c9c9c;
  padding-bottom: 0;
  display: block;
}
.basket-right .price-detail span {
  color: #293033;
  line-height: 38px;
}
.basket-right .price-detail span.red {
  color: #dc3c3c;
  line-height: 38px;
}
.basket-right .price-detail .label {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  letter-spacing: -0.5px;
}
.basket-right .price-detail .price {
  float: right;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
}
.basket-right .promo-code {
  width: 100%;
  margin-bottom: 20px;
}
.basket-right .promo-code .label {
  color: #7a7a7a;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  padding: 0;
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
  float: left;
  cursor: pointer;
}
.basket-right .promo-code .label:hover {
  color: #df2027;
  text-decoration: underline;
}
.basket-right .promo-code input {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.basket-right .promo-code input[type=text] {
  width: 206px;
}
.basket-right .promo-code input[type=button] {
  border-left: 0;
  padding: 0 6px;
  width: 91px;
  cursor: pointer;
}
.basket-right .promo-code input[type=button]:hover {
  border-color: #293033;
  background-color: #293033;
  color: #fff;
}
.basket-right .promo-code input[type=submit] {
  border-left: 0;
  padding: 0 6px;
  width: 91px;
  cursor: pointer;
}
.basket-right .promo-code input[type=submit]:hover {
  border-color: #293033;
  background-color: #293033;
  color: #fff;
}
.basket-right .check-contract {
  margin-bottom: 20px;
  display: block;
  width: 100%;
  float: left;
}
.basket-right .check-contract img {
  float: left;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.basket-right .check-contract label {
  float: left;
  font-weight: normal;
  width: 206px;
  margin-left: 10px;
}
.basket-right .hopi-box {
  width: 100%;
  border: solid 1px #ccc;
  text-align: left;
  margin-bottom: 20px;
  padding: 16px 8px;
}
.basket-right .hopi-box img {
  float: left;
  height: 30px !important;
  margin-right: 4px;
  padding-right: 10px;
  border-right: solid 1px #ccc;
  margin-left: 5px;
}
.basket-right .hopi-box span {
  text-align: left !important;
  display: table;
}
.basket-right .hopi-box span p {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-family: "League Medium", sans-serif;
  border: 1px solid #9c9c9c !important;
  padding: 3px !important;
}
.basket-right .hopi-box span p strong {
  font-weight: normal;
}
.basket-right .hopi-box span.hopi-active {
  text-align: left !important;
  display: table;
  height: 20px;
  font-weight: normal !important;
  font-size: 13px;
  margin-bottom: 6px;
  margin-left: 4px;
}
.basket-right .hopi-box span.hopi-active b {
  font-weight: normal;
}
.basket-right .hopi-box input {
  height: 36px;
  line-height: 34px;
  width: calc(100% - 4px);
  border: solid 1px #ccc;
  margin-left: 4px;
}
.basket-right .hopi-box input:hover {
  background-color: #dc3c3c;
  color: #fff;
  border-color: #dc3c3c;
}
.basket-right h1 {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #293033;
  margin-top: 0;
}
.basket-right .list-title {
  width: 100%;
  margin: 0;
  margin-bottom: -10px;
  margin-top: 29px;
}
.basket-right .list-title li {
  padding: 0;
  display: block;
  height: 45px;
}
.basket-right .list-title li div {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  line-height: 30px;
}
.basket-right .list-title li div.prod-title {
  margin-right: 10px;
  text-align: left;
  width: 100px;
}
.basket-right .list-title li div.quantity-title {
  width: 45px;
  margin-right: 25px;
  text-align: center;
}
.basket-right .list-title li div.price-title {
  width: 75px;
  margin-right: 0;
  text-align: center;
}
@media (max-width: 991px) {
    .basket-right {
        padding: 16px;
        width: 100%;
    }

        .basket-right .promo-code input[type=text] {
            width: 70%;
        }

        .basket-right .promo-code input[type=submit] {
            width: 30%;
        }
}

@media (min-width: 320px) {
    .basket-right .promo-code input[type=button] {
        width: calc(100% - 70%);
    }
}

@media (min-width: 992px) {
    .basket-right .promo-code input[type=button] {
        width: calc(100% - 206px) !important;
    }
}

/*@media (min-width: 768px) {
    .basket-right .promo-code input[type=button] {
        width: calc(100% - 70%);
    }   
}

@media (min-width: 468px) {
    .basket-right .promo-code input[type=button] {
        width: calc(100% - 70%);
    }
}*/




.basket-right .edit {
  position: inherit;
  float: right;
  height: 40px;
  padding-left: 37px;
  border: solid 1px #7a7a7a;
  line-height: 36px;
  padding-right: 17px;
  font-family: "League Medium", sans-serif;
  font-size: 13px;
  background-image: url(/assets/img/icon/edit.svg);
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 40px 80px;
  -moz-background-size: 40px 80px;
  -o-background-size: 40px 80px;
  background-size: 40px 80px;
  margin-top: 30px;
}
.basket-right .edit:hover {
  color: #fff;
  border: solid 1px #293033;
  background-color: #293033;
  background-position: left bottom;
}
.basket-right .edit .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -120px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
}
.basket-right .edit .icon.icon-hover {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -120px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -160px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.basket-right .edit:hover .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.basket-right .edit:hover .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.basketTitle {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-top: 0;
}

.cardTitle {
  font-size: 22px;
  font-family: "League Bold", sans-serif;
  color: #293033;
  margin-top: 0;
}

.basket-content {
  float: left;
  display: block;
  min-height: 300px;
  width: 100%;
}

.basket-content h5 {
  font-family: "League Medium", sans-serif !important;
}

.basket-content .bold-redtext {
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 16px;
  font-weight: normal;
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
}
.basket-content #addressAccordion {
  margin-bottom: 15px;
}
.basket-content #addressAccordion h3 {
  font-size: 17px;
  font-family: "League Bold", sans-serif;
}
.basket-content #addressAccordion .ui-accordion-header {
  background-color: #ff4d4d;
  color: white;
  padding: 10px;
  border: 0px !important;
  outline: 0px !important;
  height: unset;
}
.basket-content #addressAccordion .ui-accordion-content {
  background: #ff4d4d;
  border: 0px;
  padding: 16px;
}
.basket-content #addressAccordion .list-optimize {
  padding: 0px;
}
.basket-content #addressAccordion .list-optimize li {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "League Regular", sans-serif;
  vertical-align: baseline;
  color: #fff;
}
@media (max-width: 1200px) {
  .basket-content {
    padding: 16px;
  }
}
.basket-content ul {
  padding: 0px;
  margin: 0px;
}
.basket-content h1 {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #293033;
  margin-top: 0;
}
.basket-content .basket-right {
  width: 100%;
  margin-top: 20px;
}
.basket-content .list-title {
  width: 100%;
  margin: 0;
  margin-bottom: -10px;
  margin-top: 29px;
}
@media (max-width: 992px) {
  .basket-content .list-title li {
    display: none;
  }
  .basket-content .list-title li div {
    display:none;
  }
}
.basket-content .list-title li {
  padding: 0;
  display: block;
  height: 30px;
}
.basket-content .list-title li div {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  line-height: 30px;
}
.basket-content .list-title li div.prod-title {
  width: 60%;
  margin-right: 10px;
  text-align: left;
}
.basket-content .list-title li div.quantity-title {
  width: 21%;
  margin-right: 10px;
  text-align: center;
}
.basket-content .list-title li div.price-title {
  width: 15%;
  margin-right: 0;
  text-align: center;
}
.basket-content .basket-prod-list {
  width: 100%;
  margin-top: 40px;
}
.basket-prod-list.half-opac {
    opacity: 0.5;
}
.basket-prod-list .not-selected, .basket-prod-list .selected {
    float: left;
    display: table;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .basket-prod-list .not-selected, .basket-prod-list .selected {
        margin-top: 0;
    }
}
.basket-content .basket-prod-list li {
  position: relative;
  display: table;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
}
.basket-content .basket-prod-list li a.remove {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background-position: -170px -520px;
  cursor: pointer;
}
.basket-content .basket-prod-list li a.remove:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.basket-content .basket-prod-list li .product-img {
  float: left;
  display: table;
  height: 130px;
  background-color: #fff;
  width: 20%;
}
.basket-content .basket-prod-list li .product-img div {
  display: table-cell;
  vertical-align: middle;
}
.basket-content .basket-prod-list li .selection {
  float: left;
  display: table;
  width: 3%;
  position:absolute;
  left:0;
}
.basket-content .basket-prod-list li .product-name {
  float: left;
  display: table;
  height: 130px;
  width: 35%;
  margin-right: 10px;
}
.basket-content .basket-prod-list li .product-name .text {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin-right: 10px;
}
.basket-content .basket-prod-list li .product-name .text p {
  line-height: 1.4em;
  width: 100%;
  margin: 0 !important;
  line-height: 1.4em;
}
.basket-content .basket-prod-list li .product-name .text p a {
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.basket-content .basket-prod-list li .product-name .text p a span {
  color: #7a7a7a;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}
.basket-content .basket-prod-list li .product-name .text p.campaign-title {
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-top: 10px !important;
}
.basket-content .basket-prod-list li .product-name .text p.campaign-title .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-position: 0 -520px;
  margin-bottom: -5px;
}
.basket-content .basket-prod-list li .quantity {
  float: left;
  height: 100px;
  width: 17%;
  margin-right: 10px;
}

    .basket-content .basket-prod-list li .product-stock-info {
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
        width: 10%;
    }

        .basket-content .basket-prod-list li .product-stock-info i:hover {
            cursor: pointer;
        }

@media (max-width: 768px) {
  .basket-content .basket-prod-list li .quantity {
    width: auto;
  }
}
.basket-content .basket-prod-list li .quantity input {
  float: left;
  height: 25px;
  position: relative;
  top: 50%;
  margin-top: -12px;
}
.basket-content .basket-prod-list li .quantity input[type=button] {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 25px;
  text-indent: -9999px;
  border: 0;
  background-color: transparent;
}
.basket-content .basket-prod-list li .quantity input[type=button]:hover {
  background-color: #fff;
}
.basket-content .basket-prod-list li .quantity input[type=button].qtyminus {
  background-position: -170px -470px;
}
.basket-content .basket-prod-list li .quantity input[type=button].qtyplus {
  background-position: -170px -495px;
}
.basket-content .basket-prod-list li .quantity input[type=text] {
  width: 50px;
  text-align: center;
  text-indent: 0;
  border: 0;
  background-color: transparent;
  font-family: "League Medium", sans-serif !important;
  font-size: 20px !important;
  color: #293033;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.basket-content .basket-prod-list li .quantity input[type=text]:focus {
  background-color: #fff;
}
.basket-content .basket-prod-list li .quantity input[type=text]:hover {
  background-color: #fff;
}
.basket-content .basket-prod-list li .all-prices {
  float: left;
  height: 100px;
  width: 14%;
  display: table;
}
.basket-content .basket-prod-list li .all-prices .text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
}
.basket-content .basket-prod-list li .all-prices .text span {
  display: block;
  width: 100%;
  text-align: center;
}
.basket-content .basket-prod-list li .all-prices .text span.linethrough {
  text-decoration: line-through;
}
.basket-content .basket-prod-list li .all-prices .text span.discount-price {
  color: #dc3c3c;
}
.basket-content .basket-prod-list li.multiple-prod-view .item {
  margin-bottom: 10px;
}
.basket-content .remove-all-product {
  transition: all 0.3s linear;
  float: left;
  border: solid 1px #7a7a7a;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
  position: relative;
  height: 40px;
  line-height: 38px;
  padding: 0 20px 0 40px;
}
.basket-content .remove-all-product:hover {
  border: solid 1px #293033;
  color: #fff;
  background-color: #293033;
}
.basket-content .remove-all-product:hover .icon {
  background-position: 0 -621px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.basket-content .remove-all-product:hover .icon.icon-hover {
  background-position: -40px -621px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basket-content .remove-all-product .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: opacity 0.3s linear;
  -moz-o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  background-position: 0 -621px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basket-content .remove-all-product .icon.icon-hover {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: opacity 0.3s linear;
  -moz-o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  background-position: -40px -621px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
@media (max-width: 768px) {

    .basket-content .list-title li div.prod-title {
        width:100% !important;
    }
    .basket-content .list-title li {
        display: none;
    }
  .basket-content .list-title li div {
      display: none;
  }
  .basket-content .basket-prod-list li .product-img {
    float: none !important;
    margin: auto;
    max-width: 100%;
  }
  .basket-content .basket-prod-list li .product-name {
    width: 95%;
    margin: 0px;
    height: auto;
  }
  .basket-content .basket-prod-list li .selection {
      width: 95%;
      margin: 0px;
      height: auto;
  }
  .basket-content .basket-prod-list li .product-name .text {
    display: table;
    text-align: center;
    margin: auto;
  }
  .basket-content .basket-prod-list li .quantity {
    margin: auto;
    display: table;
    float: unset;
    height: auto;
    padding: 16px 0px;
  }
  .basket-content .basket-prod-list li .all-prices {
    height: auto;
    text-align: center;
    margin: auto;
    width: auto;
    float: unset;
  }
}
.basket-content .select-box {
  padding: 0;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .basket-content .select-box.address-selection, .basket-content .select-box.address-f-selection, .basket-content .select-box#company-address {
    height: 400px !important;
  }
  .basket-content .select-box.address-selection .show-selected-address, .basket-content .select-box#company-address .show-selected-address {
    height: 360px !important;
  }
}
.basket-content .select-box h3 {
  margin-top: 0;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  color: #293033;
}
.basket-content .select-box .box {
  border: solid 1px #7a7a7a;
  width: 95%;
}
.basket-content .select-box .box a {
  border-bottom: solid 1px #7a7a7a;
  width: 100%;
  padding: 20px;
  display: block;
  position: relative;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
}
.basket-content .select-box .box a:hover {
  background-color: #f1f1f1;
}
.basket-content .select-box .box a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  background-position: -140px -640px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.basket-content .select-box .box a:last-child {
  border-bottom: none;
}
.basket-content .select-box .box a.active {
  background-color: #f1f1f1;
}
.basket-content .select-box .box a.active .icon {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basket-content .select-box .box a.add-new-address .icon {
  background-position: -120px -620px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basket-content .select-box .show-selected-address.show {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basket-content .select-box .show-selected-address {
  z-index: -1;
  background: #fff;
  position: absolute;
  top: 26px;
  left: 0;
  border: solid 1px #7a7a7a;
  width: 95%;
  padding: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  min-height: 220px !important;
}
@media (max-width: 480px) {
    .basket-content .select-box .show-selected-address a {
        width: 100% !important;
        position: relative !important;
        display: table;
    }
        .basket-content .select-box .show-selected-address a.default-address {
            border-top: solid 1px #7a7a7a;
        }
}
.basket-content .select-box .show-selected-address h4 {
  margin-top: 0;
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.basket-content .select-box .show-selected-address p {
  color: #7a7a7a;
  margin-bottom: 10px !important;
  margin-top: 0;
  line-height: 1.4em;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 300px) {
  .basket-content .select-box .show-selected-address p {
    font-size: 13px;
  }
}
.basket-content .select-box .show-selected-address a {
  position: absolute;
  padding: 10px 20px;
  border-bottom: 0;
  text-align: center;
  text-indent: 20px;
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.basket-content .select-box .show-selected-address a:hover {
  background-color: #f1f1f1;
}
.basket-content .select-box .show-selected-address a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.basket-content .select-box .show-selected-address a.change {
  left: 0;
  width: 60%;
  border-left: none;
  font-size:13px;
}
.basket-content .select-box .show-selected-address a.change .icon {
  background-position: -140px -620px;
}
.basket-content .select-box .show-selected-address a.edit {
  right: 0;
  width: 40%;
  border-left: none;
  border-right: none;
}
.basket-content .select-box .show-selected-address a.edit .icon {
  background-position: -120px -640px;
}
    .basket-content .select-box .show-selected-address a.default-address {
        right: 0;
        width: 100%;
        border-left: none;
        border-right: none;
        text-indent: 0px !important;
    }
@media (max-width: 992px) {
  .basket-content .select-box .show-selected-address {
    width: 100% !important;
  }
  .basket-content .select-box .show-selected-address a {
    padding: 10px !important;
  }
  .basket-content .select-box .show-selected-address .icon {
    left: 8px !important;
  }
}
.basket-content .select-box .customScrollBarDiv {
  height: 251px;
  overflow: hidden;
}
.basket-content .select-box .customScrollBarDiv #mCSB_1_scrollbar_vertical {
  background: #fff;
  opacity: 1;
}
.basket-content .select-box .customScrollBarDiv .mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.basket-content .select-box .customScrollBarDiv .mCSB_scrollTools .mCSB_draggerContainer {
  border-left: solid 1px #ccc;
}
.basket-content .select-box .customScrollBarDiv .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.basket-content .select-box .customScrollBarDiv .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 9px;
  background-color: #dfdfdf;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.basket-content p {
  margin-bottom: 20px;
  margin-top: 15px;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}

@media (max-width: 992px) {
  .address-selection .box, .address-f-selection .box {
    width: 100% !important;
  }
}
.basketorderconfirm .edit {
  position: inherit;
  float: right;
  height: 40px;
  padding-left: 37px;
  border: solid 1px #7a7a7a;
  line-height: 36px;
  padding-right: 17px;
  font-family: "League Medium", sans-serif;
  font-size: 13px;
  background-image: url(/assets/oldimg/edit.svg);
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 40px 80px;
  -moz-background-size: 40px 80px;
  -o-background-size: 40px 80px;
  background-size: 40px 80px;
  margin-top: 30px;
}
.basketorderconfirm .edit:hover {
  color: #fff;
  border: solid 1px #293033;
  background-color: #293033;
  background-position: left bottom;
}
.basketorderconfirm .edit:hover .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.basketorderconfirm .edit:hover .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.basketorderconfirm .edit .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -120px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
}
.basketorderconfirm .edit .icon.icon-hover {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -120px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 10px;
  background-position: -160px -640px;
  top: 0;
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.shipping-info {
  margin-top: 0;
  display: table;
}
.shipping-info h3 {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  margin-top: 30px;
  float: left;
  line-height: 40px;
}
.shipping-info ul {
  width: 100%;
  font-size: 0;
  margin: 16px 0;
  float: left;
  border-bottom: solid 1px #9c9c9c;
  padding-bottom: 12px;
  list-style: none;
  padding: 0px;
}
.shipping-info ul li.title {
  float: left;
  width: 50%;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  border-bottom: solid 1px #ccc;
  height: 40px;
  line-height: 30px;
  margin-bottom: 20px;
}
.shipping-info ul li {
  float: left;
  width: 50%;
}
.shipping-info ul li span {
  line-height: 1.4em;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}

.payment-info {
  margin-top: 40px;
}
.payment-info h3 {
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  color: #293033;
  margin-top: 0;
  float: left;
  line-height: 40px;
}
.payment-info ul {
  width: 100%;
  font-size: 0;
  margin: 30px 0;
  float: left;
}
.payment-info ul li.title {
  float: left;
  width: 25%;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #293033;
  border-bottom: solid 1px #ccc;
  height: 40px;
  line-height: 30px;
  margin-bottom: 20px;
}
.payment-info ul li {
  float: left;
  width: 25%;
  line-height: 1.4em;
  font-family: "League Regular", sans-serif;
  font-size: 14px;
}
.payment-info ul li strong {
  font-family: "League Medium", sans-serif;
}
.payment-info ul li:last-child strong {
  color: #293033;
}

.contract-box {
  display: block;
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
.contract-box h4 {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  margin-top: 0;
  line-height: 40px;
}
.contract-box .text {
  border: solid 1px #ccc;
  height: 140px;
}
.contract-box .text p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
}
.contract-box .text .mCSB_scrollTools .mCSB_draggerContainer {
  border-left: solid 1px #ccc;
}
.contract-box .text .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.contract-box .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 9px;
  background-color: #dfdfdf;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.paymentTabs {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.paymentTabs ul li a {
  font-size: 16px;
}

.paymentTabs.ui-tabs .ui-tabs-panel {
  padding: 0;
}
.paymentTabs.ui-tabs .ui-tabs-nav {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: transparent;
}
.paymentTabs.ui-tabs .ui-tabs-nav li {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 50%;
}
.paymentTabs.ui-tabs .ui-tabs-nav li a {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  background-color: #f4f4f4;
}
.paymentTabs.ui-tabs .ui-tabs-nav li a .icon {
  background-image: url(/assets/oldimg/old-bg-sprite.svg);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -10px;
  background-position: -20px -520px;
  width: 24px;
  height: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.paymentTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #dc3c3c;
  color: #fff;
}
.paymentTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a .icon {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.expireddate {
  display: flex;
  padding-top: 10px !important;
}
.credit-cart-wrap .v-dropdwon {
  width: 48%;
  float: left;
}
.credit-cart-wrap .v-dropdwon:last-child {
  margin-left: 4px;
}
.credit-cart-wrap .v-dropdwon .ui-selectmenu-button {
  width: 100% !important;
}

.CreditCardDiv {
  width: 50%;
  float: left;
}
.CreditCardDiv .bankslogo {
  float: right;
  margin-right: 20px;
}

#viaCreditCard ul {
  width: 100%;
  font-size: 0;
  text-align: left;
  margin-top: 10px;
}
#viaCreditCard ul > li {
  margin-bottom: 10px;
  width: 100%;
  vertical-align: top;
  font-family: "League Medium", sans-serif;
  color: #293033;
  font-size: 16px;
}
#viaCreditCard ul > li:nth-child(odd) {
  padding-right: 20px;
}
#viaCreditCard ul > li .label {
  line-height: 30px;
  width: 100%;
  float: left;
  font-family: "League Regular", sans-serif;
  color: #293033;
  font-size: 16px;
  margin: 0;
  text-align: left;
  font-weight: normal;
  padding: 0;
}
#viaCreditCard ul > li input[type=text] {
  width: 100%;
}
#viaCreditCard ul > li .w50p {
  width: 135px;
  float: left;
}
#viaCreditCard ul > li .w50p .transformSelect {
  width: 91%;
}
#viaCreditCard ul > li .w50p input[type=text] {
  width: 91%;
}
#viaCreditCard ul > li .w50p.year ul {
  width: 100%;
}
#viaCreditCard ul > li .w100pDouble {
  width: 100%;
  float: left;
}
#viaCreditCard ul > li .w100pDouble .clearfix {
  margin: 4px 0;
}
#viaCreditCard ul > li label {
  font-family: "League Regular", sans-serif;
  color: #293033;
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
  margin-right: 10px;
}
#viaCreditCard ul > li .transformSelect {
  width: 100%;
  margin-top: 0;
}
#viaCreditCard ul > li .transformSelect li {
  width: 100%;
  padding: 0;
}
#viaCreditCard ul > li .transformSelect li span {
  height: 50px;
  text-indent: 10px;
  padding: 0;
  margin: 0;
  line-height: 50px;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
  border-color: #7a7a7a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#viaCreditCard ul > li .transformSelect li ul {
  border-color: #7a7a7a;
  margin-top: 0;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  max-height: 210px;
  overflow: auto;
}
#viaCreditCard ul > li .transformSelect li ul li {
  margin-bottom: 0;
}
#viaCreditCard ul > li .transformSelect li ul li span:hover {
  background-color: #f1f1f1;
}
#viaCreditCard ul > li.cardnumber input[type=text] {
  width: 92px;
  float: left;
  margin: 0 5px;
}
#viaCreditCard ul > li.cardnumber input[type=text].first {
  margin-left: 0;
}
#viaCreditCard ul > li.cardnumber input[type=text].last {
  margin-right: 0;
}
#viaCreditCard .ccvInfo {
  border: solid 1px #ccc;
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  position: relative;
  background-color: #eee;
  text-align: center;
  line-height: 20px;
  text-indent: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#viaCreditCard .ccvInfo:hover {
  color: #fff;
  background-color: #293033;
  border-color: #293033;
}
#viaCreditCard .ccvInfo:hover .text {
  height: 80px;
  top: -86px;
  padding: 10px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#viaCreditCard .ccvInfo .text {
  padding: 0 10px;
  position: absolute;
  width: 320px;
  height: 0;
  left: 50%;
  top: 0;
  margin-left: -160px;
  background-color: #293033;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  z-index: 999;
}
#viaCreditCard .ccvInfo .text p {
  margin: 0;
  font-family: "League Regular", sans-serif;
  color: #fff;
  font-size: 14px;
  width: 100%;
  height: 80px;
  line-height: 1.4em;
  white-space: normal;
}

.address-box-wrap {
  display: flex;
}
@media (max-width: 992px) {
  .address-box-wrap {
    display: table;
    width: 100%;
  }
}

.basket-banner ul {
  display: table;
  width: 100%;
}
.basket-banner ul li {
  float: left;
  width: 33.3%;
  height: 130px;
  position: relative;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
  opacity: 0.6;
}
.basket-banner ul li.active {
  opacity: 1;
}
.basket-banner ul li.active a {
  color: #dc3c3c;
}
.basket-banner ul li.active a.shipping-info .icon {
  background-position: 0 -880px;
}
.basket-banner ul li.active a.order-summary .icon {
    background-position: -80px -880px;
}
.basket-banner ul li.active a.order-summ-info .icon {
  background-position: -80px -840px;
}
.basket-banner ul li.active a.congratulation .icon {
  background-position: 0 -880px;
}
.basket-banner ul li.address-item a .icon {
  background-position: 0 -838px;
}
.basket-banner ul li.basket-item a .icon {
  background-position: -80px -840px;
}
.basket-banner ul li.complete-item a .icon {
  background-position: -120px -840px;
}
.basket-banner ul a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  padding-top: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #fff;
  width: 100%;
  top: 50%;
  margin-top: -40px;
}
.basket-banner ul a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  height: 40px;
  width: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 0;
}
@media (max-width: 992px) {
  .basket-banner {
    height: auto;
  }
    .basket-banner ul{
        padding:0;
    }
    .basket-banner ul li {
        height: 125px;
    }
  .basket-banner ul li a {
    /*text-indent: -9999999px;*/
    height: 30px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    padding-top: 40px;
    font-family: "League Medium", sans-serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
    top: 21%;
    margin-top: 0px;
  }
}

.basket-head {
  text-align: center;
  margin: 0px 0px 32px;
  display: table;
  width: 100%;
}
.basket-head h1 {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-top: 0;
}

.taksit-box {
  display: table;
  float: left;
  margin: 16px 0px;
  padding: 0px 16px;
  width: 50%;
}
@media (max-width: 992px) {
  .taksit-box {
    width: 100%;
  }
}
.taksit-box h3 {
  font-size: 22px;
  font-family: "League Bold", sans-serif;
  color: #293033;
  margin-top: 0;
}

.pay-box {
  margin: 16px 0px;
  display: block;
  float: left;
  
}
.paybox-saved-credit-card {
    margin-top: 35px;
}


@media (min-width: 992px) {
    .pay-box {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .pay-box {
    padding: 0px 16px;
  }
}
.pay-box .cart-title {
  font-size: 22px;
  font-family: "League Bold", sans-serif;
  color: #293033;
  margin-top: 0;
}
.pay-box input[type=number] {
  width: 22.6%;
  margin-right: 8px;
  font-size: 16px;
}
@media (max-width: 769px) {
  .pay-box input[type=number] {
    margin-right: 8px;
  }
}
.pay-box input[type=number]:last-child {
  margin-right: 0px;
}
.pay-box label {
  display: table;
}
.pay-box fieldset {
  margin: 16px 0px 0px;
  width: 100%;
}
.pay-box #card-holder {
  width: 100%;
}

.bkm-box a {
  background-color: #43D1AF !important;
  font-family: "League Medium", sans-serif;
  color: #fff;
  float: left;
  display: block !important;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
}

.expired-date .ui-selectmenu-button {
  width: 45% !important;
}
.expired-date .wrap {
  width: 62%;
  float: left;
}
@media (max-width: 768px) {
  .expired-date .wrap {
    width: 100%;
  }
}

.security-box {
  position: relative;
  top: 0px;
  float: right;
  display: table;
  max-width: 38%;
}
.security-box.custom {
    float: left;
     max-width: 51%;
}

@media (max-width: 768px) {
  .security-box {
    max-width: 50%;
    float: left;
    margin-top: 8px;
  }
}
.security-box input {
  width: 100% !important;
  height: 48px !important;
}

.ccvInfo {
  border: solid 1px #ccc;
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-size: 14px;
  position: relative;
  background-color: #eee;
  text-align: center;
  line-height: 20px;
  text-indent: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ccvInfo .text {
  color: #fff;
  padding: 0 10px;
  position: absolute;
  width: 320px;
  height: 0;
  left: 50%;
  top: 0px;
  margin-left: -160px;
  background-color: #293033;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 1;
  z-index: 999;
}
@media (max-width: 768px) {
  .ccvInfo .text {
    left: 60px;
  }
}
.ccvInfo:hover {
  color: #fff;
  background-color: #293033;
  border-color: #293033;
}
.ccvInfo:hover .text {
  height: 80px;
  top: -86px;
  padding: 10px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.security-box.custom .ccvInfo .text {
    font-size: 12px;
}
.shipping-info {
    margin-top: 0;
}
.shipping-info h3 {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  margin-top: 30px;
  float: left;
  line-height: 40px;
}
.shipping-info ul {
  width: 100%;
  font-size: 0;
  margin: 16px 0;
  float: left;
  border-bottom: solid 1px #9c9c9c;
  padding-bottom: 12px;
}
.shipping-info ul li {
  float: left;
  width: 50%;
  padding-right: 8px;
  line-height: 1.4em;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}
.shipping-info ul li.title {
  float: left;
  width: 50%;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  border-bottom: solid 1px #ccc;
  height: 40px;
  line-height: 30px;
  margin-bottom: 20px;
}

.installmentBox ul {
  list-style: none;
  padding: 0px;
}
.installmentBox li {
  width: 100%;
}
.installmentBox li div {
  width: 30%;
  float: left;
  height: 30px;
  line-height: 30px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
}
.installmentBox li div:first-child {
  width: 10%;
}

.installmentBox ul li:first-child {
    margin-bottom: 20px;
    display: table;
}
.suggested-prods {
  width: 100%;
}
.suggested-prods .title {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #dc3c3c;
}
.suggested-prods h3, .suggested-prods h5 {
  font-family: "League Regular", sans-serif;
  font-size: 14px;
  color: #293033;
  margin-top: 6px;
}
.suggested-prods ul {
  text-align: left;
  font-size: 0;
  margin-top: 10px;
  padding: 0px;
}
.suggested-prods ul li {
  display: inline-block;
  width: 170px;
  margin: 0 10px;
  vertical-align: top;
  margin-bottom: 20px;
}
.suggested-prods ul li:first-child {
  margin-left: 0;
}
.suggested-prods ul li:last-child {
  margin-right: 0;
}
.suggested-prods ul li:nth-child(5) {
  margin-left: 0;
}
.suggested-prods ul li:nth-child(4) {
  margin-right: 0;
}
.suggested-prods ul li .box {
  position: relative;
  height: 0;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
  overflow: hidden;
  z-index: 1;
}
.suggested-prods ul.suggest li .box {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.suggested-prods ul li .box:hover {
  border-color: #c92822;
}
.suggested-prods ul li .box a.prod-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
.suggested-prods ul li .box a.prod-item img {
  width: 90%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.suggested-prods ul li .box a.prod-item .text {
  width: 100%;
  padding: 0 10px;
  margin-top: 0;
  text-align: center;
  font-size: 14px;
  font-family: "League Regular", sans-serif;
  color: #595959;
  display: block;
}
.suggested-prods ul li .box a.prod-item:hover .text {
  color: #c92822;
  text-decoration: underline;
}
.suggested-prods ul li .box a.addtocart {
  position: absolute;
  width: 100%;
  text-align: center;
  background-color: #dc3c3c;
  font-family: "League Bold", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  left: 0;
  bottom: -30px;
  color: #fff;
}
.suggested-prods ul li .box a.addtocart:hover {
  background-color: #c92822;
  color: #fff;
}
.suggested-prods:not(#divSet) ul li .box:hover .prod-item {
  bottom: 0;
  top: -30px;
}
.suggested-prods:not(#divSet) ul li .box:hover .addtocart {
  bottom: 0;
}
.suggested-prods ul li .prices {
  display: block;
  text-align: center;
  font-size: 0;
  height: 26px;
  width: 100%;
  background: #ddd;
  margin-top: -1px;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.suggested-prods ul li .prices span {
  font-size: 16px;
  width: 50%;
  text-align: center;
  color: #dc3c3c;
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 26px;
  font-family: "League Medium", sans-serif;
}
.suggested-prods ul li .prices span.profit {
  width: 100%;
  color: #595959;
}
.suggested-prods ul li .prices span.linethrough {
  text-decoration: line-through;
  color: #293033;
}

.customScrollBarDiv {
  overflow-y: scroll;
}

.cargo-price {
  display: table;
  width: 100%;
}

.payyTo {
  width: 100%;
}

#basketPage .custom-tabbar {
  border-bottom: 0px;
}
@media (max-width: 768px) {
  #basketPage .custom-tabbar li {
    width: 100%;
  }
}

.congratulation ul {
  list-style: none;
  padding: 0px;
}
@media (max-width: 1200px) {
  .congratulation .container {
    padding: 16px !important;
  }
}
.congratulation .container h1 {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-top: 50px;
}
.congratulation .container .order-info-box {
  width: 100%;
  padding: 20px;
  border: solid 1px #ccc;
  margin-top: 40px;
  margin-bottom: 30px;
}
.congratulation .container .order-info-box.authorized-service {
  margin-top: 20px;
}
.congratulation .container .order-info-box ul {
  width: 100%;
  font-size: 0;
}
.congratulation .container .order-info-box ul li {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  float: left;
}
.congratulation .container .order-info-box ul li.title {
  float: left;
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  border-bottom: solid 1px #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.congratulation .container .order-info-box ul li.title.order-no {
  width: 30%;
}
.congratulation .container .order-info-box ul li.title.shipping-address {
  width: 45%;
}
.congratulation .container .order-info-box ul li.title.amount {
  width: 25%;
  text-align: right;
}
@media (max-width: 768px) {
  .congratulation .container .order-info-box ul li.title {
    width: 100% !important;
  }
}
.congratulation .container .order-info-box ul li.order-no-value {
  color: #dc3c3c;
  width: 30%;
  font-size: 18px;
}
.congratulation .container .order-info-box ul li.shipping-address-value {
    color: #7a7a7a;
    width: 45%;
    font-size: 16px;
    font-family: "League Regular", sans-serif;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.congratulation .container .order-info-box ul li.amount-value {
  color: #293033;
  width: 25%;
  font-size: 20px;
  font-family: "League Medium", sans-serif;
  text-align: right;
}
@media (max-width: 768px) {
  .congratulation .container .order-info-box ul li {
    width: 100% !important;
  }
}
.congratulation .container .order-info-box.authorized-service ul li.title.order-no {
  width: 30%;
}
.congratulation .container .order-info-box.authorized-service ul li.order-no-value {
  color: #7a7a7a;
  width: 100%;
  font-size: 16px;
  font-family: "League Regular", sans-serif;
}
.congratulation .container .order-info-box.authorized-service ul li.shipping-address-value strong {
  width: 100%;
  font-family: "League Medium Medium", sans-serif;
  font-weight: normal;
  color: #293033;
  margin-top: 10px;
  display: block;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.congratulation .container .order-info-box.authorized-service ul li.shipping-address-value a:hover strong {
  color: #c92822;
}
.congratulation .container .order-info-box.authorized-service ul li.amount-value {
  color: #7a7a7a;
  font-size: 14px;
  font-family: "League Regular", sans-serif;
}
.congratulation .container a.red-btn {
  background-color: #dc3c3c;
  color: #fff;
  width: 200px;
  margin-left: 30px;
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  height: 50px;
  line-height: 50px;
  float: right;
}
.congratulation .container a.red-btn:hover {
  background-color: #c92822;
}
.congratulation .container .mt50 {
  margin-top: 70px;
  font-size: 16px;
  color: #dc3c3c;
}
.congratulation .inner.innerPadding {
  padding-bottom: 50px;
}

.col-custom-9 {
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
@media (max-width: 1200px) {
  .col-custom-9 {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
}
@media (max-width: 992px) {
  .col-custom-9 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 768px) {
  .col-custom-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.col-custom-3 {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
@media (max-width: 1200px) {
  .col-custom-3 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
}
@media (max-width: 992px) {
  .col-custom-3 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 768px) {
  .col-custom-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .payment-box-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.payment-right {
  margin-left: auto;
}

.title-head {
  text-align: center;
}

.ui-selectmenu-button:focus .ui-selectmenu-text {
  background: url(/assets/img/transformselect.gif) #faebd7 !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

/*
.basket-content .basket-prod-list {
  width: 100%;
  margin-top: 20px;

  li {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;

    a.remove {
      background-image: url(/assets/img/old-bg-sprite.svg);
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0;
      top: 0;
      text-indent: -9999px;
      background-position: -170px -520px;
      cursor: pointer;

      &:hover {
        background-color: rgba(0, 0, 0, 0.1);
      }
    }

    .product-img {
      float: left;
      display: table;
      margin-right: 20px;
      height: 130px;
      background-color: #fff;
      width: 130px;

      div {
        display: table-cell;
        vertical-align: middle;
      }
    }

    .product-name {
      float: left;
      display: table;
      height: 130px;
      width: 410px;
      margin-right: 10px;

      .text {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        margin-right: 10px;

        p {
          line-height: 1.4em;
          width: 100%;
          margin: 0 !important;
          line-height: 1.4em;

          a {
            color: #293033;
            font-family: 'League Medium', sans-serif;
            font-size: 14px;

            span {
              color: #7a7a7a;
              font-family: 'League Regular', sans-serif;
              font-size: 14px;
            }
          }

          &.campaign-title {
            color: #dc3c3c;
            font-family: 'League Medium', sans-serif;
            font-size: 14px;
            margin-top: 10px !important;

            .icon {
              background-image: url(/assets/img/old-bg-sprite.svg);
              display: inline-block;
              width: 20px;
              height: 20px;
              margin-right: 8px;
              background-position: 0 -520px;
              margin-bottom: -5px;
            }
          }
        }
      }
    }

    .quantity {
      float: left;
      height: 130px;
      width: 100px;
      margin-right: 10px;

      input {
        float: left;
        height: 25px;
        position: relative;
        top: 50%;
        margin-top: -12px;

        &[type="button"] {
          background-image: url(/assets/img/old-bg-sprite.svg);
          width: 25px;
          text-indent: -9999px;
          border: 0;
          background-color: transparent;

          &:hover {
            background-color: #fff;
          }

          &.qtyminus {
            background-position: -170px -470px;
          }

          &.qtyplus {
            background-position: -170px -495px;
          }
        }

        &[type="text"] {
          width: 50px;
          text-align: center;
          text-indent: 0;
          border: 0;
          background-color: transparent;
          font-family: 'League Medium', sans-serif !important;
          font-size: 18px !important;
          color: #293033;
          -webkit-transition: background-color .3s linear;
          -moz-transition: background-color .3s linear;
          -o-transition: background-color .3s linear;
          transition: background-color 0.3s linear;

          &:focus, &:hover {
            background-color: #fff;
          }
        }
      }
    }

    .all-prices {
      float: left;
      height: 130px;
      width: 140px;
      display: table;

      .text {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-family: 'League Medium', sans-serif;
        font-size: 16px;
        color: #293033;

        span {
          display: block;
          width: 100%;
          text-align: center;

          &.linethrough {
            text-decoration: line-through;
          }

          &.discount-price {
            color: #dc3c3c;
          }
        }
      }
    }

    &.multiple-prod-view .item {
      margin-bottom: 10px;
    }
  }
}
*/
.basket-right .basket-prod-list li {
  position: relative;
  display: flex;
  width: 100%;
  padding: 10px;
  background-color: #eee;
  margin-bottom: 20px;
}
.basket-right .basket-prod-list li a.remove {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background-position: -170px -520px;
  cursor: pointer;
}
.basket-right .basket-prod-list li a.remove:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.basket-right .basket-prod-list li .product-img {
  float: left;
  display: table;
  margin-right: 20px;
  height: 130px;
  background-color: #fff;
  width: 130px;
}
.basket-right .basket-prod-list li .product-img div {
  display: table-cell;
  vertical-align: middle;
}
.basket-right .basket-prod-list li .product-name {
  float: left;
  display: table;
  height: 100px;
  width: 95px;
  margin-right: 10px;
}
.basket-right .basket-prod-list li .product-name .text {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin-right: 10px;
}
.basket-right .basket-prod-list li .product-name .text p {
  line-height: 1.4em;
  width: 100%;
  margin: 0 !important;
  line-height: 1.4em;
}
.basket-right .basket-prod-list li .product-name .text p a {
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
}
.basket-right .basket-prod-list li .product-name .text p a span {
  color: #7a7a7a;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
}
.basket-right .basket-prod-list li .product-name .text p.campaign-title {
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-top: 10px !important;
}
.basket-right .basket-prod-list li .product-name .text p.campaign-title .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-position: 0 -520px;
  margin-bottom: -5px;
}
.basket-right .basket-prod-list li .quantity {
  float: left;
  height: 100px;
  width: 65px;
  margin-right: 10px;
}
.basket-right .basket-prod-list li .quantity input {
  float: left;
  height: 25px;
  position: relative;
  top: 50%;
  margin-top: -12px;
}
.basket-right .basket-prod-list li .quantity input[type=button] {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 25px;
  text-indent: -9999px;
  border: 0;
  background-color: transparent;
}
.basket-right .basket-prod-list li .quantity input[type=button]:hover {
  background-color: #fff;
}
.basket-right .basket-prod-list li .quantity input[type=button].qtyminus {
  background-position: -170px -470px;
}
.basket-right .basket-prod-list li .quantity input[type=button].qtyplus {
  background-position: -170px -495px;
}
.basket-right .basket-prod-list li .quantity input[type=text] {
  width: 50px;
  text-align: center;
  text-indent: 0;
  border: 0;
  background-color: transparent;
  font-family: "League Medium", sans-serif !important;
  font-size: 20px !important;
  color: #293033;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.basket-right .basket-prod-list li .quantity input[type=text]:focus, .basket-right .basket-prod-list li .quantity input[type=text]:hover {
  background-color: #fff;
}
.basket-right .basket-prod-list li .all-prices {
  float: left;
  height: 110px;
  width: 105px;
  display: table;
}
.basket-right .quantity {
  line-height: 100px;
  font-size: 14px;
}
.basket-right .basket-prod-list li .all-prices .text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
}
.basket-right .basket-prod-list li .all-prices .text span {
  display: block;
  width: 100%;
  text-align: center;
}
.basket-right .basket-prod-list li .all-prices .text span.linethrough {
  text-decoration: line-through;
}
.basket-right .basket-prod-list li .all-prices .text span.discount-price {
  color: #dc3c3c;
}
.basket-right .basket-prod-list li.multiple-prod-view .item {
  margin-bottom: 10px;
}

.prod-list-wrap {
  width: 100%;
  display: table;
}

.prod-list-accordion-wrap .ui-accordion-header {
  border: 0px;
  background: unset !important;
}
.prod-list-accordion-wrap .ui-accordion-content {
  border: 0px !important;
  background: unset !important;
  padding: 0px;
}
#erandevuBox {
  display: table;
  background: #dc3c3c;
  padding: 32px 16px;
  width: 100%;
  color: #fff;
  margin: 32px 0px 0px;
  font-family: "League Regular", sans-serif;
}
#erandevuBox .left {
  width: 25%;
  display: table;
  float: left;
  text-align: center;
}
@media (max-width: 768px) {
  #erandevuBox .left {
    width: 100%;
    padding: 16px;
  }
}
#erandevuBox .left h3 {
  font-weight: 700;
  letter-spacing: 1px;
}
#erandevuBox .left img {
  width: 160px;
  max-width: 100%;
}
#erandevuBox .right {
  width: 75%;
  float: left;
  display: table;
  padding: 16px;
}
@media (max-width: 768px) {
  #erandevuBox .right {
    width: 100%;
  }
}
#erandevuBox .right p {
  font-size: 15px;
}
#erandevuBox .btn-dark-gray {
  float: right;
  margin-top: 16px;
}
.extra-campaign-title {
  margin: 15px 0;
  position: relative;
  display: table;
  font-size: .95rem;
  font-weight: 600;
}
.extraCampaign {
  display: table;
  width: 100%;
  margin: 0;
}
@media (max-width: 1200px) {
  .extraCampaign {
    padding: 0px 16px;
  }
}
.extraCampaign ul {
  padding: 0px;
  margin: 32px 0px;
  list-style: none;
}
.extraCampaign ul li {
  border: 1px solid #dc3c3c;
  border-width: 1px 1px 0px 1px;
  padding: 16px;
}
.extraCampaign ul li:last-child {
  border-width: 1px 1px 1px 1px;
}
#zubizuPopup .zubizu-content {
  padding: 6%;
  color: #6f6565;
  font-size: 16px;
}
#zubizuPopup .zubizu-content strong {
  font-family: sans-serif;
}
#zubizuPopup .txtZubizuCode {
  text-indent: 10px;
  width: 392px;
  height: 42px;
  border: solid 1px #7a7a7a;
  letter-spacing: 0px !important;
  font-size: 14px;
  color: #7a7a7a;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  #zubizuPopup .txtZubizuCode {
    width: 100%;
  }
}
#zubizuPopup .zubizu-content img {
  height: 76px;
}
#zubizuPopup .btnZubizuSend {
  background-color: black;
  border: solid 1px #7a7a7a;
  font-size: 16px;
  color: white;
  padding: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#zubizuPopup .errortext {
  color: red;
  font-weight: 600;
  font-size: 15px;
}
@media screen and (max-width: 368px) {
  #zubizuPopup .txtZubizuCode {
    width: 162px;
    height: 40px;
    margin-bottom: 5px;
  }
  #zubizuPopup .zubizu-content img {
    height: 70px;
  }
}
.contractTextWrap {
  font-family: "League Regular",sans serif !important;
  font-size: large !important;
}
@media (max-width: 480px) {
  #my-profile-address .select-box {
    height: auto !important;
  }
  #my-profile-address .select-box .buttons {
    border: 0px !important;
  }
  #my-profile-address .select-box .buttons a {
    border-right: 0px;
  }
}

#new-edit-form {
  display: block;
  padding: 20px 30px;
  width: 100%;
  position: relative;
}
#new-edit-form .c-checkbox {
  font-family: "League Medium", sans-serif !important;
}
#new-edit-form .title {
  display: block;
  height: 50px;
  line-height: 50px;
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  text-align: left;
  margin-top: 0;
  padding: 0px;
}
@media (max-width: 480px) {
    #new-edit-form .title {
        font-size:14px;
    }
}
#new-edit-form > ul {
  width: 100%;
  padding: 0px;
  font-size: 0;
  text-align: left;
}
#new-edit-form > ul > li {
  padding: 0 10px;
  margin-bottom: 10px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-family: "League Medium", sans-serif;
  color: #293033;
  font-size: 18px;
}
@media (max-width: 992px) {
  #new-edit-form > ul > li {
    width: 100%;
  }
  #new-edit-form > ul > li .label {
    font-size: 12px !important;
  }
}
#new-edit-form > ul > li .label {
  line-height: 30px;
  width: 100%;
  float: left;
  font-family: "League Medium", sans-serif;
  color: #293033;
  font-size: 16px;
  margin: 0;
  text-align: left;
  font-weight: normal;
  padding: 0;
}
#new-edit-form > ul > li input[type=text] {
  width: 100%;
}
#new-edit-form > ul > li textarea {
  width: 100%;
  height: 138px;
  font-family: "League Regular", sans-serif !important;
  padding: 10px;
  font-size: 16px;
}
#new-edit-form > ul > li .w50p {
  width: 50%;
  float: left;
}
#new-edit-form > ul > li .w100pDouble {
  width: 100%;
  float: left;
}
#new-edit-form > ul > li .w100pDouble .clearfix {
  margin: 4px 0;
}
#new-edit-form > ul > li#liPhone input[type=text] {
  float: left;
}
#new-edit-form > ul > li#liPhone input[type=text].areacode {
  width: 27%;
  margin-right: 5%;
}
#new-edit-form > ul > li#liPhone input[type=text].phonenumber {
  width: 68%;
  margin-right: 0%;
}
#new-edit-form > ul > li#liPhone .clearfix {
  margin: 8px 0;
}
#new-edit-form input[type=button] {
  margin-bottom: 10px;
  float: right;
  width: 200px;
  margin-right: 10px;
  border: 0;
  background-color: #dc3c3c;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 20px;
}
#new-edit-form input[type=button]:hover {
  background-color: #c92822;
}
#new-edit-form input[type=submit] {
  margin-bottom: 10px;
  float: right;
  width: 200px;
  height: 50px;
  border: 0;
  background-color: #dc3c3c;
  color: #ffffff;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-right: 10px;
}
#new-edit-form input[type=submit]:hover {
  background-color: #c92822;
}
#new-edit-form #deleteButton {
  float: right !important;
  height: 50px !important;
  line-height: 50px;
  margin-right: 20px !important;
  color: #293033 !important;
  background-color: transparent !important;
  width: auto !important;
  text-decoration: underline !important;
}

input[type=submit], input[type=button] {
  background-color: #fff;
  border: solid 1px #7a7a7a;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #7a7a7a;
  height: 50px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

input[type=text], input[type=number], input[type=password], input[type=email] {
    text-indent: 10px;
    height: 50px;
    border: solid 1px #7a7a7a;
    letter-spacing: 0 !important;
    font-family: "League Regular", sans-serif;
    font-size: 16px;
    color: #7a7a7a;
    -webkit-transition: border-color 0.3s linear;
    -moz-transition: border-color 0.3s linear;
    -o-transition: border-color 0.3s linear;
    transition: border-color 0.3s linear;
    margin: 0;
    padding: 0;
}
    input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus {
        border-color: #dc3c3c;
        outline: 0px;
    }

fieldset label {
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #2e2e2e;
  margin: 0px;
}
fieldset input {
  float: left;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: solid 2px #dedede !important;
  font-family: "League Medium", sans-serif !important;
  font-size: 16px !important;
  color: #000 !important;
  padding: 0 15px;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  text-indent: 0;
}
fieldset input:focus {
  border-color: #666 !important;
}

.or {
  display: table;
  width: 100%;
  text-align: center;
  position: relative;
}
.or span {
  line-height: 50px;
  position: relative;
  z-index: 9999;
  background-color: #fff;
  padding: 0px 16px;
}
.or:after {
  content: " ";
  width: 100%;
  background-color: #666;
  height: 1px;
  display: table;
  position: absolute;
  left: 0px;
  top: 25px;
}

.facebook-btn {
  letter-spacing: 2px;
  float: left;
  width: 100%;
  background: #3b5998;
  color: #fff !important;
  height: 50px;
  padding: 0;
  border: 0;
  font-family: "League Bold", sans-serif;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  text-align: center;
  line-height: 50px;
}
.facebook-btn:hover {
  background-color: #3d6cad;
  box-shadow: 0 6px 20px 0 rgba(61, 108, 173, 0.5);
  color: #fff;
}

.google-btn {
  letter-spacing: 2px;
  float: left;
  width: 100%;
  background: #fff;
  color: #a3a3a3 !important;
  height: 50px;
  padding: 0;
  border: 1px solid #ccc;
  font-family: "League Bold", sans-serif;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  text-align: center;
  line-height: 50px;
}
.google-btn:hover {
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(61, 108, 173, 0.5);
  color: #df2027 !important;
}

.abcRioButton {
  width: 100% !important;
  height: 50px !important;
}

.g-signin2 {
  width: 100% !important;
}

.abcRioButtonIcon {
  padding: 16px !important;
}

.abcRioButtonContents {
  line-height: 50px !important;
  margin-left: 0px !important;
  margin-right: 36px !important;
  font-size:15px !important;
}
.back-btn {
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  display: inline-block;
  margin: auto;
}

fieldset label.error {
  /*position: absolute;*/
  /*left: 0;*/
  /*bottom: -10px;*/
  /*height: 20px;*/
  /*right: 0;*/
  position:relative;
  height:auto;
  font-size: 12px;
  padding: 0 5px;
  box-sizing: border-box;
  line-height: 20px;
  color: #fff;
  background-color: #df2027;
}

.authFormWrap fieldset {
  margin-bottom: 16px;
  width: 100%;
}
.authFormWrap fieldset input {
  box-shadow: unset !important;
  border-radius: 0px !important;
  height: 50px;
}

form .with-errors {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 20px;
  right: 0;
  font-size: 12px;
  padding: 0 5px;
  box-sizing: border-box;
  line-height: 20px;
  color: #fff;
  background-color: #df2027;
}

.btn-red-flat {
  background-color: #dc3c3c;
  border: solid 1px #dc3c3c !important;
  display: block;
  padding: 12px 0px;
  text-decoration: none;
  color: #fff !important;
  font-size: 16px;
  text-align: center;
  letter-spacing: 2px;
  font-family: "League Bold", sans-serif !important;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  outline: 0px !important;
}
.btn-red-flat:hover {
  background-color: #c92822 !important;
  border: solid 1px #c92822 !important;
  color: #fff;
}

.btn-red-flat-2 {
  background-color: #dc3c3c;
  border: solid 1px #dc3c3c;
  display: table;
  padding: 0px 24px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  color: #fff !important;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  text-align: center;
}
.btn-red-flat-2:hover {
  background-color: #c92822;
  border: solid 1px #c92822;
  color: #fff;
}

.btn-gray-flat {
  width: 100%;
  display: block;
  height: 50px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background-color: #293033;
  border: solid 1px #293033;
  margin-bottom: 20px;
  font-family: "League Medium", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
}
.btn-gray-flat:hover {
  color: #fff;
  text-decoration: none;
}
.btn-dark-gray {
  line-height: 50px;
  display: table;
  height: 50px;
  color: #fff;
  padding: 0px 16px;
  text-align: center;
  background-color: #273133;
  border: solid 1px #293033;
  margin-bottom: 20px;
  font-family: "League Medium", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
}
.btn-dark-gray:hover {
  color: #fff;
  text-decoration: none;
}

.c-checkbox {
  user-select: none;
  position: relative;
  font-family: "League Regular", sans-serif;
  font-size: 12px;
  color: #4a4a4a;
  cursor: pointer;
}
.c-checkbox .label-desc {
  float: left;
  display: table;
  width: 90%;
  height: 20px;
  line-height: 25px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #2e2e2e;
  margin-bottom: 4px;
}
.c-checkbox input[type=checkbox]:checked ~ .c-checkbox-checkmark {
  background-color: #fff;
}
.c-checkbox input[type=checkbox]:checked ~ .c-checkbox-checkmark::after {
  background: url(/assets/img/icon/checked.svg) no-repeat;
}
.c-checkbox.default-checkbox input[type=checkbox]:checked ~ .c-checkbox-checkmark::after {
  background: url(/assets/img/bg-sprite.svg) no-repeat;
  background-position: -120px -136px;
}
.c-checkbox.default-checkbox .c-checkbox-checkmark:after {
  background: url(/assets/img/bg-sprite.svg) no-repeat;
  background-position: -100px -136px;
}
.c-checkbox input[type=radio]:checked ~ .c-checkbox-checkmark {
  background-color: #fff;
}
.c-checkbox input[type=radio]:checked ~ .c-checkbox-checkmark::after {
  background: url(/assets/img/icon/checked.svg) no-repeat;
}
.c-checkbox a {
  font-weight: 700;
  color: #222;
  text-decoration: underline;
}
.c-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.in-link input {
  width: 36px;
}

.c-checkbox-checkmark {
  margin-top: 0px;
  margin-right: 0px;
  float: left;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  transition: background-color 0.3s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-checkbox-checkmark::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/assets/img/icon/unchecked.svg) no-repeat;
  background-size: contain;
  border-width: 0 3px 3px 0;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in;
  position: relative;
  top: -2px;
}

.v-dropdwon select {
  width: 100%;
  height: 50px;
}
.v-dropdwon .ui-selectmenu-button {
  width: 100%;
  border-color: #7a7a7a;
  padding: 0px;
}
.v-dropdwon .ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  background: none;
}
.v-dropdwon .ui-selectmenu-button {
  border-radius: 0 !important;
  height: 50px;
  box-sizing: border-box;
  margin-bottom: 0 !important;
  border: solid 1px #d3d3d3;
  outline: 0px;
}
.v-dropdwon .ui-selectmenu-button span.ui-selectmenu-text {
  outline: 0px !important;
  line-height: 48px !important;
  box-sizing: border-box;
  padding: 0 10px !important;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  background-color: #fff;
  background-image: url(/assets/img/transformselect.gif);
  background-position: right center;
  background-repeat: no-repeat;
  margin: 0 !important;
  padding-right: 45px !important;
  text-overflow: ellipsis;
}
.v-dropdwon .ui-selectmenu-button.ui-selectmenu-focus span.ui-selectmenu-text {
  background-color: #faebd7;
}
.v-dropdwon .ui-selectmenu-button-open span.ui-selectmenu-text {
  background-image: url(/assets/img/transformselect.gif) !important;
}

.ui-selectmenu-open {
  z-index: 99999999;
}

.ui-selectmenu-menu .ui-menu {
  max-height: 250px !important;
  border-radius: 0 !important;
}
.ui-selectmenu-menu .ui-menu-item {
  font-size: 16px;
  font-family: "League Regular", sans-serif;
  height: 40px !important;
  box-sizing: border-box;
  line-height: 40px !important;
  border: 0;
  padding: 0 !important;
}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
  border: 0;
  text-indent: 10px;
}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: #dedede;
  color: #000;
}

.accordion {
  display: grid;
}
@media (min-width: 1200px) {
  .accordion .ui-accordion-content-active {
    background-color: #f9f9f9;
  }
  .accordion .ui-accordion-header-active {
    background-color: #f9f9f9;
  }
}

.ui-accordion-header-active .icon {
  background-position: -52px -156px !important;
}

.inner .accordion {
  margin: 16px 0px;
}

.ui-accordion-header {
  outline: 0 !important;
  margin-top: 10px;
  height: 60px;
  padding: 15px 20px;
  line-height: 45px;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #000;
  letter-spacing: 1px;
  border-color: #dedede;
  background: #fff;
}
.ui-accordion-header .slogan {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #dedede;
  line-height: 28px;
}
@media (max-width: 992px) {
  .ui-accordion-header .slogan {
    display: none;
  }
}
.ui-accordion-header .icon {
  float: right;
  width: 22px;
  height: 22px;
  margin-top: 10px;
  background-position: -30px -156px;
}

.invalid-feedback {
  font-size: 12px !important;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: 0px !important;
}
#toggles .switch {
  display: inline-block;
  height: 25px;
  position: relative;
  width: 50px;
}
#toggles .switch input {
  display: none;
}
#toggles .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
#toggles .slider:before {
  background-color: #fff;
  bottom: 3px;
  content: "";
  height: 20px;
  left: 4px;
  right: 4px;
  position: absolute;
  transition: 0.4s;
  width: 20px;
}
#toggles input:checked + .slider {
  background-color: #dc3c3c;
}
#toggles input:checked + .slider:before {
  transform: translateX(22px);
}
#toggles .slider.round {
  border-radius: 34px;
}
#toggles .slider.round:before {
  border-radius: 50%;
}

@media (max-width: 992px) {
  #loginAndRegister .vestel-tabs {
    padding-top: 8px;
  }
}
#loginAndRegister .vestel-tabs ul.nav-tabs {
  display: table !important;
  margin: auto;
}
#loginAndRegister .vestel-tabs ul.nav-tabs .nav-item {
  display: table;
  float: left;
}
#loginAndRegister .vestel-tabs ul.nav-tabs a {
  display: table;
  font-size: 17px;
}
#loginAndRegister .v-switch {
  width: 90px;
  position: absolute;
  height: 26px;
  right: 10px;
  top: 40px;
}
@media (min-width: 1200px) {
  #loginAndRegister {
    padding-bottom: 32px;
  }
}
@media (max-width: 1200px) {
  #loginAndRegister .ui-accordion .ui-accordion-header {
    margin-top: -1px;
  }
  #loginAndRegister .ui-accordion-content {
    padding: 16px !important;
  }
  #loginAndRegister .authFormWrap {
    max-width: unset !important;
    margin: 0px !important;
  }
  #loginAndRegister fieldset {
    margin-top: 0px !important;
  }
}
#loginAndRegister .ui-tabs-panel {
  border: 0px;
}
#loginAndRegister .authFormWrap {
  max-width: 400px;
  width: 100%;
  margin: 16px auto;
}
#loginAndRegister .authFormWrap input {
  width: 100%;
  margin: 8px 0px;
}
#loginAndRegister .authFormWrap .btn-red-flat {
  width: 100%;
  margin-top: 16px;
  background: #df2027;
  height: 50px;
  font-size: 18px;
  color: #fff;
}
#loginAndRegister fieldset {
  position: relative;
}

.notRememberPassword {
  color: #df2027 !important;
  font-family: "League Medium", sans-serif !important;
  position: absolute;
  right: 0px;
  font-size: 15px;
}

@media (min-width: 1200px) {
  #register {
    padding: 64px 0px 16px;
  }
}
#register fieldset {
  margin-bottom: 16px;
}
#register fieldset:first-child {
  margin-top: -19px;
}
#register .ui-selectmenu-button {
  width: 32.2%;
}
@media (max-width: 1200px) {
  #register .ui-selectmenu-button {
    width: 32%;
  }
}
#register .c-checkbox {
  margin: 16px 0px;
}

@media (max-width: 992px) {
  #registerText {
    margin-top: 32px;
  }
}
#registerText > .title {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 1200px) {
  #registerText > .title {
    font-size: 17px;
  }
}
.advantages {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 40px 20px;
  background: #f2f2f2;
}
.advantages ul {
  float: left;
  width: 100%;
  padding: 0px;
  list-style: none;
}
.advantages ul li {
  float: left;
  width: calc(100%);
  background-color: #fff;
  margin-bottom: 20px;
  text-align: left;
  box-sizing: border-box;
  padding: 20px;
  padding-left: 90px;
  position: relative;
}
.advantages ul li .icon {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
}
.advantages ul li .title {
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  color: #ff7f29;
  margin-bottom: 10px;
}
.advantages ul li p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #000;
}
.advantages ul li:nth-last-child(2), .advantages ul li:last-child {
  margin-bottom: 20px;
}
.advantages ul li:last-child {
  margin-bottom: 0px;
}
.advantages ul li:nth-child(odd) {
  float: left;
}
.advantages ul li:nth-child(even) {
  float: right;
}
.advantages ul li .icon.icon1 {
  background-position: -194px 0;
}
.advantages ul li .icon.icon2 {
  background-position: -194px -50px;
}
.advantages ul li .icon.icon3 {
  background-position: -194px -100px;
}
.advantages ul li .icon.icon4 {
  background-position: -194px -150px;
}
.advantages ul li .icon.icon5 {
  background-position: -194px -200px;
}
.advantages ul li .icon.icon6 {
  background-position: -194px -250px;
}

#business p {
  font-size: 16px;
  color: #000;
  margin-top: 20px;
  float: left;
  width: 100%;
}
#business a {
  display: table;
  width: auto !important;
  padding: 0px 32px;
  margin: 0 auto;
  position: relative;
  top: 16px;
}
#business .authFormWrap {
  max-width: 600px;
}

.c-checkbox {
  display: inline;
}

.ccheckbox-d {
  display: table;
}

.v-switch {
  width: 70px;
  position: relative;
  height: 26px;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.v-switch input {
  display: none;
}
.v-switch.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.v-switch.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.v-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 4px;
}
.v-switch .slider:before {
  position: absolute;
  content: "Hatırla";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  border-radius: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-indent: 25px;
  font-family: "League Bold", sans-serif;
  font-size: 12px;
  color: #2e2e2e;
  letter-spacing: 1px;
}
.v-switch input:checked + .slider {
  background-color: #87d37c;
}
.v-switch input:focus + .slider {
  box-shadow: 0 0 1px #87d37c;
}
.v-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: 40px;
  text-indent: -62px;
  color: #fff;
}
.v-switch .slider.round {
  border-radius: 34px;
}
.v-switch .slider.round:before {
  border-radius: 50%;
}

#registerAndLoginPage .c-checkbox {
  display: table;
}
#registerAndLoginPage .c-checkbox input[type=checkbox] {
  width: 41px;
}

.myProfileHead {
  margin: 32px auto;
  display: table;
  width: 80%;
}
@media (max-width: 1200px) {
  .myProfileHead {
    margin: 16px 0px;
    width: 100%;
  }
}
.myProfileHead h2 {
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  color: #293033;
  margin-bottom: 20px;
}
.myProfileHead p {
  margin-bottom: 20px;
}
.myProfileHead span {
  font-size: 18px;
}

.my-profile-boxs {
  display: table;
  width: 100%;
  padding-bottom: 60px;
}
.my-profile-boxs a.profile-link {
  padding-bottom: 33.33%;
  width: 33.3%;
  display: block;
  float: left;
  position: relative;
}
.my-profile-boxs a.profile-link.grey {
  background-color: #f1f1f1;
}
.my-profile-boxs a.profile-link.white {
  background-color: #fff;
}
.my-profile-boxs a.profile-link.red {
  background-color: #dc3c3c;
}
.my-profile-boxs a.profile-link.dark {
  background-color: #293033;
}
.my-profile-boxs a.profile-link .profile-link-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  text-align: left;
}
.my-profile-boxs a.profile-link .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 40px;
  float: none;
}
.my-profile-boxs a.profile-link h3 {
  font-family: "League Bold", sans-serif;
  font-size: 32px;
  line-height: 1.4em;
  color: #293033;
  margin-bottom: 10px;
  margin-top: 20px;
  word-wrap: break-word;
}
.my-profile-boxs a.profile-link p {
  line-height: 1.4em;
  color: #293033;
}
.my-profile-boxs a.profile-link .detail-link-view {
  height: 30px;
  line-height: 30px;
  padding-left: 36px;
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.my-profile-boxs a.profile-link .detail-link-view .icon {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  background-position: -210px -40px !important;
  margin-top: 0;
}
.my-profile-boxs a.profile-link.red .detail-link-view, .my-profile-boxs a.profile-link.dark .detail-link-view {
  color: #fff;
}
.my-profile-boxs a.profile-link.red .detail-link-view .icon, .my-profile-boxs a.profile-link.dark .detail-link-view .icon {
  background-position: -240px -40px !important;
}
.my-profile-boxs a.profile-link.red h3, .my-profile-boxs a.profile-link.dark h3, .my-profile-boxs a.profile-link.red p, .my-profile-boxs a.profile-link.dark p {
  color: #fff;
}
.my-profile-boxs a.profile-link.my-order .icon {
  background-position: -210px 0;
}
.my-profile-boxs a.profile-link.myrequests .icon {
  background-position: -250px 0;
}
.my-profile-boxs a.profile-link.myaddresses .icon {
  background-position: -290px 0;
}
.my-profile-boxs a.profile-link.myAccountInfo .icon {
  background-position: -330px 0;
}
.my-profile-boxs a.profile-link.myproducts .icon {
  background-position: -370px 0;
}
.my-profile-boxs a.profile-link.livesupport .icon {
  background-position: -410px 0;
}
@media (max-width: 1200px) {
  .my-profile-boxs a.profile-link {
    padding-bottom: 40%;
  }
  .my-profile-boxs a.profile-link .icon {
    margin-top: 16px;
  }
}
@media (max-width: 992px) {
  .my-profile-boxs a.profile-link h3 {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
  }
}
@media (max-width: 992px) and (orientation: landscape) {
    .my-profile-boxs a.profile-link h3 {
        height: auto;
    }
}
@media (max-width: 768px) {
  .my-profile-boxs a.profile-link {
    width: 50%;
    padding-bottom: 50%;
  }
  .my-profile-boxs a.profile-link .profile-link-content {
    padding: 0px 16px;
  }
  .my-profile-boxs a.profile-link .profile-link-content p {
    display: none;
  }
  .my-profile-boxs a.profile-link .detail-link-view {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    line-height: normal;
  }
}

#profile-left-menu {
  margin: 32px 0px;
}
@media (max-width: 992px) {
  #profile-left-menu {
    display: none;
  }
}
#profile-left-menu ul {
  list-style: none;
  padding: 0px;
}
#profile-left-menu li {
  display: block;
  width: 100%;
}
#profile-left-menu li a {
  text-indent: 0;
  float: left;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-bottom: solid 1px #dedede;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #7a7a7a;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#profile-left-menu li a.active, #profile-left-menu li a:hover {
  background-color: #293033;
  border-color: #fff;
  color: #fff;
  text-indent: 10px;
}

.profile-content {
  margin: 32px 0px;
}
.profile-content strong {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: normal !important;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .profile-content {
    padding: 0px 32px;
  }
}
.profile-content h1 {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-bottom: 8px;
  line-height: 1.6em;
}
.profile-content h3, .profile-content .basket-content h3 {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #293033;
  margin-bottom: 16px;
}
.profile-content .result {
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  margin: 16px 0px;
}

.profile-content .product-not-found {
  margin: 50px 0;
  padding: 100px 0;
  padding-top: 150px;
  display: block;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: -o-calc(100% - 2px);
  width: calc(100% - 2px);
  border: solid 1px #7a7a7a;
  position: relative;
  text-align: center;
  line-height: 30px;
}
.profile-content .product-not-found .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  background-position: 0 -470px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -50px;
}
@media (max-width: 768px) {
  .profile-content .found-products .product {
    padding-bottom: 120px !important;
  }
}
.profile-content .found-products .result {
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
}
.profile-content .found-products .product {
  display: table;
  margin-bottom: 120px;
  padding: 10px;
  padding-bottom: 50px;
  position: relative;
  border: solid 1px #7a7a7a;
  width: 100%;
}
.profile-content .found-products .product img {
  float: left;
  margin-right: 10px;
}
.profile-content .found-products .product h3 {
  margin-top: 23px;
}
.profile-content .found-products .product h3 a {
  font-size: 18px;
  font-family: "League Medium", sans-serif;
  color: #293033;
}
.profile-content .found-products .product ul {
  width: 100%;
  text-align: left;
  font-size: 0;
  margin-top: 10px;
}
.profile-content .found-products .product ul li {
  display: inline-block;
  font-size: 14px;
  margin-right: 50px;
}
.profile-content .found-products .product ul li span {
  color: #293033;
  font-family: "League Medium", sans-serif;
}
.profile-content .found-products .product ul li .warranty-chart {
  width: 182px;
  border: solid 1px #7a7a7a;
  display: inline-block;
  height: 18px;
  margin-left: 20px;
  margin-bottom: -3px;
  position: relative;
}
.profile-content .found-products .product ul li .warranty-chart .value {
  height: 18px;
  position: absolute;
  left: -1px;
  top: -1px;
  background-color: #d74545;
}
.profile-content .found-products .product .prod-links {
  position: absolute;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 1px #7a7a7a;
}
.profile-content .found-products .product .prod-links a {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  position: relative;
  float: right;
  height: 40px;
  line-height: 40px;
  border-left: solid 1px #7a7a7a;
  padding-left: 15px;
  display: block;
  width: 25.5%;
  text-align: center;
  color: #df2027;
}
.profile-content .found-products .product .prod-links a.softwareupdate {
  width: 33%;
}
.profile-content .found-products .product .prod-links a.softwareupdate .icon {
  background-position: -410px -312px;
}
.profile-content .found-products .product .prod-links a.softwareupdate:hover .icon {
  background-position: -410px -352px;
}
.profile-content .found-products .product .prod-links a:hover {
  color: #dc3c3c;
}
.profile-content .found-products .product .prod-links a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 7px;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -moz-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -o-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
}
.profile-content .found-products .product .prod-links a.guide .icon {
  background-position: -50px -470px;
}
.profile-content .found-products .product .prod-links a.quick-guide .icon {
  background-position: -90px -470px;
}
.profile-content .found-products .product .prod-links a.features .icon {
  background-position: -130px -470px;
}
.profile-content .found-products .product .prod-links a.guide:hover .icon {
  background-position: -50px -510px;
}
.profile-content .found-products .product .prod-links a.quick-guide:hover .icon {
  background-position: -90px -510px;
}
.profile-content .found-products .product .prod-links a.features:hover .icon {
  background-position: -130px -510px;
}
@media (max-width: 1200px) {
  .profile-content .found-products .product .prod-links a {
    width: 35%;
  }
  .profile-content .found-products .product .prod-links a:last-child {
    border-right: 1px solid #7a7a7a;
  }
}
@media (max-width: 768px) {
  .profile-content .found-products .product .prod-links {
    display: table;
    width: 100%;
  }
  .profile-content .found-products .product .prod-links a {
    width: 100%;
    border-left: 0px;
  }
  .profile-content .found-products .product .prod-links a:last-child {
    border-top: 1px solid #7a7a7a;
  }
}
.profile-content .found-products .product .prod-menu {
  height: 90px;
  bottom: -91px;
  background: #f0f0f0;
  position: absolute;
  right: -1px;
}
.profile-content .found-products .product .prod-menu a {
  float: left;
  width: 130px;
  padding: 0 20px;
  height: 100%;
  display: block;
  position: relative;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #293033;
}
.profile-content .found-products .product .prod-menu a:hover {
  color: #dc3c3c;
}
.profile-content .found-products .product .prod-menu a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -moz-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -o-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
}
.profile-content .found-products .product .prod-menu a.help .icon {
  background-position: 0 -550px;
}
.profile-content .found-products .product .prod-menu a.create-request .icon {
  background-position: -30px -550px;
}
.profile-content .found-products .product .prod-menu a.solve-wizard .icon {
  background-position: -60px -550px;
}
.profile-content .found-products .product .prod-menu a.additional-warranty .icon {
  background-position: -90px -550px;
}
.profile-content .found-products .product .prod-menu a.help:hover .icon {
  background-position: 0 -580px;
}
.profile-content .found-products .product .prod-menu a.create-request:hover .icon {
  background-position: -30px -580px;
}
.profile-content .found-products .product .prod-menu a.solve-wizard:hover .icon {
  background-position: -60px -580px;
}
.profile-content .found-products .product .prod-menu a.additional-warranty:hover .icon {
  background-position: -90px -580px;
}

.profile-content .head {
  max-width: 600px;
  margin-bottom: 16px;
  display: table;
}

.default-radio-button {
  margin-right: 16px;
  display: inline-block;
}
.default-radio-button label {
  float: left;
  display: table;
  width: auto;
  line-height: 50px;
  margin-left: 8px;
}
.default-radio-button input {
  float: left;
  display: table;
  width: 20px;
}

.my-profile-form {
  width: 100%;
  max-width: 600px;
}
.my-profile-form fieldset {
  margin-bottom: 16px;
}
.my-profile-form .select-birthday .ui-selectmenu-button {
  width: 32.5%;
}
.my-profile-form .btn-red-flat {
  display: table;
  margin: auto;
  background-color: #dc3c3c;
  color: #fff;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  border: 0;
  float: right;
  padding: 0px 40px;
}

.default-radio-button {
  margin-right: 16px;
  display: inline-block;
}
.default-radio-button label {
  float: left;
  display: table;
  width: auto;
  line-height: 50px;
  margin-left: 8px;
}
.default-radio-button input {
  float: left;
  display: table;
  width: 20px;
}

.passwordform .btn-red-flat {
  float: right !important;
}

#my-profile-address .address-default-box {
  position: relative;
  z-index: 1;
  opacity: 1;
}
@media (max-width: 1200px) {
  #my-profile-address .profile-content {
    padding: 0px;
  }
}
#my-profile-address .basket-content {
  padding: 0px;
}
#my-profile-address .address-selection {
  width: 100%;
}
#my-profile-address .show-selected-address {
  top: 0px !important;
  min-height: 270px !important;
}
#my-profile-address .address-box-wrap {
  display: table;
  width: 100%;
}

.addressList {
  list-style: none;
  padding: 16px 0px !important;
  width: 100%;
  display: table;
}
.addressList li {
  width: 48%;
  margin-right: 2%;
  float: left;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .addressList li {
    width: 100%;
  }
}

.not-found-wrap {
  margin: 50px 0;
  padding: 150px 0 100px;
  display: block;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  width: calc(100% - 2px);
  border: solid 1px #7a7a7a;
  position: relative;
  text-align: center;
  line-height: 30px;
}
.not-found-wrap .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  background-position: 0 -470px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -50px;
}

#myRequest .profile-content {
  margin-bottom: 24px;
}
#myRequest .profile-content .btn {
  border-radius: 0px;
}

#myOrders {
  padding-top: 0px;
}
#myOrders .title {
  font-family: "League Bold", sans-serif !important;
  font-size: 37px !important;
  color: #293033 !important;
  margin-bottom: 10%;
  height: 50px !important;
  line-height: 50px !important;
}
#myOrders .profile-content {
  margin-top: 0px;
}

.vestel-tab-2 h2 {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #293033;
  margin: 16px 0px;
}
.vestel-tab-2 .nav-item {
  width: 50%;
}
.vestel-tab-2 .nav-link {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  background-color: #f4f4f4;
  border: 0px;
  border-radius: 0px;
  position: relative;
}
.vestel-tab-2 .nav-link:after {
  content: " ";
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -10px;
  background-position: -20px -520px;
  width: 24px;
  height: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.vestel-tab-2 .nav-link.active {
  background-color: #dc3c3c;
  color: #fff;
}
.vestel-tab-2 .nav-link.active:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.vestel-tab-2 .campaign-list {
  list-style: none;
}
.vestel-tab-2 .campaign-list li {
  float: left;
  width: 100%;
  margin: 16px 0px;
}
.vestel-tab-2 .campaign-list li.mr0 {
  margin-right: 0;
}
.vestel-tab-2 .campaign-list li img {
  float: left;
}
.vestel-tab-2 .campaign-list li h4 {
  font-family: "League Medium", sans-serif;
  margin-bottom: 10px;
  font-size: 22px;
  color: #293033;
}
.vestel-tab-2 .campaign-list li .campaign-img {
  float: left;
  margin-right: 15px;
  width: 25%;
}
.vestel-tab-2 .campaign-list li .campaign-img img {
  max-width: 100%;
}
@media (max-width: 992px) {
  .vestel-tab-2 .campaign-list li .campaign-img {
    width: 100%;
  }
  .vestel-tab-2 .campaign-list li .campaign-img img {
    margin: auto;
    display: table;
    float: none;
  }
}
.vestel-tab-2 .campaign-list li .campaign-desc {
  float: left;
  width: 70%;
}
.vestel-tab-2 .campaign-list li .campaign-desc p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #797979;
}
@media (max-width: 992px) {
  .vestel-tab-2 .campaign-list li .campaign-desc {
    width: 100%;
  }
}
.vestel-tab-2 .campaign-list li .shortdesc {
  float: left;
  width: 100%;
  height: 170px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  position: relative;
}
.vestel-tab-2 .campaign-list li .shortdesc strong {
  float: left;
  width: 100%;
  height: 84px;
  line-height: 21px;
  overflow: hidden;
}
.vestel-tab-2 .campaign-list li .shortdesc .campaign-date {
  background-color: #fff;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  position: absolute;
  bottom: 30px;
  margin-bottom: 0;
  left: 20px;
  color: #000;
  box-shadow: none;
  border: solid 1px #dedede;
  border-radius: 3px;
  min-width: 135px;
  text-align: center;
  min-width: inherit;
}
.vestel-tab-2 .campaign-list li .shortdesc .campaign-date .label {
  position: absolute;
  bottom: -20px;
  height: 20px;
  line-height: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 12px;
  left: 0;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.vestel-tab-2 .campaign-list li .shortdesc .detail-btn {
  position: absolute;
  right: 20px;
  bottom: 16px;
  background-color: #df2027;
  color: #fff;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  letter-spacing: 2px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.vestel-tab-2 .campaign-list li .shortdesc .detail-btn:hover {
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}
.vestel-tab-2 h3 {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #293033;
  margin: 16px 0px 10px;
}

.orderTabs {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.orderTabs ul li a {
  font-size: 16px;
}
.orderTabs.ui-tabs .ui-tabs-panel {
  padding: 0;
}
.orderTabs.ui-tabs .ui-tabs-nav {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: transparent;
}
.orderTabs.ui-tabs .ui-tabs-nav li {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 50%;
}
.orderTabs.ui-tabs .ui-tabs-nav li a {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  background-color: #f4f4f4;
}
.orderTabs.ui-tabs .ui-tabs-nav li a .icon {
  background-image: url(/assets/oldimg/old-bg-sprite.svg);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -10px;
  background-position: -20px -520px;
  width: 24px;
  height: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.orderTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #dc3c3c;
  color: #fff;
}
.orderTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a .icon {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs #orders, .orderTabs #orderHistory {
  padding-top: 40px;
}
.orderTabs > div .title {
  width: 100%;
  margin-bottom: 20px;
  height: 30px;
  padding: 20px;
}
.orderTabs > div .title li {
  width: 25%;
  height: 30px;
  line-height: 30px;
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  text-align: left;
}
.orderTabs > div .order-item {
  display: block;
  width: 100%;
  padding: 20px;
  border: solid 1px #7a7a7a;
  display: table;
  height: 120px;
}
.orderTabs > div .order-item ul {
  width: 100%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
}
.orderTabs > div .order-item ul li {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
}
.orderTabs > div .order-item ul li .mobileTitle {
  display: none;
}
.orderTabs > div .order-item ul li.status {
  color: #dc3c3c;
  font-size: 14px;
}
.orderTabs > div .order-item ul li.status a {
  color: #dc3c3c;
  font-size: 14px;
  text-decoration: underline;
}
.orderTabs > div .order-item ul li.status a:hover {
  color: #c92822;
}
.orderTabs > div .item-bottom-bar {
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  border: solid 1px #7a7a7a;
  border-top: 0;
}
.orderTabs > div .item-bottom-bar a {
  float: right;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  padding-left: 40px;
  padding-right: 20px;
  border-left: solid 1px #7a7a7a;
  position: relative;
}
.orderTabs > div .item-bottom-bar a:hover, .orderTabs > div .item-bottom-bar a.active {
  background-color: #293033;
  color: #fff;
  border-left-color: #293033;
}
.orderTabs > div .item-bottom-bar a .icon {
  background-image: url(/assets/oldimg/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 5px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs > div .item-bottom-bar a .icon.icon-hover {
  background-image: url(/assets/oldimg/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 5px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs > div .item-bottom-bar a:hover .icon, .orderTabs > div .item-bottom-bar a.active .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs > div .item-bottom-bar a:hover .icon.icon-hover, .orderTabs > div .item-bottom-bar a.active .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs > div .item-bottom-bar a.order-detail .icon {
  background-position: -270px -40px;
}
.orderTabs > div .item-bottom-bar a.order-detail .icon.icon-hover {
  background-position: -300px -40px;
}
.orderTabs > div .item-bottom-bar a.order-detail:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs > div .item-bottom-bar .status .icon {
  background-position: 0 0;
  background-image: url(/assets/img/bg-sprite.svg);
  width: 30px;
  height: 20px;
  margin-top: 5px;
}
.orderTabs > div .item-bottom-bar .status .icon.icon-hover {
  background-position: 0 0;
  background-image: url(/assets/img/bg-sprite.svg);
  width: 30px;
  height: 20px;
  margin-top: 5px;
}
.orderTabs > div .item-bottom-bar a.cancel:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs > div .item-bottom-bar a.supportOrder .icon {
  background-position: 0 -550px;
}
.orderTabs > div .item-bottom-bar a.supportOrder .icon.icon-hover {
  background-position: 0 -580px;
}
.orderTabs > div .item-bottom-bar a.supportOrder:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs > div .item-bottom-bar .requestOrder .icon {
  background-position: -63px -921px !important;
  width: 15px;
  height: 18px;
  top: 11px;
  left: 17px;
}
.orderTabs > div .item-bottom-bar .requestOrder .icon.icon-hover {
  background-position: -163px -641px !important;
  width: 15px;
  height: 18px;
  top: 11px;
  left: 17px;
}
.orderTabs > div .order-products {
  width: 100%;
  overflow: hidden;
  height: 0;
}
.orderTabs > div .order-products .orderCancel {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  width: 100%;
  display: inline-block;
  padding: 10px;
  border: solid 1px #7a7a7a;
  position: relative;
  transition: background-color 0.5s ease;
}
.orderTabs > div .order-products .orderCancel:hover {
  background-color: #dc3c3c;
  color: #fff;
}
.orderTabs > div .order-products .orderCancel .icon {
  background-image: url(/assets/oldimg/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 35px;
  top: 12px;
  transition: opacity 0.3s linear;
  background-position: -11px -631px;
}
.orderTabs > div .order-products.show {
  width: 100%;
  overflow: hidden;
  height: auto;
}
.orderTabs > div .order-products .product {
  padding: 10px;
  background-color: #f0f0f0;
  margin-top: 3px;
}
.orderTabs > div .order-products .product .prod-img {
  width: 130px;
  height: 130px;
  display: table;
  float: left;
  margin-right: 10px;
  background-color: #fff;
}
.orderTabs > div .order-products .product .prod-img div {
  display: table-cell;
  vertical-align: middle;
}
.orderTabs > div .order-products .product .prod-img div img {
  width: 100%;
}
.orderTabs > div .order-products .product > div {
  text-align: center;
}
.orderTabs > div .order-products .product > div p {
  font-family: "League Medium", sans serif;
  font-size: 20px;
  color: #293033;
  display: table-cell;
  vertical-align: middle;
}
.orderTabs > div .order-products .product .desc {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 500px;
}
.orderTabs > div .order-products .product .quantity {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 80px;
}
.orderTabs > div .order-products .product .price {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 250px;
}
.orderTabs > div .order-products .product .remove-item {
  height: 150px;
  float: left;
  width: 189px;
  border-left: solid 3px #fff;
  position: relative;
  margin-top: -10px;
  margin-bottom: -10px;
  margin-right: -10px;
  font-size: 16px;
}
.orderTabs > div .order-products .product .remove-item:hover {
  background-color: #dc3c3c;
}
.orderTabs > div .order-products .product .remove-item:hover span {
  color: #fff;
}
.orderTabs > div .order-products .product .remove-item:hover > span .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs > div .order-products .product .remove-item:hover > span .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs > div .order-products .product .remove-item > span {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -48px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  display: block;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.orderTabs > div .order-products .product .remove-item > span .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -330px -40px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
}
.orderTabs > div .order-products .product .remove-item > span .icon.icon-hover {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -360px -40px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs > div .order-products .allcancel {
  background-color: #f0f0f0;
  margin-top: 10px;
  padding-left: 75%;
}

.LastCargo .order-info .order-label {
  width: 25% !important;
}
.LastCargo .cargoLinkTag {
  font-family: "League Regular", sans-serif;
}

#myOrders {
  padding: 32px 0px;
}
#myOrders .tab-pane {
  margin-top: 16px;
  width: 100%;
}

.my-order-content .list-title {
  width: 100%;
  margin-bottom: 20px;
  height: 30px;
  padding: 20px;
  list-style: none;
}
@media (max-width: 992px) {
  .my-order-content .list-title {
    display: none;
  }
}
.my-order-content .list-title li {
  width: 25%;
  height: 30px;
  line-height: 30px;
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  text-align: left;
}
.my-order-content .order-list {
  list-style: none;
  width: 100%;
  padding: 20px;
  border: solid 1px #7a7a7a;
  height: 120px;
  text-align: left;
  display: table;
  vertical-align: middle;
}
.my-order-content .order-list li {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
@media (max-width: 992px) {
  .my-order-content .order-list li {
    width: 100%;
    margin-bottom: 12px;
  }
}
.my-order-content .order-list .mTitle {
  display: none;
}
@media (max-width: 992px) {
  .my-order-content .order-list .mTitle {
    display: table;
  }
}

.my-order-tab-footer {
  list-style: none;
  padding: 0px;
  border: 1px solid #000;
  border-top: 0px;
  display: table;
  width: 100%;
}
.my-order-tab-footer li {
  float: right;
  border-left: solid 1px #7a7a7a;
}
.my-order-tab-footer li a {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  position: relative;
  padding: 12px 16px 4px;
  display: table;
  height: 46px;
  color: #000;
}
.my-order-tab-footer li a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
}
.my-order-tab-footer li a .icon:after {
  opacity: 0;
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.my-order-tab-footer li a:hover .icon {
  background-image: unset;
}
.my-order-tab-footer li a.createRequest .icon {
  background-position: -63px -921px !important;
  width: 15px;
  height: 18px;
  margin-top: 2px;
}
.my-order-tab-footer li a.createRequest .icon:after {
  content: "";
  display: table;
  width: 15px;
  height: 18px;
  margin-top: 2px;
  background-position: -163px -641px !important;
}
.my-order-tab-footer li a.supportOrder .icon {
  background-position: 0 -550px;
  margin-top: -4px;
}
.my-order-tab-footer li a.supportOrder .icon:after {
  content: "";
  display: table;
  margin-top: -4px;
  background-position: 0 -546px;
  filter: brightness(20.5);
}
.my-order-tab-footer li a.detail-order .icon {
  margin: 0px;
  background-position: -271px -44px;
}
.my-order-tab-footer li a.detail-order .icon:after {
  content: "";
  display: table;
  margin: 0px;
  background-position: -300px -44px;
}
.my-order-tab-footer li:hover {
  background-color: #dc3c3c;
  border-color: #dc3c3c;
}
.my-order-tab-footer li:hover a {
  color: #fff;
}
.my-order-tab-footer li:hover a.supportOrder .icon:after {
  opacity: 1;
}
.my-order-tab-footer li:hover a.detail-order .icon:after {
  opacity: 1;
}
.my-order-tab-footer li:hover a.createRequest .icon:after {
  opacity: 1;
}
@media (max-width: 768px) {
  .my-order-tab-footer li {
    width: 33.3%;
  }
  .my-order-tab-footer li:last-child {
    border-left: 0px;
  }
  .my-order-tab-footer li a {
    font-size: 11px;
    padding: 12px 8px 4px 40px;
  }
  .my-order-tab-footer li a i {
    position: absolute;
    left: 5px;
  }
  .my-order-tab-footer li a.createRequest i {
    left: 12px;
  }
}
@media (max-width: 340px) {
  .my-order-tab-footer li {
    width: 100%;
    border-bottom: 1px solid #000;
    border-left: 0px;
  }
  .my-order-tab-footer li:last-child {
    border-bottom: 0px;
  }
}
.notOrder {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 15px;
  color: #7a7a7a;
  padding: 24px;
  text-align: center;
}

.red-txt {
  color: #dc3c3c;
  font-size: 14px;
}

.my-order-detail .product {
  padding: 10px;
  background-color: #f0f0f0;
  margin-top: 3px;
}
.my-order-detail .product .product-detail {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.my-order-detail .product .prod-img {
  width: 130px;
  height: 130px;
  display: table;
  float: left;
  margin-right: 10px;
  background-color: #fff;
}
.my-order-detail .product .prod-img div {
  display: table-cell;
  vertical-align: middle;
}
.my-order-detail .product .prod-img div img {
  width: 100%;
}
.my-order-detail .product > div {
  text-align: center;
}
.my-order-detail .product > div p {
  font-family: "League Medium", sans serif;
  font-size: 20px;
  color: #293033;
  display: table-cell;
  vertical-align: middle;
}
.my-order-detail .product .desc {
  display: table;
  float: left;
  margin-right: 10px;
  width: 30%;
}
@media (max-width: 768px) {
  .my-order-detail .product .desc {
    width: 20%;
  }
}
.my-order-detail .product .quantity {
  display: table;
  float: left;
  margin-right: 10px;
  width: 10%;
}
.my-order-detail .product .price {
  display: table;
  float: left;
  margin-right: 10px;
  width: 20%;
}
.my-order-detail .product .remove-item {
  height: 150px;
  float: left;
  width: 189px;
  border-left: solid 3px #fff;
  position: relative;
  margin-top: -10px;
  margin-bottom: -10px;
  margin-right: -10px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .my-order-detail .product .remove-item {
    width: 20%;
  }
}
.my-order-detail .product .remove-item:hover {
  background-color: #dc3c3c;
}
.my-order-detail .product .remove-item:hover span {
  color: #fff;
}
.my-order-detail .product .remove-item:hover > span .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.my-order-detail .product .remove-item:hover > span .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.my-order-detail .product .remove-item > span {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  display: block;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.my-order-detail .product .remove-item > span .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -330px -40px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
}
.my-order-detail .product .remove-item > span .icon.icon-hover {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -360px -40px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.my-order-detail .allcancel {
  background-color: #f0f0f0;
  margin-top: 10px;
  padding-left: 75%;
}
.no-image-available {
  height: 170px;
}
@media (max-width: 768px) {
  .my-order-detail .product > div p {
    font-size: 12px;
  }  
  .my-order-detail .product .prod-img {
    width: 30%;
  }
  .no-image-available {
    height: auto !important;
  }
}
.order-middle-box {
  background: #f0f0f0;
  display: table;
  width: 100%;
  margin: 16px 0px;
}
.order-middle-box .cancel {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  display: inline-block;
  padding: 10px 10px 10px 40px;
  border: solid 1px #7a7a7a;
  position: relative;
  transition: background-color 0.5s ease;
  float: right;
}
@media (max-width: 768px) {
  .order-middle-box .cancel {
    width: 100%;
  }
}
.order-middle-box .cancel .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 16px;
  top: 12px;
  transition: background-position 0.3s linear;
  background-position: -11px -631px;
}
.order-middle-box .cancel:hover {
  color: #fff;
  background: #dc3c3c;
}
.order-middle-box .cancel:hover .icon {
  background-position: -50px -631px;
}

.order-info {
  padding: 16px;
  width: 100%;
  margin: 10px 0;
  font-family: "League Medium", sans-serif;
  font-size: 17px;
  display: table;
  border-bottom: 1px solid #d4d4d4;
}
@media (max-width: 768px) {
  .order-info {
    font-size: 14px;
  }
}
.order-info div {
  display: table-row;
}
.order-info .order-label, .order-info .order-value {
    font-family: "League Medium", sans-serif;
    font-size: 17px;
    margin-bottom: 10px;
    display: table-cell;
    float: unset;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .order-info .order-label, .order-info .order-value {
    font-size: 11px;
  }
}
.order-info .order-label {
  margin-right: 10px;
  width: 130px;
  color: #293033;
  display: table-cell;
}
.order-info .order-value {
  margin-right: 0;
  width: 680px;
  color: #7a7a7a;
  display: table-cell;
  word-break:break-word;
}

#cargo-info {
  display: table;
  margin: auto;
}
#cargo-info ul {
  padding: 0px;
}
#cargo-info ul li {
  display: inline-block;
  text-align: center;
}
@media (max-width: 768px) {
  #cargo-info ul li .dots {
    display: inline-block;
    position: relative;
    top: -49px;
    left: -3px;
  }
}
#cargo-info ul li.active figure {
  background: #df2027 !important;
}
#cargo-info ul li.active img {
  filter: invert(1) !important;
}
#cargo-info ul li.active p {
  color: #df2027;
}
#cargo-info ul li a {
  border: 0px;
}
#cargo-info .cargoBtn {
  line-height: 1.5em;
  display: inline-block;
  transition: background 0.5s linear;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  height: 150px;
}
#cargo-info .cargoBtn p {
  padding: 8px 0px;
  width: 100px;
}
#cargo-info .cargoBtn figure {
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  margin: auto;
}
#cargo-info .cargoBtn figure img {
  width: 40px;
  height: 40px;
  margin: auto;
}
@media (max-width: 768px) {
  #cargo-info .cargoBtn {
    margin-left: 0px;
    margin-right: 0px;
  }
  #cargo-info .cargoBtn figure {
    width: 45px;
    height: 45px;
  }
  #cargo-info .cargoBtn figure img {
    width: 25px !important;
    height: 25px !important;
  }
  #cargo-info .cargoBtn p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  #cargo-info .cargoBtn {
    padding: 0px;
  }
  #cargo-info .cargoBtn figure {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #cargo-info .cargoBtn img {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (max-width: 768px) {
  #cargo-info .cargoBtn p {
    top: 4rem;
    width: 50px;
    min-height: 90px;
  }
}
#cargo-info .dots {
  display: inline-block;
  position: relative;
  top: -36px;
}
#cargo-info .dots span {
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: #d3d3d3;
  border-radius: 50%;
  margin-left: 5px;
}
@media (max-width: 768px) {
  #cargo-info .dots span {
    width: 4px;
    height: 4px;
  }
}
#cargo-info .cargoStatus {
  font-size: 14px;
}
#cargo-info #CargoMainDiv ul {
  margin: 1em auto;
}
#cargo-info .status-btn {
  display: table;
  margin: 16px auto 0px;
  padding: 8px 16px;
  border: 3px solid #d3d3d3;
  border-radius: 10px;
  color: #df2027;
  font-family: "League Bold", sans-serif;
}
#cargo-info .cargoStatusP {
  text-align: center;
  font-size: 24px;
  margin: 16px 0px;
  font-family: "League Regular", sans-serif;
  font-weight: 600;
}

.my-order-detail-wrap {
  visibility: hidden;
  opacity: 0;
  max-height: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden;
}
.my-order-detail-wrap.is-open {
  visibility: visible;
  overflow: hidden;
  opacity: 1;
  max-height: 3000px;
}

#my-order-contact fieldset {
  padding: 0px !important;
}
#my-order-contact .buttons {
  margin: 0px;
}
#my-order-contact .contact-form {
  display: table;
}
#my-order-contact h3 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
  margin: 16px 0px;
}
#my-order-contact .label {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #293033;
}
#my-order-contact button {
  display: table;
  width: auto;
  float: right !important;
  margin: 0px 0px 0px 15px;
  padding: 0px 16px;
}
#my-order-contact .contact-form {
  padding: 0px;
  margin: 0px;
}

#my-product {
  display: table;
  width: 100%;
}
#my-product img {
  max-width: 100%;
}
#my-product .starting-time {
  float: left;
  margin-right: 32px;
}
#my-product .finish-time {
  float: left;
}
#my-product .v-chart {
  width: 182px;
  border: solid 1px #7a7a7a;
  display: inline-block;
  height: 18px;
  margin-left: 20px;
  margin-bottom: -3px;
  position: relative;
}
#my-product .v-chart .value {
  height: 18px;
  position: absolute;
  left: -1px;
  top: -1px;
  background-color: #d74545;
}
#my-product strong {
  font-family: "League Medium", sans-serif;
}
#my-product .product {
  padding: 16px !important;
  margin-bottom: 0px;
}
#my-product .product-btn {
  float: right;
  background: #f0f0f0;
}
#my-product .product-btn a {
  float: left;
  padding: 8px 16px 16px;
  height: 100%;
  display: block;
  position: relative;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  color: #293033;
}
#my-product .product-btn a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  float: none;
  width: 30px;
  height: 30px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -moz-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  -o-transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
  transition: background-position 0.3s cubic-bezier(0.68, 0, 0.265, 1);
}
#my-product .product-btn a.real-time-support .icon {
  background-position: 0 -550px;
}
#my-product .product-btn a.new-request .icon {
  background-position: -30px -550px;
}
#my-product .product-btn a:hover {
  color: #dc3c3c;
}
#my-product .product-btn a:hover.real-time-support .icon {
  background-position: 0 -580px;
}
#my-product .product-btn a:hover.new-request .icon {
  background-position: -30px -580px;
}

.requests-wrap {
  margin-bottom: 32px;
  display: table;
  width: 100%;
}
.requests-wrap .item {
  display: table;
  float: right;
}
.requests-wrap .item .date {
  float: right;
  display: table;
}
.requests-wrap .item ul {
  border: solid 1px #ccc;
  display: table;
  padding: 32px;
  display: table;
  width: 100%;
}
.requests-wrap .item ul li {
  width: 100%;
  float: right;
  display: inline-block;
  vertical-align: top;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  min-height: 20px;
  line-height: 20px;
}
.requests-wrap .item ul li strong {
  font-family: "League  Medium", sans-serif;
  font-size: 18px;
  color: #293033;
}
.requests-wrap .item .buttons {
  display: table;
  width: 100%;
  border: solid 1px #ccc;
  border-width: 0px 1px 1px 1px;
}
.requests-wrap .item .answer {
  float: right;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0px 16px !important;
  position: relative;
  border-left: solid 1px #ccc;
  font-family: "League  Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: #293033;
}
.requests-wrap .item .answer:hover {
  color: #df2027;
}

#my-profile-form .btn-red-flat-2 {
  margin: auto;
}

.address-default-box .delete .icon {
  background-position: -40px -920px;
}
.address-boxs .c-checkbox {
  width: 100%;
}
.address-boxs .c-checkbox .label-desc {
  position: relative;
  top: 4px;
}
.address-boxs .address-content {
  padding: 8px;
}
.address-boxs .buttons {
  display: table;
  height: 43px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-top: 1px solid gray;
  overflow: hidden;
}
/*@supports (-webkit-touch-callout: none) {
  .address-boxs .buttons {*/
    /* CSS specific to iOS devices */
    /*width: calc(100% + 40px);
  }
}*/
.address-boxs .buttons .delete {
  right: 160px;
}
@media (max-width: 992px) {
  .address-boxs .buttons .delete {
    right: auto;
    left: -1px;
    width: 50%;
  }
}

.alert-buttons {
  text-align: center;
  padding: 32px;
}
.alert-buttons p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #293033;
  margin-bottom: 24px;
}
.alert-buttons input[type=button] {
  float: left;
  border-radius: 0px;
  outline: 0px;
  border: 0px;
  width: 45% !important;
  height: 40px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: white;
  margin-bottom: 24px;
}
.alert-buttons .btn-delete {
  background-color: #293033;
  margin-right: 16px;
}
.alert-buttons .btn-cancel {
  background-color: #dc3c3c;
  margin-right: 0;
}

.address-head h3 {
  float: left;
}
.address-head a {
  float: right;
  height: 35px;
  line-height: 35px;
  margin-right: 40px;
}
@media (max-width: 992px) {
  .address-head a {
    width: 100%;
    margin: 16px auto;
    display: table;
  }
}
.shipping-phone a, .billing-phone a {
  border: 0px !important;
  font-weight: normal !important;
  text-align: left !important;
  padding: 0px !important;
  margin: 0px !important;
  text-indent: 0px !important;
}
#services h1 {
  font-family: "League Bold", sans-serif;
  font-size: 22px;
  color: #293033;
  margin-bottom: 20px;
  margin-top: 24px;
}
#services p {
  color: #293033;
  margin-bottom: 10px;
}
#services .search-list {
  float: left;
  height: 400px;
  overflow: hidden;
  margin-bottom: 30px;
  width: 30%;
  overflow: hidden !important;
  padding-right:15px;
}
@media (max-width: 992px) {
  #services .search-list {
    width: 100%;
    height: auto;
    overflow: visible;
  }
}
#services .search-list .store span.address .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -250px -140px;
}
#services .search-list .store span.phone .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -280px -140px;
}
#services .box {
    border: solid 1px #f1f1f1;
    margin-bottom: 20px;
    padding: 20px;
}

#services .store {
  display: block;
  width: 100%;
}
#services .box:hover {
  background-color: #f1f1f1;
}
#services .store span.title {
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "League Medium", sans-serif;
  color: #293033;
  line-height: 1.4em;
  display: block;
}
#services .store span.address, #services .store span.phone {
  color: #7a7a7a;
  line-height: 30px;
  width: 100%;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  display: block;
}
#services .store span.address {
  margin-bottom: 5px;
}
#services .store span.phone {
  line-height: 32px;
}
#services .search-list .store-desktop span.address .icon {
    background-image: url(/assets/img/old-bg-sprite.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: -250px -140px;
}

#services .search-list .store-desktop span.phone .icon {
    background-image: url(/assets/img/old-bg-sprite.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: -280px -140px;
}

#services .store-desktop {
    display: block;
    width: 100%;
    border: solid 1px #f1f1f1;
    margin-bottom: 20px;
    padding: 20px;
}

    #services .store-desktop:hover {
        background-color: #f1f1f1;
    }

    #services .store-desktop span.title {
        margin-bottom: 20px;
        font-size: 14px;
        font-family: "League Medium", sans-serif;
        color: #293033;
        line-height: 1.4em;
        display: block;
    }

    #services .store-desktop span.address, #services .store-desktop span.phone {
        color: #7a7a7a;
        line-height: 30px;
        width: 100%;
        position: relative;
        padding-left: 30px;
        font-size: 14px;
        display: block;
    }

    #services .store-desktop span.address {
        margin-bottom: 5px;
    }

    #services .store-desktop span.phone {
        line-height: 32px;
    }
#services .stores-banner .banner-filter .search-result {
  display: none;
  padding: 0;
  width: 350px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 9999;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
#services .stores-banner .banner-filter .search-result.active {
  display: block !important;
}
#services .stores-banner .banner-filter .search-result p {
  color: #dc3c3c;
  font-size: 14px;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
}
#services .stores-banner .banner-filter .mCSB_scrollTools .mCSB_draggerContainer {
  border-left: solid 1px #e2e2e2;
}
#services .stores-banner .banner-filter .mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
#services .stores-banner .banner-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #f1f1f1;
  width: 10px;
  border-radius: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#services .stores-banner .banner-text {
  width: 790px;
  height: 448px;
  display: table;
  position: relative;
}
#services .stores-banner .banner-text div.txt {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 50px;
  position: relative;
  z-index: 2;
  z-index: -10;
}
#services .stores-banner .banner-text .banner-map {
  z-index: 1;
  position: absolute;
  left: 0;
  height: 448px;
}
#services .stores-banner .banner-text .banner-map iframe {
  border: 0;
  height: 448px;
  width: 100%;
}
#services .inner.store-list {
  padding-top: 30px;
  padding-bottom: 30px;
}
#services .inner.store-list p {
  margin-bottom: 10px;
}
#services .inner.store-list h2 {
  font-family: "League Bold", sans-serif;
  font-size: 22px;
  color: #293033;
  margin: 30px 0;
}
#services .inner.store-list .box-list {
  border: solid 1px #7a7a7a;
}
#services .inner.store-list .box-list ul {
  margin-bottom: 0;
  font-size: 0;
  height: 25%;
  float: left;
  width: 25%;
}
#services .inner.store-list .box-list ul li {
  margin-bottom: 0;
  float: left;
  width: 100%;
  border-right: solid 1px #7a7a7a;
  height: 100%;
}
#services .inner.store-list .box-list ul li a {
  display: block;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #7a7a7a;
}
#services .inner.store-list .box-list ul li a:hover, #services .inner.store-list .box-list ul li a.active {
  color: #fff;
  background-color: #293033;
}
#services .inner.store-list .box-list ul:nth-child(4) li {
  border-right: 0;
}
#services .second-store-search {
  line-height: 50px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
#services .second-store-search.active {
  height: 50px;
  overflow: initial;
}
#services .second-store-search .orText2 {
  float: left;
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  width: 160px;
}
#services .second-store-search input[type=button], #services .second-store-search input[type=submit] {
  float: left;
  border: 0;
  height: 50px;
  background-color: #dc3c3c;
  color: #fff;
  width: 145px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  background-position: 18px center;
  background-image: url(/assets/oldimg/loc-icon.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 28px 28px;
  -moz-background-size: 28px 28px;
  -o-background-size: 28px 28px;
  background-size: 28px 28px;
}
#services .second-store-search input[type=button].loc-btn, #services .second-store-search input[type=submit].loc-btn {
  width: 320px;
}
#services .second-store-search input[type=button].loc-btn:hover, #services .second-store-search input[type=submit].loc-btn:hover {
  background-color: #c92822;
}
#services .second-store-search input[type=button].src-store, #services .second-store-search input[type=submit].src-store {
  background-color: #293033;
  background-image: none;
}
#services .second-store-search .transformSelect {
  width: 255px;
  float: left;
  clear: none;
  margin-right: 10px;
}
#services .second-store-search .transformSelect li span {
  height: 50px;
  text-indent: 10px;
  padding: 0;
  margin: 0;
  line-height: 50px;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
  border-color: #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#services .second-store-search .transformSelect li ul {
  max-height: 200px;
  overflow: auto;
  border-color: #ccc;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#services .second-store-search .transformSelect li ul li span:hover {
  background-color: #f1f1f1;
}
#services .second-store-search .ui-selectmenu-button {
  width: 277px !important;
  float: left;
  margin-right: 20px;
}
#services .box-list {
  border: solid 1px #7a7a7a;
}
#services .box-list ul {
  padding: 0px;
  margin-bottom: 0;
  font-size: 0;
  height: 25%;
  float: left;
  width: 25%;
}
@media (max-width: 1200px) {
  #services .box-list ul {
    width: 100%;
  }
}
#services .box-list ul li {
  margin-bottom: 0;
  float: left;
  width: 100%;
  border-right: solid 1px #7a7a7a;
  height: 100%;
}
@media (max-width: 1200px) {
  #services .box-list ul li {
    border-bottom: solid 1px #7a7a7a;
  }
}
#services .box-list ul li a {
  display: block;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #7a7a7a;
}
#services .box-list ul li a:hover, #services .box-list ul li a.active {
  color: #fff;
  background-color: #293033;
}
#services .box-list ul:nth-child(4) li {
  border-right: 0;
}

#map-items {
  width: 100%;
  background-color: #fff;
  border-top: solid 1px #e2e2e2;
  margin-bottom: 24px;
}
#map-items .customScrollBarDiv {
  height: 400px;
}
#map-items .customScrollBarDiv .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
#map-items .customScrollBarDiv .mCSB_scrollTools .mCSB_draggerContainer {
  border-left: solid 1px #ccc;
}
#map-items .customScrollBarDiv .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#map-items .customScrollBarDiv .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 9px;
  background-color: #dfdfdf;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.map-wrap {
  position: relative;
  width: 70%;
  float: right;
}
@media (max-width: 768px) {
  .map-wrap {
    display: none;
  }
}
.map-wrap #map {
  height: 400px;
  width: 100%;
  float: right;
}

.banner-map {
  z-index: 1;
  position: absolute;
  left: 0;
  height: 448px;
}

.search-result-list {
  padding: 8px 0px;
}

.services-search-form {
  padding: 16px 0px;
}
.services-search-form input[type=button], .services-search-form button {
  border: 0;
  height: 50px;
  background-color: #dc3c3c;
  color: #fff;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  outline: 0px !important;
}
.services-search-form fieldset {
  margin: 0px 0px 16px;
}
.services-search-form .btn-getMap {
  outline: 0px;
  background-position: 5px center;
  text-indent: 25px;
  background-image: url(/assets/img/icon/loc-icon.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 28px 28px;
  -moz-background-size: 28px 28px;
  -o-background-size: 28px 28px;
  background-size: 28px 28px;
}
.services-search-form .btn-search {
  background-color: #293033 !important;
  color: #fff;
}

.orText2 {
  height: 130px;
  line-height: 130px;
  width: 100%;
  display: block;
  text-align: center;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
}

@media (max-width: 992px) {
  .horizontal-form {
    display: none;
  }
}
.horizontal-form input {
  max-width: 25%;
  float: left;
}
.horizontal-form fieldset {
  width: 20%;
  float: left;
  margin-right: 14px;
}
.horizontal-form .orText2 {
  width: 160px;
  float: left;
  height: auto;
  line-height: 50px;
}
.horizontal-form .btn-search {
  width: 145px !important;
}

@media (max-width: 992px) {
  .visible-mobile {
    display: table !important;
    width: 100%;
  }
  .hidden-mobile {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  #map {
    position: relative !important;
    margin: 16px 0px 24px;
  }
}

@media (max-width: 1200px) {
  #supports .container {
    width: 100%;
    padding: 0px;
    max-width: unset !important;
  }
}
#supports .tab-content p {
  margin-bottom: 8px;
}

.my-support-boxs {
  display: table;
  width: 100%;
  padding-bottom: 60px;
}
.my-support-boxs .support-link {
  padding-bottom: 25%;
  width: 25%;
  display: block;
  float: left;
  position: relative;
}
@media (max-width: 1200px) {
  .my-support-boxs .support-link {
    width: calc(100% / 3);
  }
}
.my-support-boxs .support-link.grey {
  background-color: #f1f1f1;
}
.my-support-boxs .support-link.white {
  background-color: #fff;
}
.my-support-boxs .support-link.red {
  background-color: #dc3c3c;
}
.my-support-boxs .support-link.dark {
  background-color: #293033;
}
.my-support-boxs .support-link.dark h3 {
  color: #fff !important;
}
.my-support-boxs .support-link .support-link-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  text-align: left;
}
.my-support-boxs .support-link .detail-link-view.icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 0px;
  float: none;
}
.my-support-boxs .support-link h3 {
  margin-top: 20px;
  font-family: "League Bold", sans-serif;
  font-size: 22px;
  line-height: 1.4em;
  color: #293033;
  height: 30px;
  margin-bottom: 30px;
}
.my-support-boxs .support-link h3 a {
  margin-top: 20px;
  font-family: "League Bold", sans-serif;
  font-size: 22px;
  line-height: 1.4em;
  color: #293033;
  height: 30px;
  margin-bottom: 30px;
}
.my-support-boxs .support-link p {
  line-height: 1.4em;
  color: #293033;
}
.my-support-boxs .support-link .detail-link-view {
  height: 30px;
  line-height: 30px;
  padding-left: 36px;
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.my-support-boxs .support-link .detail-link-view .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 5px;
  background-position: -282px -120px !important;
  margin-top: 0;
}
.my-support-boxs .support-link.red .detail-link-view, .my-support-boxs .support-link.dark .detail-link-view {
  color: #fff;
}
.my-support-boxs .support-link.red .detail-link-view .icon, .my-support-boxs .support-link.dark .detail-link-view .icon {
  background-position: -310px -120px !important;
}
.my-support-boxs .support-link.red h3 a, .my-support-boxs .support-link.dark h3 a, .my-support-boxs .support-link.red p a, .my-support-boxs .support-link.dark p a {
    color: #fff;
}
.my-support-boxs .support-link.my-order .icon {
  background-position: -210px 0;
}
.my-support-boxs .support-link.myrequests .icon {
  background-position: -250px 0;
}
.my-support-boxs .support-link.myaddresses .icon {
  background-position: -290px 0;
}
.my-support-boxs .support-link.myAccountInfo .icon {
  background-position: -330px 0;
}
.my-support-boxs .support-link.myproducts .icon {
  background-position: -370px 0;
}
.my-support-boxs .support-link.livesupport .icon {
  background-position: -410px 0;
}
@media (max-width: 1200px) {
  .my-support-boxs .support-link {
    padding-bottom: 40%;
  }
  .my-support-boxs .support-link .icon {
    margin-top: 16px;
  }
}
@media (max-width: 992px) {
  .my-support-boxs .support-link h3 {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
  }
  .my-support-boxs .support-link h3 a {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .my-support-boxs .support-link {
    width: 50%;
    padding-bottom: 250px;
  }
  .my-support-boxs .support-link .support-link-content {
    padding: 0px 16px;
  }
  .my-support-boxs .support-link .support-link-content p {
    display: none;
  }
  .my-support-boxs .support-link .detail-link-view {
    left: 16px;
    bottom: 16px;
  }
}

.support-link .support-link-content > .icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 5px;
  background-image: url(/assets/img/icon/support-panel-icons.svg);
  -webkit-background-size: 160px 160px;
  -moz-background-size: 160px 160px;
  -o-background-size: 160px 160px;
  background-size: 160px 160px;
  background-repeat: no-repeat;
  float: none;
}
.support-link.icon-1 .icon {
  background-position: 0 0;
}
.support-link.icon-2 .icon {
  background-position: -40px 0;
}
.support-link.icon-3 .icon {
  background-position: -80px 0;
}
.support-link.icon-4 .icon {
  background-position: -120px 0;
}
.support-link.icon-5 .icon {
  background-position: 0 -40px;
}
.support-link.icon-6 .icon {
  background-position: -40px -40px;
}
.support-link.icon-7 .icon {
  background-position: -80px -40px;
}
.support-link.icon-8 .icon {
  background-position: -120px -40px;
}
.support-link.icon-9 .icon {
  background-position: 0 -80px;
}
.support-link.icon-10 .icon {
  background-position: -40px -80px;
}
.support-link.icon-11 .icon {
  background-position: -80px -80px;
}
.support-link.icon-12 .icon {
  background-position: -120px -80px;
}
.support-link.icon-13 .icon {
  background-position: 0 -120px;
}
.support-link.icon-14 .icon {
  background-position: -40px -120px;
}
.support-link.icon-15 .icon {
  background-position: -80px -120px;
}
.support-link.icon-16 .icon {
  background-position: -120px -120px;
}
.support-link.icon-17 .icon {
  background-position: -120px -40px;
}
.support-link .box-content-wrap {
  visibility: visible;
  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;
}
.support-link .box-content-wrap > .icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 5px;
  background-image: url(/assets/img/icon/support-panel-icons.svg);
  -webkit-background-size: 160px 160px;
  -moz-background-size: 160px 160px;
  -o-background-size: 160px 160px;
  background-size: 160px 160px;
  background-repeat: no-repeat;
  float: none;
}
@media (max-width: 768px) {
  .support-link .box-content-wrap {
    visibility: hidden;
    opacity: 0;
    height: 0px;
  }
}
.support-link .box-content-wrap-hover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
.support-link .box-content-wrap-hover ul {
  list-style: none;
  padding: 0px;
}
.support-link .box-content-wrap-hover ul li {
  position: relative;
  position: relative;
  padding-left: 24px;
  margin: 16px 0px;
}
.support-link .box-content-wrap-hover ul li .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 5px;
  background-position: -282px -120px !important;
  margin-top: 0;
}
.support-link .box-content-wrap-hover ul li a {
  display: block;
  font-family: "League Medium", sans-serif;
  font-size: 15px;
  color: #293033;
}
.support-link .box-content-wrap-hover ul li a:hover {
  color: #dc3c3c;
}
@media (max-width: 768px) {
  .support-link .box-content-wrap-hover {
    visibility: visible;
    opacity: 1;
  }
}
.support-link:hover .box-content-wrap {
  visibility: hidden;
  opacity: 0;
  height: 0px;
}
.support-link:hover .box-content-wrap-hover {
  opacity: 1;
  visibility: visible;
}

.cozum-link {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
.cozum-link img {
  width: 100%;
}

#support-left-menu {
  margin: 32px 0px;
}
@media (max-width: 992px) {
  #support-left-menu {
    display: none;
  }
}
#support-left-menu ul {
  list-style: none;
  padding: 0px;
}
#support-left-menu li {
  display: block;
  width: 100%;
}
#support-left-menu li a {
  text-indent: 0;
  float: left;
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-bottom: solid 1px #dedede;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #7a7a7a;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#support-left-menu li a.active, #support-left-menu li a:hover {
  background-color: #293033;
  border-color: #fff;
  color: #fff;
  text-indent: 10px;
}

#live-support .btn-red-flat {
  padding: 0px 24px;
  display: table;
  margin-top: 16px;
}
@media (max-width: 1200px) {
  #live-support {
    padding: 40px 0px;
  }
}

.contact-form {
  width: 100%;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .contact-form {
    padding: 0px 32px;
  }
}
.contact-form textarea {
  width: 100%;
  padding: 10px;
  height: 180px;
  line-height: 1.4em;
}
.contact-form .c-checkbox {
  float: left;
  width: 100px;
  margin-top: 8px;
}
.contact-form fieldset {
  margin-bottom: 16px;
}
.contact-form .select-birthday .ui-selectmenu-button {
  width: 32.5%;
}
.contact-form .btn-red-flat {
  display: table;
  margin: auto;
  background-color: #dc3c3c;
  color: #fff;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  border: 0;
  float: right;
  padding: 0px 40px;
}
.contact-form .btn-red-flat {
  float: right;
}
.contact-form .phoneCode {
  width: 22%;
  display: inline-block;
}
.contact-form .phoneNumber {
  width: 75%;
  display: inline-block;
  float: right;
}

.two-select-column .v-dropdwon {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.two-select-column .v-dropdwon:last-child {
  margin-right: 0px;
}

.three-select-column .v-dropdwon {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.three-select-column .v-dropdwon:last-child {
  margin-right: 0px;
}

.full {
  width: 100% !important;
}

.warranty-box p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #7a7a7a;
  margin-bottom: 20px;
}

.warranty-box .nav-tabs {
  border-bottom: 0px !important;
}
.warranty-box ul li {
  width: 31%;
  margin: 1%;
}
@media (max-width: 640px) {
  .warranty-box ul li {
    width: 48%;
  }
  .warranty-box ul li a {
    padding-bottom: 100% !important;
  }
  .warranty-box ul li a .text {
    line-height: normal !important;
    margin-bottom: -70px !important;
  }
}
.warranty-box ul li:nth-child(3n+1) {
  margin-left: 0px;
}
.warranty-box ul li a {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background-color: #f2f2f2 !important;
  border: 0px !important;
  position: relative;
  display: block;
}
.warranty-box ul li a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -30px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.warranty-box ul li a .icon.icon-hover {
  opacity: 0;
}
.warranty-box ul li a .icon.icon-1 {
  background-position: -210px -492px;
}
.warranty-box ul li a .icon.icon-hover.icon-1 {
  background-position: -330px -552px;
}
.warranty-box ul li a .icon.icon-2 {
  background-position: -270px -492px;
}
.warranty-box ul li a .icon.icon-hover.icon-2 {
  background-position: -390px -552px;
}
.warranty-box ul li a .icon.icon-3 {
  background-position: -330px -492px;
}
.warranty-box ul li a .icon.icon-hover.icon-3 {
  background-position: -210px -612px;
}
.warranty-box ul li a .icon.icon-4 {
  background-position: -390px -492px;
}
.warranty-box ul li a .icon.icon-hover.icon-4 {
  background-position: -270px -612px;
}
.warranty-box ul li a .icon.icon-5 {
  background-position: -210px -552px;
}
.warranty-box ul li a .icon.icon-hover.icon-5 {
  background-position: -330px -612px;
}
.warranty-box ul li a .icon.icon-6 {
  background-position: -270px -552px;
}
.warranty-box ul li a .icon.icon-hover.icon-6 {
  background-position: -390px -612px;
}
.warranty-box ul li a .text {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  bottom: 50%;
  margin-bottom: -50px;
  text-align: center;
  color: #293033;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.warranty-box ul li a:hover, .warranty-box ul li a.active {
  background-color: #dc3c3c !important;
}
.warranty-box ul li a:hover .text, .warranty-box ul li a.active .text {
  color: #fff;
}
.warranty-box ul li a:hover .icon, .warranty-box ul li a.active .icon {
  opacity: 0;
}
.warranty-box ul li a:hover .icon-hover, .warranty-box ul li a.active .icon-hover {
  opacity: 1;
}

.warranty-table {
  width: 97%;
  margin: 50px 0;
}
.warranty-table .title {
  height: 50px;
  width: 100%;
  display: block;
  background-color: #293033;
}
.warranty-table .title .label {
  height: 50px;
  width: 20%;
  display: block;
  background-color: #293033;
  float: left;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 14px;
  padding: 0;
  text-align: center;
}
.warranty-table .values {
  float: left;
  border: solid 1px #ccc;
  min-height: 100px;
  width: 100%;
  display: block;
  border-top: 0;
}
.warranty-table .values * {
  font-size: 14px;
  float: left;
  color: #7a7a7a;
}
@media (max-width: 768px) {
  .warranty-table .values * {
    font-size: 12px;
  }
}
.warranty-table .values .prod-grp-name {
  height: 200px;
  width: 20%;
  border-right: solid 1px #ccc;
  line-height: 200px;
  text-align: center;
}
.warranty-table .values .values-box {
  height: 200px;
  width: 20%;
  border-right: solid 1px #ccc;
  text-align: center;
}
.warranty-table .values .values-box .item {
  float: none;
  display: table;
  width: -webkit-calc(100% + 1px);
  width: -moz-calc(100% + 1px);
  width: -o-calc(100% + 1px);
  width: calc(100% + 1px);
  height: 25%;
  border-bottom: solid 1px #ccc;
  text-align: center;
}
.warranty-table .values .values-box .item div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.warranty-table .values .values-box .item.no-border {
  border-bottom: 0;
}
.warranty-table .values .values-box .item a {
  float: none;
  color: #7a7a7a;
}
.warranty-table .values .values-box .item a:hover {
  color: #dc3c3c;
}
.warranty-table .values .values-box.no-border {
  border-right: 0;
}
.warranty-table .values .values-box.installation-info a {
  position: relative;
}
.warranty-table .values .values-box.installation-info a > div.custom-tooltip {
  position: absolute;
  width: 310px;
  line-height: 1.2em;
  left: -325px;
  top: 70%;
  margin-top: -30px;
}
@media (max-width: 540px) {
  .warranty-table .values .values-box.installation-info a > div.custom-tooltip {
    position: absolute;
    width: 250px;
    line-height: 1.2em;
    left: -265px;
    top: 70%;
    margin-top: -30px;
  }
}
.warranty-table .values .values-box.installation-info a > div.custom-tooltip > div.item {
  display: table;
  width: 100%;
  height: 60px;
  padding: 5px;
  margin: 0;
  background-color: #dc3c3c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.warranty-table .values .values-box.installation-info a > div.custom-tooltip > div.item div {
  margin: 0;
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.warranty-table .values .values-box.installation-info a > div.custom-tooltip .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #dc3c3c;
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -8px;
}

#tuketici-elektronik .warranty-table .values .prod-grp-name {
  height: 150px;
  line-height: 150px;
}
#tuketici-elektronik .warranty-table .values .values-box {
  height: 150px;
}
#tuketici-elektronik .warranty-table .values .values-box .item {
  height: 50px;
}

#beyaz-esya .warranty-table .values .prod-grp-name {
  height: 950px;
  line-height: 950px;
}
#beyaz-esya .warranty-table .values .values-box {
  height: 950px;
}
#beyaz-esya .warranty-table .values .values-box .item {
  height: 50px;
}

#kucuk-ev-aletleri .warranty-table .values .values-box .item {
  height: 20%;
}

.ankastre .warranty-table .values .prod-grp-name {
  height: 300px;
  line-height: 300px;
}
.ankastre .warranty-table .values .values-box {
  height: 300px;
}
.ankastre .warranty-table .values .values-box .item {
  height: 20%;
}

.bilisim .warranty-table .values {
  min-height: 50px;
}
.bilisim .warranty-table .values .prod-grp-name {
  height: 50px;
  line-height: 50px;
}
.bilisim .warranty-table .values .values-box {
  height: 50px;
}
.bilisim .warranty-table .values .values-box .item {
  height: 100%;
}

.telefon .warranty-table .values .prod-grp-name {
  height: 250px;
  line-height: 250px;
}
.telefon .warranty-table .values .values-box {
  height: 250px;
}

.ankastre .warranty-table .values .values-box .item {
  height: 20%;
}

#payment-option .payment-option {
  padding-bottom: 24px;
}
#payment-option h2 {
  font-family: "League Bold", sans-serif;
  font-size: 20px;
  color: #293033;
  margin: 16px 0px;
}
#payment-option .nav-item {
  width: 50%;
}
#payment-option .nav-link {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  color: #293033;
  background-color: #f4f4f4;
  border: 0px;
  border-radius: 0px;
  position: relative;
}
@media (max-width: 640px) {
  #payment-option .nav-link {
    height: auto;
    line-height: 1.6em;
    padding: 8px 0;
    white-space: normal;
    font-size: 16px;
    font-family: "League Medium", sans-serif;
  }
}
#payment-option .nav-link:after {
  content: " ";
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -10px;
  background-position: -20px -520px;
  width: 24px;
  height: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#payment-option .nav-link.active {
  background-color: #dc3c3c;
  color: #fff;
}
#payment-option .nav-link.active:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#payment-option .campaign-list {
  list-style: none;
}
#payment-option .campaign-list li {
  float: left;
  width: 100%;
  margin: 16px 0px;
}
#payment-option .campaign-list li.mr0 {
  margin-right: 0;
}
#payment-option .campaign-list li img {
  float: left;
}
#payment-option .campaign-list li h4 {
  font-family: "League Medium", sans-serif;
  margin-bottom: 10px;
  font-size: 22px;
  color: #293033;
}
#payment-option .campaign-list li .campaign-img {
  float: left;
  margin-right: 15px;
  width: 25%;
}
#payment-option .campaign-list li .campaign-img img {
  max-width: 100%;
}
@media (max-width: 992px) {
  #payment-option .campaign-list li .campaign-img {
    width: 100%;
  }
  #payment-option .campaign-list li .campaign-img img {
    margin: auto;
    display: table;
    float: none;
  }
}
#payment-option .campaign-list li .campaign-desc {
  float: left;
  width: 70%;
}
#payment-option .campaign-list li .campaign-desc p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  color: #797979;
}
@media (max-width: 992px) {
  #payment-option .campaign-list li .campaign-desc {
    width: 100%;
  }
}
#payment-option .campaign-list li .shortdesc {
  float: left;
  width: 100%;
  height: 170px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  position: relative;
}
#payment-option .campaign-list li .shortdesc strong {
  float: left;
  width: 100%;
  height: 84px;
  line-height: 21px;
  overflow: hidden;
}
#payment-option .campaign-list li .shortdesc .campaign-date {
  background-color: #fff;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  position: absolute;
  bottom: 30px;
  margin-bottom: 0;
  left: 20px;
  color: #000;
  box-shadow: none;
  border: solid 1px #dedede;
  border-radius: 3px;
  min-width: 135px;
  text-align: center;
  min-width: inherit;
}
#payment-option .campaign-list li .shortdesc .campaign-date .label {
  position: absolute;
  bottom: -20px;
  height: 20px;
  line-height: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 12px;
  left: 0;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
#payment-option .campaign-list li .shortdesc .detail-btn {
  position: absolute;
  right: 20px;
  bottom: 16px;
  background-color: #df2027;
  color: #fff;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  letter-spacing: 2px;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
#payment-option .campaign-list li .shortdesc .detail-btn:hover {
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}
#payment-option h3 {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #293033;
  margin: 16px 0px 10px;
}
#payment-option h3 a {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #293033;
  margin: 16px 0px 10px;
}
.installment-loans {
  border: solid 1px #ccc;
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.installment-loans tr td {
  border: solid 1px #ccc;
  text-align: center;
  vertical-align: middle;
  height: 50px;
}

.installment-loans tr td img {
  margin: 20px 10px;
}

.installment-loans.mobile-view {
  display: none !important;
}

.installment-loans.mobile-view tr td {
  text-align: left;
  text-indent: 10px;
}

.installment-loans.mobile-view tr:first-child td {
  text-align: center;
}

.installment-loans.mobile-view tr:first-child td img {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .installment-loans {
    display: none;
  }

  .installment-loans.mobile-view {
    display: block !important;
  }
}
.profile-content p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #7a7a7a;
  margin-bottom: 20px;
}
.profile-content p a {
  font-weight: 700;
  color: #000;
}
.profile-content img {
  max-width: 100%;
}
.profile-content h2 {
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #293033;
}
.profile-content h2 .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  float: left;
  width: 10px;
  height: 10px;
  background-position: -90px -70px;
  margin-right: 4px;
  margin-top: 4px;
}
.custom-tabbar .nav-tabs{
    border-bottom:none;
}
.custom-tabbar .nav-item svg {
    height: 24px;
    position: relative;
    top: 10px;
}
.custom-tabbar .nav-item svg path{
    fill: rgb(74, 74, 74)
}
.custom-tabbar .nav-item {
  width: 50%;
  padding: 0!important;
  margin: 0!important;
  text-align:center;
}
.custom-tabbar .nav-item:hover {
    background-color: #656565;
}
.custom-tabbar .nav-item:hover a span{
    color: #fff;
}
.custom-tabbar .nav-item:hover svg path{
    fill: #fff;
}
.custom-tabbar .nav-item.active {
    background-color: #e61e29;
}
.custom-tabbar .nav-item.active a span{
    color:#fff;
}
.custom-tabbar .nav-item.active svg path{  
    fill:#fff;
}
.custom-tabbar .nav-link.active {
    color:#fff;
    background:none;
}
@media (max-width:991px) {
    .custom-tabbar .nav-item {
        text-align: initial;
        border: 1px solid;
        display: flex;
        border-bottom: none;
        display: none;
    }
    .custom-tabbar .nav-item.active {
       display:flex;
    }
    .custom-tabbar .nav-item:last-child {
        border-bottom: 1px solid;
    }
    .custom-tabbar .nav-item a , .custom-tabbar .nav-item svg{
        text-align:left;
        margin-left:40px;
    }
    .custom-tabbar .nav-item:last-child a{
        margin-left:51px;
    }
    custom-tabbar .nav-tabs{
        position:relative;
    }
    .nav-tabs .down-arrow {
        display: block !important;
        position: absolute;
        top: 15px;
        right: 25px;
        z-index: 1;
        font-size: 25px;
        color: white;
    }
}
.custom-tabbar .nav-link {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-family: "League Medium", sans-serif;
    font-size: 16px;
    color: #293033;
    /*background-color: #f4f4f4;*/
    border: 0px;
    border-radius: 0px;
    position: relative;
}
.custom-tabbar .nav-link:after {
  /*content: " ";*/
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -10px;
  background-position: -20px -520px;
  width: 24px;
  height: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
/*.custom-tabbar .nav-link.active {
  background-color: #dc3c3c;
  color: #fff;
}*/
.custom-tabbar .nav-link.active:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.form-seperator {
  padding: 16px;
  display: table;
  width: 100%;
}
.form-seperator h2 {
  font-size: 18px;
  color: #293033;
}
.form-seperator p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #7a7a7a;
  margin-bottom: 20px;
}

.autoWidth {
  width: auto !important;
}

#sssAccordion .ui-accordion-header {
  height: auto;
  border: 0;
  padding: 0;
  padding-left: 40px;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  line-height: 1.9em;
  color: #293033;
  background-color: #fff;
  padding-bottom: 0px;
}
#sssAccordion .ui-accordion-header .icon {
  background-image: url(/assets/img/old-bg-sprite.svg) !important;
  position: absolute;
  left: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  background-position: -210px -312px !important;
  margin-top: 0px;
}
#sssAccordion .ui-accordion-header.ui-state-active {
  color: #dc3c3c;
}
#sssAccordion .ui-accordion-header.ui-state-active .icon {
  background-position: -250px -352px !important;
}
#sssAccordion .ui-accordion-content {
  background: none;
  border: 0px;
  padding: 0px 0em !important;
}

.privacy-boxs .support-link {
  width: 33.3%;
  padding-bottom: 33%;
}
@media (max-width: 992px) {
  .privacy-boxs .support-link {
    width: 50%;
    padding-bottom: 50%;
  }
  .privacy-boxs .support-link .support-link-content {
    padding: 16px;
  }
}
.privacy-boxs .support-link h3 {
  font-size: 20px !important;
}
.privacy-boxs .support-link .support-link-content > .icon {
  margin-top: 0;
  background-image: url(/assets/img/contact-icon-bg.svg);
  -webkit-background-size: 120px 80px;
  -moz-background-size: 120px 80px;
  -o-background-size: 120px 80px;
  background-size: 120px 80px;
}
.privacy-boxs .support-link .support-link-content > .icon.icon-4 {
  background-position: -80px 0;
}
.privacy-boxs .red h3 {
  color: #fff !important;
}
.privacy-boxs .red h3 a {
  color: #fff !important;
}
 
#map .icon {
  display: none;
}

.ui-accordion-content {
  overflow: hidden !important;
}

.live-box {
  color: #7a7a7a;
}

@media (max-width: 992px) {
  .contractsBox {
    padding: 0px !important;
  }
  .contractsBox .box-content-wrap-hover li {
    margin: 0px !important;
  }
}
.checkboxInlinePopup .c-checkbox {
  width: auto;
}
.checkboxInlinePopup .label-desc {
  float: left;
  position: relative;
  top: 8px;
  font-family: "League Regular", sans-serif;
}
.checkboxInlinePopup .label-desc a {
  font-weight: 700;
  color: #222;
  text-decoration: underline;
}
#campaignsDetail img {
  max-width: 100%;
}
#campaignsDetail .article {
  padding: 16px 0px;
}
#campaignsDetail .article img {
  width: 100%;
}
#campaignsDetail.teknoloji .article img {
  width: auto;
}
#campaignsDetail .article p {
  color: #000;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}
#campaignsDetail .article h1 {
  font-family: "League Bold", sans-serif;
  font-size: 28px;
  color: #4a4a4a;
  line-height: 36px;
  float: left;
  width: 100%;
  margin: 16px 0px;
}
#campaignsDetail .findStore {
  height: auto;
  margin-top: 90px;
}
#campaignsDetail .findStore .form-wrap {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 100%;
  margin-top: 1%;
}

.campaign-sidebar {
  margin: 16px 0px;
}
@media (max-width: 1200px) {
  .campaign-sidebar {
    margin-bottom: 120px;
  }
}

.camp-slider-wrap {
  border: solid 1px #dedede;
}
.camp-slider-wrap .bx-wrapper {
  box-shadow: none;
  border: 0px;
  margin-bottom: 0px;
}
.camp-slider-wrap .bx-controls-direction {
  display: table;
  width: 100%;
  position: absolute;
  padding: 16px 0px;
  bottom: -60px;
}
.camp-slider-wrap .bx-pager {
  margin-bottom: -40px;
}
.camp-slider-wrap .bx-pager .bx-pager-item .active {
  font-family: "League Bold", sans-serif !important;
}
.camp-slider-wrap .bx-prev {
  text-indent: -9999px;
  text-align: inherit;
  width: 40px;
  height: 40px;
  background-image: url(/assets/img/bg-sprite.svg) !important;
  background-position: -60px -96px !important;
  transition-duration: 0.1s;
  left: 40px;
}
.camp-slider-wrap .bx-next {
  background-position: -100px -96px !important;
  text-indent: -9999px;
  text-align: inherit;
  width: 40px !important;
  height: 40px !important;
  right: 40px;
  background-image: url(/assets/img/bg-sprite.svg) !important;
  transition-duration: 0.1s;
}
.camp-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  text-indent: 1px !important;
  display: table;
  padding: 0px;
  line-height: 30px;
  font-size: 26px;
  color: #000;
  height: 30px;
  line-height: 30px;
  font-family: "League Regular", sans-serif;
  margin: 8px;
}

.product-item-wrap .detail {
  padding: 0px 16px;
}
.product-item-wrap .btn-detail {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  background-color: #df2027;
  display: table;
}
.product-item-wrap .product-item-head {
  margin: 0px auto;
  padding: 0px 16px;
  display: table;
  width: 100%;
  text-align: center;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.product-item-wrap img {
  display: table;
  float: left;
  width: 100%;
  height: auto;
}
.product-item-wrap .name {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-family: "League Medium", sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 1.4em;
    margin: 16px auto;
    display: table;
    min-height: 44px;
    max-height: 44px;
}
.product-item-wrap .price-box {
  display: table;
  padding: 16px 0px;
  margin: auto;
  font-size: 18px;
}
.product-item-wrap .discount-price {
  font-family: "League Light", sans-serif;
  text-decoration: line-through;
}
.product-item-wrap .price {
  display: inline-block;
  color: #000;
  font-family: "League Bold", sans-serif;
  margin: 0 5px;
}

.camp-bottom .detail-btn {
  float: right;
}
.camp-bottom .campaign-date {
  float: left;
}
.camp-bottom .campaign-date .text {
  /*position: absolute;*/
  bottom: 10px;
  line-height: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  left: 50px;
}
.camp-bottom .campaign-date .date {
  background-color: #fff;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  /*position: absolute;
  bottom: 30px;*/
  padding: 4px 16px;
  /*padding: 0px 16px;*/
  margin-bottom: 0;
  /*left: 20px;*/
  color: #000;
  box-shadow: none;
  border: solid 1px #dedede;
  border-radius: 3px;
  text-align: center;
}

.content-popup {
  padding: 16px;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}
.content-popup h1 {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-bottom: 8px;
  height: 50px;
  line-height: 50px;
}
.content-popup h3 {
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  color: #293033;
  margin-bottom: 10px;
}

.confirm .icon, .alert .icon, .success-msg .icon {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-image: url(/assets/oldimg/popup-icon-sprite.svg);
  -webkit-background-size: 180px;
  -moz-background-size: 180px;
  -o-background-size: 180px;
  background-size: 180px;
}

.alert .icon {
  background-position: 0 0;
}

.success-icon {
  background-position: 0 0;
}

.confirm .icon, .alert .icon, .success-msg .icon {
  ​​​​​​​display: inline-block;
  width: 90px;
  height: 90px;
  background-image: url(/assets/img/popup-icon-sprite.svg);
  -webkit-background-size: 180px;
  -moz-background-size: 180px;
  -o-background-size: 180px;
  background-size: 180px;
}

.media-boxs {
  display: table;
  width: 100%;
  padding-bottom: 60px;
}
.media-boxs .media-link {
  padding-bottom: 33.33%;
  width: 33.3%;
  display: block;
  float: left;
  position: relative;
}
.media-boxs .media-link.grey {
  background-color: #f1f1f1;
}
.media-boxs .media-link.white {
  background-color: #fff;
}
.media-boxs .media-link.red {
  background-color: #dc3c3c;
}
.media-boxs .media-link.dark {
  background-color: #293033;
}
.media-boxs .media-link .media-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  text-align: left;
}
.media-boxs .media-link .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 40px;
  float: none;
}
.media-boxs .media-link h3 {
  font-family: "League Bold", sans-serif;
  font-size: 32px;
  line-height: 1.4em;
  color: #293033;
  margin-bottom: 10px;
  margin-top: 20px;
}
.media-boxs .media-link p {
  line-height: 1.4em;
  color: #293033;
}
.media-boxs .media-link .detail-link-view {
  height: 30px;
  line-height: 30px;
  padding-left: 16px;
  color: #293033;
  font-family: "League Medium", sans-serif;
  font-size: 15px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  letter-spacing: 1px;
}
.media-boxs .media-link .detail-link-view .icon {
  background-image: url(/assets/img/old-bg-sprite.svg) !important;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0px;
  margin-top: 4px;
  background-position: -290px -120px !important;
}
.media-boxs .media-link.red .detail-link-view, .media-boxs .media-link.dark .detail-link-view {
  color: #fff;
}
.media-boxs .media-link.red .detail-link-view .icon, .media-boxs .media-link.dark .detail-link-view .icon {
  background-position: -310px -120px !important;
}
.media-boxs .media-link.red h3, .media-boxs .media-link.dark h3, .media-boxs .media-link.red p, .media-boxs .media-link.dark p {
  color: #fff;
}
.media-boxs .media-link.newsletter .icon {
  background-position: -210px -272px;
}
.media-boxs .media-link.images .icon {
  background-position: -290px -272px;
}
.media-boxs .media-link.videos .icon {
  background-position: -370px -272px;
}
.media-boxs .media-link.reports .icon {
  background-position: -410px -272px;
}
.media-boxs .media-link.logos .icon {
  background-position: -330px -272px;
}
@media (max-width: 1200px) {
  .media-boxs .media-link {
    padding-bottom: 40%;
  }
  .media-boxs .media-link .icon {
    margin-top: 16px;
  }
}
@media (max-width: 992px) {
  .media-boxs .media-link h3 {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
  }
}
@media (max-width: 992px) {
  .media-boxs .media-link {
    width: 50%;
    padding-bottom: 250px;
  }
  .media-boxs .media-link .media-content {
    padding: 0px 16px;
  }
  .media-boxs .media-link .media-content p {
    display: none;
  }
  .media-boxs .media-link .detail-link-view {
    left: 16px;
    bottom: 16px;
  }
}

@media (max-width: 1200px) {
  #media .container {
    max-width: unset;
    padding: 0px;
  }
}

.newsletter-list-wrap ul {
  list-style: none;
  padding: 0px;
}
.newsletter-list-wrap ul li {
  display: table;
  width: 100%;
  margin-bottom: 32px;
}
.newsletter-list-wrap ul figure {
  float: left;
  width: 35%;
}
@media (max-width: 992px) {
  .newsletter-list-wrap ul figure {
    width: 100%;
  }
}
.newsletter-list-wrap ul figure img {
  max-width: 100%;
  margin: auto;
  display: table;
}
.newsletter-list-wrap ul .text {
  float: left;
  width: 65%;
  padding: 0px 16px;
}
@media (max-width: 992px) {
  .newsletter-list-wrap ul .text {
    width: 100%;
  }
}
.newsletter-list-wrap ul .text h3 {
  font-family: "League Bold", sans-serif;
  font-size: 24px;
  color: #293033;
  margin-top: 0;
  line-height: 1.4em;
  margin-bottom: 16px;
}
.newsletter-list-wrap ul .text p {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #7a7a7a;
  margin-bottom: 20px;
}
.newsletter-list-wrap ul .text a {
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  height: 50px;
  line-height: 50px;
  border: solid 1px #293033;
  color: #293033;
  font-family: "League Medium", sans-serif;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 0 50px;
  padding-right: 20px;
}
.newsletter-list-wrap ul .text a .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-position: -210px -40px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  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;
}
.newsletter-list-wrap ul .text a .icon-hover {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-position: -240px -40px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.newsletter-list-wrap ul .text a:hover {
  background-color: #293033;
  color: #fff;
}
.newsletter-list-wrap ul .text a:hover .icon {
  opacity: 0;
}
.newsletter-list-wrap ul .text a:hover .icon-hover {
  opacity: 1;
}
.video-list-wrap img {
  width: 100%;
}
.video-list-wrap ul {
  padding: 0px 0px 32px;
  list-style: none;
}
.video-list-wrap ul a {
  display: table;
  text-decoration: none;
}
.video-list-wrap ul a figure {
  width: 100%;
}
.video-list-wrap ul a figure img {
  width: 100%;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.video-list-wrap ul a span {
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #293033;
  margin-top: 5px;
  line-height: 20px;
  display: block;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  margin-bottom: 16px;
}
.video-list-wrap ul a:hover figure img {
  opacity: 1;
}
.video-list-wrap ul a:hover span {
  color: #dc3c3c;
}

.images-list-wrap ul {
  padding: 0px;
  list-style: none;
}
.images-list-wrap ul .name {
  float: left;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #293033;
  margin-top: 0;
  height: 50px;
  line-height: 50px;
  display: block;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.images-list-wrap ul .download {
  background-image: url(/assets/img/old-bg-sprite.svg);
  float: right;
  width: 50px;
  height: 50px;
  background-position: -330px -432px;
}
.images-list-wrap ul figure {
  width: 100%;
}
.images-list-wrap ul figure img {
  width: 100%;
}

.faaliyet-list-wrap {
  padding: 0px 0px 32px;
}
.faaliyet-list-wrap ul {
  list-style: none;
  padding: 0px;
}
.faaliyet-list-wrap ul a:hover {
  color: #2e2e2e;
}

#mediaDetail .profile-content {
  margin: 0px;
}
#mediaDetail img {
  max-width: 100%;
}
#mediaDetail .article {
  padding: 16px 0px;
}
#mediaDetail .article img {
  width: 100%;
}
#mediaDetail .article p {
  color: #000;
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}
#mediaDetail .article h1 {
  font-family: "League Bold", sans-serif;
  font-size: 28px;
  color: #4a4a4a;
  line-height: 36px;
  float: left;
  width: 100%;
  margin: 16px 0px;
}

#document .my-support-boxs {
  margin: 32px 0px;
}
#document .my-support-boxs .detail-link-view {
  padding-left: 24px;
}
#document .my-support-boxs .corporateLink .download-icon {
  background-image: url(/assets/img/download.svg) !important;
  background-size: 40px 80px !important;
  background-position: 0 0;
}

.v-taksit ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.v-taksit ul h4 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

#lookBook {
  background: #3a3a3a;
  display: table;
  width: 100%;
  min-height: 300px;
  z-index: 9;
  position: relative;
}

.lookBook {
  position: relative;
}
.lookBook img {
  width: 100%;
}

.lookBookProductItem figure img {
  width: 100%;
}

.lookBookProductItem {
  width: 100% !important;
  max-width: 100%;
  display: inline-block;
  background: #fff;
}
@media (max-width: 768px) {
  .lookBookProductItem {
    width: 100%;
    height: 89vh;
    overflow: scroll;
    display: inline-block !important;
  }
}
.lookBookProductItem figure {
  width: 35%;
  float: left;
  padding: 8px;
}
.lookBookProductItem figure img {
  width: 100%;
}
.lookBookProductItem .product-detail {
  width: 60%;
  float: left;
  padding: 8px;
}
.lookBookProductItem .product-detail h3 {
  float: left;
  width: 100%;
  font-family: "League Bold", sans-serif;
  font-size: 26px;
  color: #404040;
}
.lookBookProductItem .features {
  padding: 0px;
  margin: 0px;
  list-style: none;
  color: #242424;
}
.lookBookProductItem .features li {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  color: #2e2e2e;
  vertical-align: middle;
}
.lookBookProductItem .features li span {
  display: inline-block;
  width: 8px;
  height: 4px;
  background-color: #df2027;
  margin-right: 20px;
  margin-bottom: 3px;
  box-shadow: 0 3px 8px 0 rgba(223, 32, 39, 0.2);
}
.lookBookProductItem .price {
  font-family: "League Bold", sans-serif;
  font-size: 30px;
  color: #df2027;
  margin-top: 8px;
  display: table;
}
.lookBookProductItem .btn-red-outline {
  color: #df2027;
  width: 270px;
  box-sizing: border-box;
  height: 50px;
  border: solid 2px #df2027;
  padding-left: 0;
  line-height: 46px;
  text-align: center;
  letter-spacing: 2px;
  margin-right: 0;
}
.lookBookProductItem .buttons {
  display: table;
  width: 100%;
  margin-top: 8px;
}
@media (max-width: 992px) {
    .lookBookProductItem .buttons {
        display: block;
    }

    .lookBookProductItem .btn {
        width: 47.5% !important;
        font-size: 10px !important;
        padding: 12px 0px !important;
    }
}
.itemBottom .priceT span {
    font-size:17px !important;
}
@media (max-width: 992px) {
    .itemBottom .bottomAction {
        display: flex;
        background: #efefef;
        width: 100%;
        flex: 1;
        justify-content: center;
        padding: 8px;
    }
    .hide-on-m {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .hide-on-lg {
        display: none !important;
    }
}


.lookBookProductItem .btn {
  font-family: "League Medium", sans-serif;
  outline: 0px !important;
  padding: 12px 20px;
  width: auto;
  height: auto;
  line-height: normal;
  font-size: 15px;
  letter-spacing: 0.4px !important;
  float: left;
  border-radius: 0px;
  border: solid 2px #df2027;
  margin: 8px 4px 8px 0px;
}
.lookBookProductItem .btn:first-child {
  margin-left: 0px;
}

.lookBook {
  position: relative;
}
.lookBook .lookBookImageWrap {
  color: #fff;
}
.lookBook .lookBookImageWrap .itemLink {
  cursor: pointer;
  font-size: 19px;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  -webkit-transition: transform 150ms ease 0ms;
  transition: transform 150ms ease 0ms;
  color: #fff;
}
.lookBook .lookBookProductItem {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.lookBook .lookBookProductItem .close-btn {
  background: #000;
  top: -40px;
  right: 0px;
  position: absolute;
  left: unset;
}
@media (max-width: 768px) {
  .lookBook .lookBookProductItem {
    top: 100% !important;
    left: 0px !important;
  }
}
.lookBook .lookBookProductItem.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .lookBook .lookBookProductItem.active {
    position: fixed;
    z-index: 999999;
    top: 60px !important;
  }
}
.lookBook .lookBookProductItem.position-left {
  left: 50%;
}
@media (max-width: 768px) {
  .lookBook .lookBookProductItem.position-left {
    left: 0px;
  }
}
.lookBook .lookBookProductItem.position-right {
  right: 50%;
}
@media (max-width: 768px) {
  .lookBook .lookBookProductItem.position-right {
    right: 80%;
  }
}
.lookBook .lookBookProductItem.position-bottom {
  bottom: 100%;
}
@media (max-width: 768px) {
  .lookBook .lookBookProductItem.position-bottom {
    bottom: unset;
    top: 40px;
  }
}
.lookBook .productItemPreview {
  position: absolute;
}
@media (max-width: 768px) {
  .lookBook .productItemPreview {
    width: 100%;
  }
}

.close_Btn {
  position: absolute;
  right: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: left;
  font-size: 24px;
  top: -32px;
  color: #fff;
}
.close_Btn i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.add-basket-set-wrap {
  display: table;
  float: right;
  width: 25%;
  margin-top: 8px;
  padding-right: 8px;
}
@media (max-width: 1200px) {
  .add-basket-set-wrap {
    width: 100%;
  }
}
.add-basket-set-wrap .btn {
  width: 100% !important;
  padding: 10px 20px !important;
}
.add-basket-set-wrap span {
  display: table;
  width: 100%;
  font-family: "League Medium", sans-serif;
}
.add-basket-set-wrap span.price-title {
  color: #6d6d6d;
  font-size: 16px;
  line-height: 20px;
}
.add-basket-set-wrap span.discount-price {
  font-size: 19px;
  color: #b4b4b4;
  line-height: 24px;
  text-decoration: line-through;
}
.add-basket-set-wrap span.totalPrice {
  font-size: 28px !important;
  color: #464646;
}

.productListWrap {
  width: 75%;
  float: left;
}
@media (max-width: 1200px) {
  .productListWrap {
    width: 100%;
  }
}

.wrap-d {
  padding: 0px;
  display: table;
  height: 150px;
}
.wrap-d figure {
  width: 100%;
  display: table;
}

.itemTop img {
  border: 1px solid #ececec;
}

.itemBottom {
  padding: 4px 16px 32px;
  display: table;
  width: 100%;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.itemBottom .bx-wrapper .bx-controls-auto, .itemBottom .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
@media (max-width: 992px) {
 
}
.itemBottom ul {
  list-style: none;
  padding: 4px 0px 0px;
  margin: 32px 0px 8px;
  width: 100%;
  display: table;
  margin: 0px;
  width: 70%;
}
.itemBottom ul li {
  text-align: center;
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  /** &:after{
      position: absolute;
      content: "+";
      font-family: "League Medium", sans-serif;
      color: #df2027;
      font-size: 50px;
      top: 40%;
      left: 90%;
      @media (max-width: 992px) {
        position: relative;
  content: "+";
  font-family: "League Medium", sans-serif;
  color: #df2027;
  font-size: 50px;
  top: 40%;
  left: 90%;
  top: 15px;
  left: auto;
      }
    } **/
  content: "+";
  font-family: "League Medium", sans-serif;
  color: #df2027;
  font-size: 52px;
  top: 40%;
  left: 90%;
}
@media (max-width: 768px) {
  .itemBottom ul li {
    width: 100%;
    margin-bottom: 16px;
  }
}
.itemBottom ul li:last-child:after {
  display: none;
}
.itemBottom ul li figure {
  width: 50%;
  float: left;
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .itemBottom ul li figure img {
    max-width: 150px;
  }
}
.itemBottom ul li figure img {
  width: 100%;
  border: 1px solid #d8d8d8;
}
.itemBottom ul li .priceT {
  display: table;
}
.itemBottom ul li .priceT span {
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  color: #000;
  margin-top: 8px;
}
.itemBottom ul li .box-abt {
  float: left;
  width: 40%;
}
.itemBottom ul li .box-abt h3 {
  font-size: 19px;
  padding: 8px 4px 4px 0px;
  text-align: left;
  color: #404040;
  font-weight: 700;
  font-family: "League Bold", sans-serif;
  margin: 0px;
}
.itemBottom .bottomAction {
    display: table;
    float: right;
    padding-bottom: 16px;
    margin: auto;
}
.bottomAction-m {
    display: block;
    background: #efefef;
    width: 100%;
    flex: 1;
    justify-content: center;
    padding: 8px;
    overflow: hidden;
    text-align:center
}
    .bottomAction-m .totalPrice {
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
    }
    .bottomAction-m .btn-set-add-cart {
        width:100% !important;
        margin:0 !important;
        float:none !important;
        padding-right:0 !important;
        display:inline-block;
    }
.desktop-another-lkbkproduct {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 3%;
    margin: 0;
    overflow: hidden;
}
.mobile-another-lkbkproduct {
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 3%;
    margin: 0;
    overflow: hidden;
}
.mobile-another-lkbkproduct h4 {
    font-size: 16px !important;
}
.itemBottom .bottomAction .totalPrice {
    font-family: "League Bold", sans-serif;
    font-size: 28px;
    color: #000;
    margin-top: 11px;
    float: left;
    padding: 8px;
    margin-right: 8px;
}

    .bottomAction-m .totalPrice {
        font-family: "League Bold", sans-serif;
        font-size: 16px;
        color: #000;
        margin-top: 11px;
        float: left;
        padding: 8px;
        margin-right: 8px;
    }

    .itemBottom .bottomAction .btn, .bottomAction-m .btn {
        float: left;
        padding: 16px !important;
        border: 0px;
    }

#vestelIadePage {
  /* basic fonts, required */
  /*
  Theme Name: Vestelgram
  Theme URI: https://vestel.com.tr/
  Author: Voden 
  Description: Vestel, Agu, 2020. 
  Version: 1.0
  License: All rights reserved
  */
  /* main structure */
  /* pure alignment */
  /*
  h1, h2 ,h3, h4, h5, h6 {margin: 0;line-height: 1.3}  
  p {margin: 0}
  p + p,  p + div, div + p, p + ul, ul + p, p + ol, ol + p, p + blockquote, blockquote + p, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + div, h2 + div, h3 + div, h4 + div, h5 + div, h6 + div, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6, h2 + ul, ul + h2, h3 + ul, ul + h3, h4 + ul, ul + h4  {margin-top:20px}
  p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, div + h1, div + h2, div + h3, div + h4, div + h5, div + h6, h2 + section, h3 + section, h4 + section, section + h2, section + h3, section + h4, p + iframe, iframe + p {margin-top: 36px}
  iframe[src*=youtube] + div, iframe[src*=youtube] + p, iframe[src*=youtube] + h2, iframe[src*=youtube] + h3, iframe[src*=youtube] + h4, div + iframe[src*=youtube], p + iframe[src*=youtube], h2 + iframe[src*=youtube], h3 + iframe[src*=youtube], h4 + iframe[src*=youtube] {margin-top:36px}
  iframe[src*=vimeo] + div, iframe[src*=vimeo] + p, iframe[src*=vimeo] + h2, iframe[src*=vimeo] + h3, iframe[src*=vimeo] + h4, div + iframe[src*=vimeo], p + iframe[src*=vimeo], h2 + iframe[src*=vimeo], h3 + iframe[src*=vimeo], h4 + iframe[src*=vimeo] {margin-top:36px}
  section + section, main + footer, header + main, section + main, div + main, main + div, section + h2, h2 + section  {margin-top:4vw} */
  /* ## main structure */
  /* flex columns */
  /* flex auto columns */
  /* ## flex columns */
  /* page widths */
  /*size auto*/
  /* text format */
  /*margin global*/
  /* font sizes */
  /*links */
  /* inputs */
  /* grid general */
  /* slick slider */
  /*article*/
  /* mobile slide menu */
  /* search */
  /* transitions */
  /* display */
  /* multiselect */
  /** responsive **/
  /* basic layout, required */
  /* welcome */
  /* mobile */
  /* transitions */
}
  #vestelIadePage {
    font-family: "Gotham";
    src: url(/assets/styles/Gotham.eot?#iefix) format("embedded-opentype"), url(/assets/styles/Gotham.otf) format("opentype"), url(/assets/styles/Gotham.woff) format("woff"), url(/assets/styles/Gotham.ttf) format("truetype"), url(/assets/styles/Gotham.svg#Gotham) format("svg");
    font-weight: normal;
    font-style: normal;
  }
  #vestelIadePage {
    font-family: "Gotham Bold";
    src: url(/assets/styles/Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/styles/Gothambold.otf) format("opentype"), url(/assets/styles/Gotham-Bold.woff) format("woff"), url(/assets/styles/Gotham-Bold.ttf) format("truetype"), url(/assets/styles/Gotham-Bold.svg#Gotham-Bold) format("svg");
    font-weight: normal;
    font-style: normal;
  }

  #vestelIadePage {
    font-family: "Gotham Thin";
    src: url(/assets/styles/Gotham-Book.eot?#iefix) format("embedded-opentype"), url(/assets/styles/Gotham-Book.otf) format("opentype"), url(/assets/styles/Gotham-Book.woff) format("woff"), url(/assets/styles/Gotham-Book.ttf) format("truetype"), url(/assets/styles/Gotham-Book.svg#Gotham-Book) format("svg");
    font-weight: normal;
    font-style: normal;
  }

#vestelIadePage * {
  box-sizing: border-box;
}
#vestelIadePage :focus {
  outline: none;
}
#vestelIadePage body, #vestelIadePage html {
  margin: 0;
  padding: 0;
  height: auto;
  overflow-x: hidden;
}
#vestelIadePage body, #vestelIadePage html, #vestelIadePage div, #vestelIadePage table, #vestelIadePage input, #vestelIadePage select, #vestelIadePage textarea, #vestelIadePage blockquote, #vestelIadePage ul, #vestelIadePage ol {
  font: 300 1em/1.3 "Open Sans", "Helvetica Neu", serif, Helvetica, Arial;
  color: #000000;
}
#vestelIadePage body.admin-edit-mode-enable {
  overflow: auto;
  overflow-x: visible;
}
#vestelIadePage body.nomove, #vestelIadePage html.nomove {
  overflow: hidden;
}
#vestelIadePage .fc {
  display: flex;
  flex-wrap: wrap;
}
#vestelIadePage .fc > .cl {
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#vestelIadePage .cl.full, #vestelIadePage .cl.cl10 {
  width: 100%;
}
#vestelIadePage .cl.cl9 {
  width: 90%;
}
#vestelIadePage .cl.cl8 {
  width: 80%;
}
#vestelIadePage .cl.cl7 {
  width: 70%;
}
#vestelIadePage .cl.cl6 {
  width: 60%;
}
#vestelIadePage .cl.cl5 {
  width: 50%;
}
#vestelIadePage .cl.cl4 {
  width: 40%;
}
#vestelIadePage .cl.cl3 {
  width: 30%;
}
#vestelIadePage .cl.cl2 {
  width: 20%;
}
#vestelIadePage .cl.cl1 {
  width: 10%;
}
#vestelIadePage .cl.cl05 {
  width: 5%;
}
#vestelIadePage .fac {
  display: flex;
  flex-flow: row wrap;
}
#vestelIadePage .fac > .cl {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
}
#vestelIadePage .fac.center > .cl, #vestelIadePage .fc.center > .cl {
  justify-content: center;
}
#vestelIadePage .fac.start > .cl, #vestelIadePage .fc.start > .cl {
  justify-content: flex-start;
}
#vestelIadePage .fac.end > .cl, #vestelIadePage .fc.end > .cl {
  justify-content: flex-end;
}
#vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vestelIadePage .fac.pad > .cl, #vestelIadePage .fc.pad > .cl {
  padding: 1vw;
}
#vestelIadePage .fac.pad.nonegative, #vestelIadePage .fc.pad.nonegative {
  margin-left: auto;
  margin-right: auto;
}
#vestelIadePage .fac.marg, #vestelIadePage .fc.marg {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vestelIadePage .fac.marg + .fac.marg, #vestelIadePage .fc.marg + .fc.marg, #vestelIadePage .fac.marg + .fc.marg, #vestelIadePage .fc.marg + .fac.marg {
  margin-top: 1vw;
}
#vestelIadePage .fac.marg > .cl, #vestelIadePage .fc.marg > .cl {
  margin: 1vw;
}
#vestelIadePage .cl.ca2 {
  flex: 2;
}
#vestelIadePage .cl.ca3 {
  flex: 3;
}
#vestelIadePage .cl.ca4 {
  flex: 4;
}
#vestelIadePage .cl.ca5 {
  flex: 5;
}
#vestelIadePage .cl.ca6 {
  flex: 6;
}
#vestelIadePage .cl.ca7 {
  flex: 7;
}
#vestelIadePage .cl.ca8 {
  flex: 8;
}
#vestelIadePage .cl.ca9 {
  flex: 9;
}
#vestelIadePage .cl.ca10 {
  flex: 10;
}
#vestelIadePage .cl.ca11 {
  flex: 11;
}
#vestelIadePage .cl.ca12 {
  flex: 12;
}
#vestelIadePage body > .fac.pad, #vestelIadePage body > .fac.marg {
  margin-left: auto;
  margin-right: auto;
}
#vestelIadePage .fc.rel > .cl, #vestelIadePage .fac.rel > .cl {
  position: relative;
  z-index: 1;
}
#vestelIadePage .fac > .cl.autow, #vestelIadePage .fc > .cl.autow {
  max-width: -moz-max-content;
  max-width: fit-content;
}
#vestelIadePage .ie .fac > .cl.autow, #vestelIadePage .ie .fc > .cl.autow, #vestelIadePage .edge .fac > .cl.autow, #vestelIadePage .edge .fc > .cl.autow {
  flex: 0;
}
#vestelIadePage .pg {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
#vestelIadePage img {
  max-width: 100%;
  height: auto;
}
#vestelIadePage a img {
  display: block;
}
#vestelIadePage b, #vestelIadePage strong, #vestelIadePage .b {
  font-weight: 700;
}
#vestelIadePage .toright {
  text-align: right;
}
#vestelIadePage .toleft {
  text-align: left;
}
#vestelIadePage .tocenter {
  text-align: center;
}
#vestelIadePage .fright {
  float: right;
}
#vestelIadePage .fleft {
  float: left;
}
#vestelIadePage .mb10 {
  margin-bottom: 5px;
}
#vestelIadePage .mb10 {
  margin-bottom: 10px;
}
#vestelIadePage .mb15 {
  margin-bottom: 15px;
}
#vestelIadePage .mb20 {
  margin-bottom: 20px;
}
#vestelIadePage .mb25 {
  margin-bottom: 25px;
}
#vestelIadePage .mb30 {
  margin-bottom: 30px;
}
#vestelIadePage .mb35 {
  margin-bottom: 35px;
}
#vestelIadePage .mb40 {
  margin-bottom: 40px;
}
#vestelIadePage .mb45 {
  margin-bottom: 45px;
}
#vestelIadePage .mb50 {
  margin-bottom: 50px;
}
#vestelIadePage .mb1w {
  margin-bottom: 1vw;
}
#vestelIadePage .mb2w {
  margin-bottom: 2vw;
}
#vestelIadePage .mb3w {
  margin-bottom: 3vw;
}
#vestelIadePage .mb4w {
  margin-bottom: 4vw;
}
#vestelIadePage .mb5w {
  margin-bottom: 5vw;
}
#vestelIadePage h1 {
  font-size: 26px;
}
#vestelIadePage h2 {
  font-size: 22px;
}
#vestelIadePage h3 {
  font-size: 18px;
}
#vestelIadePage h4 {
  font-size: 16px;
}
#vestelIadePage h5, #vestelIadePage h6 {
  font-size: 14px;
}
#vestelIadePage h6 {
  font-style: italic;
}
#vestelIadePage .y14 {
  font-size: 14px;
}
#vestelIadePage .y16 {
  font-size: 16px;
}
#vestelIadePage .y18 {
  font-size: 18px;
}
#vestelIadePage .y20 {
  font-size: 20px;
}
#vestelIadePage .y22 {
  font-size: 22px;
}
#vestelIadePage .y24 {
  font-size: 24px;
}
#vestelIadePage .y26 {
  font-size: 26px;
}
#vestelIadePage .y28 {
  font-size: 28px;
}
#vestelIadePage .y30 {
  font-size: 30px;
}
#vestelIadePage .y32 {
  font-size: 32px;
}
#vestelIadePage .y34 {
  font-size: 34px;
}
#vestelIadePage .y36 {
  font-size: 36px;
}
#vestelIadePage .y38 {
  font-size: 38px;
}
#vestelIadePage .y40 {
  font-size: 40px;
}
#vestelIadePage .y42 {
  font-size: 42px;
}
#vestelIadePage .y44 {
  font-size: 44px;
}
#vestelIadePage .y46 {
  font-size: 46px;
}
#vestelIadePage .y48 {
  font-size: 48px;
}
#vestelIadePage .y50 {
  font-size: 50px;
}
#vestelIadePage [class*=y1], #vestelIadePage [class*=y2], #vestelIadePage [class*=y3], #vestelIadePage [class*=y4], #vestelIadePage [class*=y5] {
  line-height: 1.3;
}
#vestelIadePage a {
  text-decoration: none;
  color: #000000;
}
#vestelIadePage a:hover {
  color: #000000;
}
#vestelIadePage input[type=text], #vestelIadePage input[type=password], #vestelIadePage input[type=email], #vestelIadePage input[type=time], #vestelIadePage input[type=date], #vestelIadePage input[type=number], #vestelIadePage input[type=tel], #vestelIadePage textarea, #vestelIadePage select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
#vestelIadePage input:focus, #vestelIadePage textarea:focus, #vestelIadePage select:focus {
  outline: none;
}
#vestelIadePage .grid-article {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: dense;
}
#vestelIadePage .grid-article > article {
  padding: 10px;
}
#vestelIadePage .grid-article > article p.img {
  margin: -10px -10px 0 -10px;
}
#vestelIadePage .grid-article > article p.img a {
  display: block;
}
#vestelIadePage .grid-article > article p.img img {
  margin: 0 auto;
}
#vestelIadePage .grid-article > article p.img + h2 {
  margin-top: 20px;
}
#vestelIadePage article time {
  display: block;
  color: rgba(0, 0, 0, 25);
  font-style: italic;
  margin-top: 10px;
}
#vestelIadePage .slick-slider[class*=grid] {
  display: block;
}
#vestelIadePage .slick-slider[class*=grid] > .slick-list > .slick-track {
  display: grid;
  grid-gap: 0;
  grid-auto-flow: column;
}
#vestelIadePage .slick-slider[class*=grid] > .slick-list > .slick-track > .slick-slide {
  float: none;
  height: auto;
}
#vestelIadePage .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide {
  padding: 10px;
}
#vestelIadePage .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide p.img {
  margin: -10px -10px 0 -10px;
}
#vestelIadePage .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide p.img + h2 {
  margin-top: 20px;
}
#vestelIadePage .slick-slider {
  z-index: 1;
}
#vestelIadePage .slick-slider > .slick-list > .slick-track > .slick-slide img {
  width: 100%;
}
#vestelIadePage .slick-list {
  z-index: 2;
}
#vestelIadePage .slick-dots {
  margin: 0;
  padding: 0;
}
#vestelIadePage .slick-dots li {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 1px;
}
#vestelIadePage .slick-dots li button {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
#vestelIadePage .slick-dots li button:before {
  display: none;
}
#vestelIadePage .slick-dots li.slick-active button {
  background-color: rgba(0, 0, 0, 0.25);
}
#vestelIadePage .slick-prev, #vestelIadePage .slick-next {
  width: 36px;
  height: 36px;
  border: 2px solid #cc0000;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  z-index: 60;
  top: calc(50% - 20px);
}
#vestelIadePage .slick-prev:before, #vestelIadePage .slick-next:before {
  display: none;
}
#vestelIadePage .slick-prev {
  left: 25px;
  transform: rotate(-135deg);
}
#vestelIadePage .slick-next {
  right: 25px;
}
#vestelIadePage .slick-prev:hover, #vestelIadePage .slick-next:hover {
  border-width: 4px 4px 0 0;
}
#vestelIadePage .pg-sidebars .slick-prev {
  left: -20px;
}
#vestelIadePage .pg-sidebars .slick-next {
  right: -20px;
}
#vestelIadePage .mini .slick-prev {
  left: 10px !important;
}
#vestelIadePage .mini .slick-next {
  right: 10px !important;
}
#vestelIadePage .mini .slick-prev, #vestelIadePage .mini .slick-next, #vestelIadePage .pg-sidebars .slick-prev, #vestelIadePage .pg-sidebars .slick-next {
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
}
#vestelIadePage arcitle.news-one a, #vestelIadePage arcitle.news-one a img {
  display: block;
}
#vestelIadePage .mobile-slide {
  position: fixed;
  z-index: 10010;
  width: 420px;
  bottom: -100vh;
  background-color: #ffffff;
  top: 120%;
  right: 0;
  padding: 20px;
  overflow: auto;
}
#vestelIadePage .mobile-slide.active {
  top: 0;
  bottom: 0;
}
#vestelIadePage .mobile-slide > * + * {
  margin-top: 5vh;
}
#vestelIadePage a.hamburger {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  box-sizing: border-box;
  margin-left: 0 !important;
}
#vestelIadePage a.hamburger > em, #vestelIadePage a.hamburger:before, #vestelIadePage a.hamburger:after {
  display: block;
  position: absolute;
  z-index: 1;
  height: 6px;
  background: rgba(0, 0, 0, 0.35);
  overflow: hidden;
  text-indent: -999em;
  left: 10px;
  right: 10px;
}
#vestelIadePage a.hamburger > em {
  top: calc(50% - 3px);
}
#vestelIadePage a.hamburger:before {
  top: 10px;
}
#vestelIadePage a.hamburger:before, #vestelIadePage a.hamburger:after {
  content: "";
}
#vestelIadePage a.hamburger:after {
  bottom: 10px;
}
#vestelIadePage a.hamburger.active > em, #vestelIadePage a.hamburger.active:before, #vestelIadePage a.hamburger.active:after {
  background: rgba(0, 0, 0, 0.55);
}
#vestelIadePage .search-box {
  position: relative;
  z-index: 1;
}
#vestelIadePage .search-box [type=submit] {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  appearance: none;
  -webkit-appearance: none;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
#vestelIadePage .trans300, #vestelIadePage a, #vestelIadePage a:before, #vestelIadePage a:after, #vestelIadePage .slick-prev, #vestelIadePage .slick-next, #vestelIadePage .multi-select-list {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#vestelIadePage .trans700, #vestelIadePage .mobile-slide {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#vestelIadePage .dn, #vestelIadePage .fc.dn, #vestelIadePage .fac.dn, #vestelIadePage .fc > .cl.dn, #vestelIadePage .fac > .cl.dn {
  display: none;
}
#vestelIadePage div.multiselect {
  position: relative;
  z-index: 1;
}
#vestelIadePage .multiselect .multi-select-list {
  max-height: 25vh;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
}
#vestelIadePage .multiselect .multi-select-list.active {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
#vestelIadePage .multiselect .multi-select-list > li {
  list-style: none;
  padding: 10px 10px 10px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
#vestelIadePage .multiselect .multi-select-list > li.active:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: olive;
}
#vestelIadePage select.multiselect, #vestelIadePage select.multiselect.applied {
  visibility: hidden;
  opacity: 0;
  display: none;
}
@media only screen and (min-width: 1540px) {
  #vestelIadePage .slick-prev {
    left: -35px;
  }
  #vestelIadePage .slick-next {
    right: -35px;
  }
}
@media only screen and (max-width: 1441px) {
  #vestelIadePage {
    /* page widths */
  }
}
@media only screen and (max-width: 1216px) {
  #vestelIadePage .pg {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  #vestelIadePage .pg-sidebars .slick-section > .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .slick-prev, #vestelIadePage .slick-next {
    width: 24px;
    height: 24px;
    top: calc(50% - 13px);
  }
  #vestelIadePage .mini .slick-prev, #vestelIadePage .mini .slick-next {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
}
@media only screen and (min-width: 1025px) {
  #vestelIadePage .mobile-slide {
    display: none;
  }
  #vestelIadePage a.hamburger {
    display: none;
  }
  #vestelIadePage .mobile {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #vestelIadePage {
    /*hide responsive menus */
  }
  #vestelIadePage header.site-header .resp {
    display: none;
  }
  #vestelIadePage header.site-header .pg {
    position: relative;
    z-index: 1;
  }
  #vestelIadePage header.site-header .fac.marg > .cl {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  #vestelIadePage .fac.pad > .cl, #vestelIadePage .fc.pad > .cl {
    padding: 4vw;
  }
  #vestelIadePage section + section, #vestelIadePage main + footer, #vestelIadePage header + main, #vestelIadePage section + main, #vestelIadePage div + main, #vestelIadePage main + div, #vestelIadePage section + h2, #vestelIadePage h2 + section {
    margin-top: 4vh;
  }
  #vestelIadePage .desktop, #vestelIadePage .fc:not(.no) > .cl.desktop {
    display: none;
  }
  #vestelIadePage .dn, #vestelIadePage .fc.dn, #vestelIadePage .fac.dn, #vestelIadePage .fc > .cl.dn, #vestelIadePage .fac > .cl.dn {
    display: none;
  }
}
@media only screen and (max-width: 969px) {
  #vestelIadePage {
    /*slick*/
  }
  #vestelIadePage .pg {
    margin-left: 5.5vw;
    margin-right: 5.5vw;
  }
  #vestelIadePage .fac.marg {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vestelIadePage .pg > .fac.marg {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .fac.marg + .fac.marg {
    margin-top: 5.5vw;
  }
  #vestelIadePage .fac.marg > .cl {
    margin: 5.5vw;
  }
  #vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vestelIadePage .fac.pad > .cl, #vestelIadePage .fc.pad > .cl {
    padding: 5.5vw;
  }
  #vestelIadePage .fc:not(.no), #vestelIadePage .fc:not(.no) > .cl, #vestelIadePage .fac:not(.no), #vestelIadePage .fac:not(.no) > .cl {
    display: block;
    max-width: none;
  }
  #vestelIadePage .fc:not(.no) > .cl.full, #vestelIadePage .fc:not(.no) > .cl[class*=cl], #vestelIadePage .fac:not(.no), #vestelIadePage .fac:not(.no) > .cl[class*=ca] {
    width: auto;
  }
  #vestelIadePage .fc:not(.no) > .cl + .cl, #vestelIadePage .fac:not(.no) > .cl + .cl {
    margin-top: 5.5vw;
  }
  #vestelIadePage .slick-prev, #vestelIadePage .slick-next, #vestelIadePage .mini .slick-prev, #vestelIadePage .mini .slick-next {
    display: none !important;
  }
  #vestelIadePage .pg-sidebars .slick-section > .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .dn, #vestelIadePage .fc.dn, #vestelIadePage .fac.dn, #vestelIadePage .fc > .cl.dn, #vestelIadePage .fac > .cl.dn {
    display: none;
  }
}
@media only screen and (max-width: 481px) {
  #vestelIadePage .pg {
    margin-left: 5.5vw;
    margin-right: 5.5vw;
  }
  #vestelIadePage .mobile-slide {
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    align-content: center;
    justify-content: flex-start;
  }
}
#vestelIadePage .vreturn, #vestelIadePage .vreturn div, #vestelIadePage .vreturn table, #vestelIadePage .vreturn input, #vestelIadePage .vreturn select, #vestelIadePage .vreturn textarea, #vestelIadePage .vreturn blockquote, #vestelIadePage .vreturn ul, #vestelIadePage .vreturn ol, #vestelIadePage .vreturn input, #vestelIadePage .vreturn select, #vestelIadePage .vreturn textarea, #vestelIadePage .bildirim {
  font: 400 1em/1.36 "League Regular", "Helvetica Neu", serif, Helvetica, Arial;
  color: #656565;
}
#vestelIadePage .vreturn h1, #vestelIadePage .vreturn h2, #vestelIadePage .vreturn h3, #vestelIadePage .vreturn h4 {
  font-weight: normal;
  font-family: "League Bold";
}
#vestelIadePage .vreturn strong, #vestelIadePage .vreturn b {
  font-weight: normal;
  font-family: "League Bold";
}
#vestelIadePage .vreturn p, #vestelIadePage .vreturn h1, #vestelIadePage .vreturn h2, #vestelIadePage .vreturn h3, #vestelIadePage .vreturn h4 {
  margin: 0;
}
#vestelIadePage .vreturn p + p, #vestelIadePage .vreturn p + div, #vestelIadePage .vreturn div + p, #vestelIadePage .vreturn p + ul, #vestelIadePage .vreturn ul + p, #vestelIadePage .vreturn p + ol, #vestelIadePage .vreturn ol + p, #vestelIadePage .vreturn p + blockquote, #vestelIadePage .vreturn blockquote + p, #vestelIadePage .vreturn h1 + p, #vestelIadePage .vreturn h2 + p, #vestelIadePage .vreturn h3 + p, #vestelIadePage .vreturn h4 + p, #vestelIadePage .vreturn h5 + p, #vestelIadePage .vreturn h6 + p, #vestelIadePage .vreturn h1 + div, #vestelIadePage .vreturn h2 + div, #vestelIadePage .vreturn h3 + div, #vestelIadePage .vreturn h4 + div, #vestelIadePage .vreturn h5 + div, #vestelIadePage .vreturn h6 + div, #vestelIadePage .vreturn h1 + h2, #vestelIadePage .vreturn h2 + h3, #vestelIadePage .vreturn h3 + h4, #vestelIadePage .vreturn h4 + h5, #vestelIadePage .vreturn h5 + h6, #vestelIadePage .vreturn h2 + ul, #vestelIadePage .vreturn ul + h2, #vestelIadePage .vreturn h3 + ul, #vestelIadePage .vreturn ul + h3, #vestelIadePage .vreturn h4 + ul, #vestelIadePage .vreturn ul + h4, #vestelIadePage .vreturn p + time, #vestelIadePage .vreturn time + p, #vestelIadePage .vreturn time + h3, #vestelIadePage .vreturn h3 + time, #vestelIadePage .vreturn time + h2, #vestelIadePage .vreturn h2 + time {
  margin-top: 20px;
}
#vestelIadePage .vreturn + section, #vestelIadePage .vreturn + div {
  margin-top: 60px;
}
#vestelIadePage .vreturn .buton {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  padding: 21px 36px;
  border: 1px solid #DF2027;
  border-radius: 30px;
  color: #DF2027;
}
#vestelIadePage .vreturn .buton:hover {
  background-color: #DF2027;
  color: #ffffff;
}
#vestelIadePage .vreturn .buton.red {
  background-color: #DF2027;
  color: #ffffff;
}
#vestelIadePage .vreturn .buton.red:hover {
  background-color: #ffffff;
  color: #DF2027;
}
#vestelIadePage .vreturn a, #vestelIadePage .vreturn a:hover {
  text-decoration: none;
}
#vestelIadePage .vreturn h1 {
  font-weight: normal;
  font-family: "League Regular";
  font-size: 34px;
}
#vestelIadePage .vreturn h1 strong {
  font-family: "League Bold";
}
#vestelIadePage .vreturn h2 {
  font-size: 37px;
}
#vestelIadePage .vreturn h2.red {
  font-size: 24px;
  color: #DF2027;
}
#vestelIadePage .vreturn .paddy {
  padding: 56px 0;
}
#vestelIadePage .vreturn .pg {
  max-width: 1140px;
}
#vestelIadePage .vreturn .welcome {
  background: #C94943 url(/assets/img/design/iade-title-bg.png) center center no-repeat;
  background-size: cover;
  padding: 0 4vw;
}
#vestelIadePage .vreturn .welcome h1 {
  color: #ffffff;
}
#vestelIadePage .vreturn .welcome h1 strong {
  display: block;
}
#vestelIadePage .cc-tabs .tab-contents {
  margin-top: 36px;
}
#vestelIadePage .cc-tabs .tab-contents .tab-part {
  display: none;
}
#vestelIadePage .cc-tabs .tab-contents .tab-part:first-child {
  display: block;
}
#vestelIadePage .cc-tabs .tab-links {
  font-size: 12px;
  font-family: "League Regular";
  margin-left: -2.5px;
  margin-right: -2.5px;
}
#vestelIadePage .cc-tabs .tab-links a {
  display: inline-block;
  margin: 2.5px 7.5px;
}
#vestelIadePage .cc-tabs .tab-links a.active {
  color: #DF2027;
}
#vestelIadePage .cc-tabs .tab-contents + p {
  margin-top: 60px;
}
#vestelIadePage .cc-tabs .tab-links a.active {
  color: #DF2027;
}
#vestelIadePage .cc-tabs.return-tabs .tab-links {
  margin: 20px -10px;
}
#vestelIadePage .cc-tabs.return-tabs .tab-links {
  font-size: 0;
  display: flex;
  flex-direction: row;
}
#vestelIadePage .cc-tabs.return-tabs .tab-links a {
  font-size: 24px;
  flex: 1;
  text-align: center;
  margin: 5px 10px;
  font-family: "League Medium";
}
#vestelIadePage .cc-tab-mobile {
  position: relative;
  z-index: 8;
}
#vestelIadePage a.cc-tab-mobile-open {
  display: block;
  color: #ffffff;
  background-color: #DF2027;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
  font-family: "League Bold";
}
#vestelIadePage a.cc-tab-mobile-open:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 12px;
}
#vestelIadePage a.cc-tab-mobile-open.active:after {
  transform: rotate(-135deg);
  top: 16px;
}
#vestelIadePage .cc-tab-mobile-links {
  background-color: #DF2027;
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 125%;
  visibility: hidden;
  opacity: 0;
}
#vestelIadePage .cc-tab-mobile-links.active {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
#vestelIadePage .cc-tab-mobile-links > a {
  display: block;
  padding: 10px 20px;
  color: #ffffff;
  font-family: "League Bold";
}
#vestelIadePage .vreturn .ico-link {
  display: block;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  color: #464646;
  padding: 60px 30px;
}
#vestelIadePage .vreturn .ico-link:hover, #vestelIadePage .cc-tabs .tab-links a.ico-link:hover {
  background-color: #656565;
  color: #ffffff;
}
#vestelIadePage .vreturn .ico-link.active, #vestelIadePage .vreturn .ico-link.active:hover, #vestelIadePage .cc-tabs .tab-links a.ico-link.active:hover, #vestelIadePage .cc-tabs .tab-links a.ico-link.active {
  background-color: #C94943;
  color: #ffffff;
  cursor: default;
}
#vestelIadePage .vreturn .ico-link:before, #vestelIadePage .cc-tabs .tab-links a.ico-link:before {
  content: "";
  width: 76px;
  height: 76px;
  -webkit-mask: url(/assets/img/design/ico-tab-iade-1.svg) no-repeat;
  -webkit-mask-size: auto 100%;
  mask: url(/assets/img/design/ico-tab-iade-1.svg) no-repeat 50% 50%;
  mask-size: auto 100%;
  font-size: 0;
  background-color: #464646;
  display: block;
  margin: 0 auto 20px auto;
}
#vestelIadePage .vreturn .ico-link:hover:before, #vestelIadePage .vreturn .ico-link.active:before, #vestelIadePage .cc-tabs .tab-links a.ico-link:hover:before, #vestelIadePage .cc-tabs .tab-links a.ico-link.active:before {
  background-color: #ffffff;
}
#vestelIadePage .cc-tabs .tab-links a.ico-link.two:before, #vestelIadePage .vreturn a.ico-link.two:before {
  -webkit-mask: url(/assets/img/design/ico-tab-iade-2.svg) no-repeat;
  -webkit-mask-size: auto 100%;
  mask: url(/assets/img/design/ico-tab-iade-2.svg) no-repeat 50% 50%;
  mask-size: auto 100%;
}
#vestelIadePage .cc-tabs .tab-links a.ico-link.three:before, #vestelIadePage .vreturn a.ico-link.three:before {
  -webkit-mask: url(/assets/img/design/ico-tab-iade-3.svg) no-repeat;
  -webkit-mask-size: auto 100%;
  mask: url(/assets/img/design/ico-tab-iade-3.svg) no-repeat 50% 50%;
  mask-size: auto 100%;
}
#vestelIadePage .vreturn .grid-return {
  grid-gap: 30px 0;
  margin: 72px auto;
}
#vestelIadePage .vreturn p + .grid-return {
  margin-top: 36px;
}
#vestelIadePage .vreturn .grid-return article {
  padding: 50px 20px 20px;
}
#vestelIadePage .vreturn .grid-return article {
  border-left: 4px solid #E9E9EB;
}
#vestelIadePage .vreturn .grid-return:not(.grid-cancel) article:first-child {
  border: 4px solid #C94943;
}
#vestelIadePage .vreturn .grid-return:not(.grid-cancel) article:first-child + article {
  border: 0;
}
#vestelIadePage .vreturn .grid-return article .img img {
  max-width: 120px;
  max-height: 120px;
  height: 120px;
  object-fit: contain;
  object-position: center;
}
#vestelIadePage .vreturn .grid-return.grid-cancel article:first-child {
  border-left: 0;
}
#vestelIadePage .vreturn .iade-motto {
  font-size: 18px;
  margin: 60px auto;
}
#vestelIadePage .vreturn .iade-motto:not(.two) strong {
  font-size: 22px;
}
#vestelIadePage .vreturn .iade-motto.two {
  margin: 60px auto;
}
#vestelIadePage .vreturn .iade-motto.two + p.iade-motto {
  margin-top: -40px;
}
#vestelIadePage .click-toggle .grid-article {
  display: block;
  text-align: left;
  padding-left: 30px;
}
#vestelIadePage .click-toggle .grid-article > article {
  position: relative;
  z-index: 1;
}
#vestelIadePage .click-toggle .grid-article > article + article {
  margin-top: 20px;
}
#vestelIadePage .click-toggle .grid-article > article .text {
  display: none;
  position: relative;
  z-index: 15;
}
#vestelIadePage .click-toggle .grid-article > article:first-child .text {
  display: block;
}
#vestelIadePage .click-toggle em.click-pointer {
  width: 12px;
  height: 12px;
  position: absolute;
  font-size: 0;
  left: -24px;
  top: 16px;
  display: block;
  border: 2px solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
#vestelIadePage .click-toggle .active em.click-pointer {
  transform: rotate(45deg);
  top: 14px;
  border-color: #C94943;
}
#vestelIadePage .click-toggle .grid-article h2 {
  font-size: 24px;
  color: #000000;
}
#vestelIadePage .click-toggle .grid-article article.active h2 {
  color: #C94943;
}
#vestelIadePage .click-toggle a.go-article {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
}
#vestelIadePage .trans300, #vestelIadePage a, #vestelIadePage a:before, #vestelIadePage a:after, #vestelIadePage .slick-prev, #vestelIadePage .slick-next, #vestelIadePage .cc-tab-mobile-links, #vestelIadePage .click-toggle em.click-pointer {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#vestelIadePage .trans700 {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
@media only screen and (min-width: 1025px) {
  #vestelIadePage body > .bildirim {
    left: 40px;
    bottom: 40px;
    top: auto;
    right: auto;
    width: max-content;
    border-radius: 50px;
  }
  #vestelIadePage .grid-article.grid-cancel {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
  #vestelIadePage .vreturn .iade-motto {
    max-width: 80%;
  }
  #vestelIadePage .grid-cancel > article p:last-child {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 970px) {
  #vestelIadePage .mobile + p {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 1140px) {
  #vestelIadePage .vreturn .pg {
    margin-left: 20px;
    margin-right: 20px;
  }
  #vestelIadePage .vreturn .welcome {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 1024px) {
  #vestelIadePage .vreturn section + section, #vestelIadePage .vreturn main + footer, #vestelIadePage .vreturn header + main, #vestelIadePage .vreturn section + main, #vestelIadePage .vreturn div + main, #vestelIadePage .vreturn main + div, #vestelIadePage .vreturn section + h2, #vestelIadePage .vreturn h2 + section {
    margin-top: 0;
  }
  #vestelIadePage .grid-article.grid-return {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
  #vestelIadePage .grid-article.grid-return > article.first {
    border-left: 0;
  }
}
@media only screen and (max-width: 969px) {
  #vestelIadePage .mobile.cc-tab-mobile {
    display: none;
  }
  #vestelIadePage .fac.fac-title.marg > .cl {
    margin: auto 2.5vh;
  }
  #vestelIadePage .fac.fac-title.marg > .cl.text {
    text-align: center;
  }
  #vestelIadePage .cc-tab-mobile h3 {
    display: none;
  }
  #vestelIadePage .cc-tabs.return-tabs {
    margin-top: 30px;
  }
  #vestelIadePage .vreturn .iade-motto {
    margin: 30px auto;
  }
}
@media only screen and (max-width: 969px) and (orientation: portrait) {
  #vestelIadePage .vreturn h1 {
    font-size: 24px;
  }
  #vestelIadePage .vreturn .grid-return article.newrow {
    border-top: 4px solid #E9E9EB;
  }
  #vestelIadePage .vreturn .grid-return article ~ article.last {
    border-left: 0;
  }
  #vestelIadePage .grid-article.grid-return {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  #vestelIadePage .vreturn .grid-return.grid-cancel article:first-child {
    border-top: 0;
  }
  #vestelIadePage .vreturn .grid-return {
    margin: 0 0 36px 0;
  }
}
@media only screen and (max-width: 481px) {
  #vestelIadePage .vreturn .paddy {
    padding: 20px 0;
  }
  #vestelIadePage .vreturn h2 {
    font-size: 24px;
  }
  #vestelIadePage .mobile.cc-tab-mobile {
    display: block;
  }
  #vestelIadePage .vreturn .ico-link, #vestelIadePage .vreturn .ico-link.active {
    padding: 20px;
    background-color: #DF2027;
    color: #ffffff;
  }
  #vestelIadePage .vreturn .ico-link:before, #vestelIadePage .cc-tabs .tab-links a.ico-link:before {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    background-color: #ffffff;
  }
  #vestelIadePage .cc-tabs .tab-header {
    display: none;
  }
}

body.black {
  background-color: #000000;
}

main.vcomments {
  background-color: #ffffff;
}

#vComment {
  /*theme*/
  /* basic slide, required */
  /* basic slide, required */
  /*
  Theme Name: Vestelgram
  Theme URI: https://vestel.com.tr/
  Author: Voden 
  Description: Vestel, Agu, 2020. 
  Version: 1.0
  License: All rights reserved
  */
  /* main structure */
  /* pure alignment */
  /*
  h1, h2 ,h3, h4, h5, h6 {margin: 0;line-height: 1.3}  
  p {margin: 0}
  p + p,  p + div, div + p, p + ul, ul + p, p + ol, ol + p, p + blockquote, blockquote + p, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + div, h2 + div, h3 + div, h4 + div, h5 + div, h6 + div, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6, h2 + ul, ul + h2, h3 + ul, ul + h3, h4 + ul, ul + h4  {margin-top:20px}
  p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, div + h1, div + h2, div + h3, div + h4, div + h5, div + h6, h2 + section, h3 + section, h4 + section, section + h2, section + h3, section + h4, p + iframe, iframe + p {margin-top: 36px}
  iframe[src*=youtube] + div, iframe[src*=youtube] + p, iframe[src*=youtube] + h2, iframe[src*=youtube] + h3, iframe[src*=youtube] + h4, div + iframe[src*=youtube], p + iframe[src*=youtube], h2 + iframe[src*=youtube], h3 + iframe[src*=youtube], h4 + iframe[src*=youtube] {margin-top:36px}
  iframe[src*=vimeo] + div, iframe[src*=vimeo] + p, iframe[src*=vimeo] + h2, iframe[src*=vimeo] + h3, iframe[src*=vimeo] + h4, div + iframe[src*=vimeo], p + iframe[src*=vimeo], h2 + iframe[src*=vimeo], h3 + iframe[src*=vimeo], h4 + iframe[src*=vimeo] {margin-top:36px}
  section + section, main + footer, header + main, section + main, div + main, main + div, section + h2, h2 + section  {margin-top:4vw} */
  /* ## main structure */
  /* flex columns */
  /* flex auto columns */
  /* ## flex columns */
  /* page widths */
  /*size auto*/
  /* text format */
  /*margin global*/
  /* font sizes */
  /*links */
  /* inputs */
  /* grid general */
  /* slick slider */
  /*article*/
  /* mobile slide menu */
  /* search */
  /* transitions */
  /* display */
  /* multiselect */
  /** responsive **/
  /* basic layout, required */
  /* mobile */
  /*click toggle */
  /* form */
  /** bildirim **/
  /* transitions */
}
#vComment .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
#vComment .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#vComment .slick-list:focus {
  outline: 0;
}
#vComment .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
#vComment .slick-slider .slick-list, #vComment .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#vComment .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#vComment .slick-track:after, #vComment .slick-track:before {
  display: table;
  content: "";
}
#vComment .slick-track:after {
  clear: both;
}
#vComment .slick-loading .slick-track {
  visibility: hidden;
}
#vComment .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
#vComment [dir=rtl] .slick-slide {
  float: right;
}
#vComment .slick-slide img {
  display: block;
}
#vComment .slick-slide.slick-loading img {
  display: none;
}
#vComment .slick-slide.dragging img {
  pointer-events: none;
}
#vComment .slick-initialized .slick-slide {
  display: block;
}
#vComment .slick-loading .slick-slide {
  visibility: hidden;
}
#vComment .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
#vComment .slick-arrow.slick-hidden {
  display: none;
}
#vComment .slick-prev, #vComment .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
#vComment .slick-prev:hover, #vComment .slick-prev:focus, #vComment .slick-next:hover, #vComment .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
#vComment .slick-prev:hover:before, #vComment .slick-prev:focus:before, #vComment .slick-next:hover:before, #vComment .slick-next:focus:before {
  opacity: 1;
}
#vComment .slick-prev.slick-disabled:before, #vComment .slick-next.slick-disabled:before {
  opacity: 0.25;
}
#vComment .slick-prev:before, #vComment .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#vComment .slick-prev {
  left: -25px;
}
#vComment [dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
#vComment .slick-prev:before {
  content: "←";
}
#vComment [dir=rtl] .slick-prev:before {
  content: "→";
}
#vComment .slick-next {
  right: -25px;
}
#vComment [dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
#vComment .slick-next:before {
  content: "→";
}
#vComment [dir=rtl] .slick-next:before {
  content: "←";
}
#vComment .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
#vComment .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#vComment .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#vComment .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#vComment .slick-dots li button:hover, #vComment .slick-dots li button:focus {
  outline: none;
}
#vComment .slick-dots li button:hover:before, #vComment .slick-dots li button:focus:before {
  opacity: 1;
}
#vComment .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#vComment .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
#vComment .slick-prev, #vComment .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
#vComment .slick-prev:hover, #vComment .slick-prev:focus, #vComment .slick-next:hover, #vComment .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
#vComment .slick-prev:hover:before, #vComment .slick-prev:focus:before, #vComment .slick-next:hover:before, #vComment .slick-next:focus:before {
  opacity: 1;
}
#vComment .slick-prev.slick-disabled:before, #vComment .slick-next.slick-disabled:before {
  opacity: 0.25;
}
#vComment .slick-prev:before, #vComment .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#vComment .slick-prev {
  left: -25px;
}
#vComment [dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
#vComment .slick-prev:before {
  content: "←";
}
#vComment [dir=rtl] .slick-prev:before {
  content: "→";
}
#vComment .slick-next {
  right: -25px;
}
#vComment [dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
#vComment .slick-next:before {
  content: "→";
}
#vComment [dir=rtl] .slick-next:before {
  content: "←";
}
#vComment .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
#vComment .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#vComment .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#vComment .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#vComment .slick-dots li button:hover, #vComment .slick-dots li button:focus {
  outline: none;
}
#vComment .slick-dots li button:hover:before, #vComment .slick-dots li button:focus:before {
  opacity: 1;
}
#vComment .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#vComment .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
#vComment * {
  box-sizing: border-box;
}
#vComment :focus {
  outline: none;
}
#vComment body, #vComment html {
  margin: 0;
  padding: 0;
  height: auto;
  overflow-x: hidden;
}
#vComment body, #vComment html, #vComment div, #vComment table, #vComment input, #vComment select, #vComment textarea, #vComment blockquote, #vComment ul, #vComment ol {
  font: 300 1em/1.3 "Open Sans", "Helvetica Neu", serif, Helvetica, Arial;
  color: #000000;
}
#vComment body.admin-edit-mode-enable {
  overflow: auto;
  overflow-x: visible;
}
#vComment body.nomove, #vComment html.nomove {
  overflow: hidden;
}
#vComment .fc {
  display: flex;
  flex-wrap: wrap;
}
#vComment .fc > .cl {
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#vComment .cl.full, #vComment .cl.cl10 {
  width: 100%;
}
#vComment .cl.cl9 {
  width: 90%;
}
#vComment .cl.cl8 {
  width: 80%;
}
#vComment .cl.cl7 {
  width: 70%;
}
#vComment .cl.cl6 {
  width: 60%;
}
#vComment .cl.cl5 {
  width: 50%;
}
#vComment .cl.cl4 {
  width: 40%;
}
#vComment .cl.cl3 {
  width: 30%;
}
#vComment .cl.cl2 {
  width: 20%;
}
#vComment .cl.cl1 {
  width: 10%;
}
#vComment .cl.cl05 {
  width: 5%;
}
#vComment .fac {
  display: flex;
  flex-flow: row wrap;
}
#vComment .fac > .cl {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
}
#vComment .fac.center > .cl, #vComment .fc.center > .cl {
  justify-content: center;
}
#vComment .fac.start > .cl, #vComment .fc.start > .cl {
  justify-content: flex-start;
}
#vComment .fac.end > .cl, #vComment .fc.end > .cl {
  justify-content: flex-end;
}
#vComment .fac.pad, #vComment .fc.pad {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vComment .fac.pad > .cl, #vComment .fc.pad > .cl {
  padding: 1vw;
}
#vComment .fac.pad.nonegative, #vComment .fc.pad.nonegative {
  margin-left: auto;
  margin-right: auto;
}
#vComment .fac.marg, #vComment .fc.marg {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vComment .fac.marg + .fac.marg, #vComment .fc.marg + .fc.marg, #vComment .fac.marg + .fc.marg, #vComment .fc.marg + .fac.marg {
  margin-top: 1vw;
}
#vComment .fac.marg > .cl, #vComment .fc.marg > .cl {
  margin: 1vw;
}
#vComment .cl.ca2 {
  flex: 2;
}
#vComment .cl.ca3 {
  flex: 3;
}
#vComment .cl.ca4 {
  flex: 4;
}
#vComment .cl.ca5 {
  flex: 5;
}
#vComment .cl.ca6 {
  flex: 6;
}
#vComment .cl.ca7 {
  flex: 7;
}
#vComment .cl.ca8 {
  flex: 8;
}
#vComment .cl.ca9 {
  flex: 9;
}
#vComment .cl.ca10 {
  flex: 10;
}
#vComment .cl.ca11 {
  flex: 11;
}
#vComment .cl.ca12 {
  flex: 12;
}
#vComment body > .fac.pad, #vComment body > .fac.marg {
  margin-left: auto;
  margin-right: auto;
}
#vComment .fc.rel > .cl, #vComment .fac.rel > .cl {
  position: relative;
  z-index: 1;
}
#vComment .fac > .cl.autow, #vComment .fc > .cl.autow {
  max-width: -moz-max-content;
  max-width: fit-content;
}
#vComment .ie .fac > .cl.autow, #vComment .ie .fc > .cl.autow, #vComment .edge .fac > .cl.autow, #vComment .edge .fc > .cl.autow {
  flex: 0;
}
#vComment .pg {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
#vComment img {
  max-width: 100%;
  height: auto;
}
#vComment a img {
  display: block;
}
#vComment b, #vComment strong, #vComment .b {
  font-weight: 700;
}
#vComment .toright {
  text-align: right;
}
#vComment .toleft {
  text-align: left;
}
#vComment .tocenter {
  text-align: center;
}
#vComment .fright {
  float: right;
}
#vComment .fleft {
  float: left;
}
#vComment .mb10 {
  margin-bottom: 5px;
}
#vComment .mb10 {
  margin-bottom: 10px;
}
#vComment .mb15 {
  margin-bottom: 15px;
}
#vComment .mb20 {
  margin-bottom: 20px;
}
#vComment .mb25 {
  margin-bottom: 25px;
}
#vComment .mb30 {
  margin-bottom: 30px;
}
#vComment .mb35 {
  margin-bottom: 35px;
}
#vComment .mb40 {
  margin-bottom: 40px;
}
#vComment .mb45 {
  margin-bottom: 45px;
}
#vComment .mb50 {
  margin-bottom: 50px;
}
#vComment .mb1w {
  margin-bottom: 1vw;
}
#vComment .mb2w {
  margin-bottom: 2vw;
}
#vComment .mb3w {
  margin-bottom: 3vw;
}
#vComment .mb4w {
  margin-bottom: 4vw;
}
#vComment .mb5w {
  margin-bottom: 5vw;
}
#vComment h1 {
  font-size: 26px;
}
#vComment h2 {
  font-size: 22px;
}
#vComment h3 {
  font-size: 18px;
}
#vComment h4 {
  font-size: 16px;
}
#vComment h5, #vComment h6 {
  font-size: 14px;
}
#vComment h6 {
  font-style: italic;
}
#vComment .y14 {
  font-size: 14px;
}
#vComment .y16 {
  font-size: 16px;
}
#vComment .y18 {
  font-size: 18px;
}
#vComment .y20 {
  font-size: 20px;
}
#vComment .y22 {
  font-size: 22px;
}
#vComment .y24 {
  font-size: 24px;
}
#vComment .y26 {
  font-size: 26px;
}
#vComment .y28 {
  font-size: 28px;
}
#vComment .y30 {
  font-size: 30px;
}
#vComment .y32 {
  font-size: 32px;
}
#vComment .y34 {
  font-size: 34px;
}
#vComment .y36 {
  font-size: 36px;
}
#vComment .y38 {
  font-size: 38px;
}
#vComment .y40 {
  font-size: 40px;
}
#vComment .y42 {
  font-size: 42px;
}
#vComment .y44 {
  font-size: 44px;
}
#vComment .y46 {
  font-size: 46px;
}
#vComment .y48 {
  font-size: 48px;
}
#vComment .y50 {
  font-size: 50px;
}
#vComment [class*=y1], #vComment [class*=y2], #vComment [class*=y3], #vComment [class*=y4], #vComment [class*=y5] {
  line-height: 1.3;
}
#vComment a {
  text-decoration: none;
  color: #000000;
}
#vComment a:hover {
  color: #000000;
}
#vComment input[type=text], #vComment input[type=password], #vComment input[type=email], #vComment input[type=time], #vComment input[type=date], #vComment input[type=number], #vComment input[type=tel], #vComment textarea, #vComment select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
#vComment input:focus, #vComment textarea:focus, #vComment select:focus {
  outline: none;
}
#vComment .grid-article {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: dense;
}
#vComment .grid-article > article {
  padding: 10px;
}
#vComment .grid-article > article p.img {
  margin: -10px -10px 0 -10px;
}
#vComment .grid-article > article p.img a {
  display: block;
}
#vComment .grid-article > article p.img img {
  margin: 0 auto;
}
#vComment .grid-article > article p.img + h2 {
  margin-top: 20px;
}
#vComment article time {
  display: block;
  color: rgba(0, 0, 0, 25);
  font-style: italic;
  margin-top: 10px;
}
#vComment .slick-slider[class*=grid] {
  display: block;
}
#vComment .slick-slider[class*=grid] > .slick-list > .slick-track {
  display: grid;
  grid-gap: 0;
  grid-auto-flow: column;
}
#vComment .slick-slider[class*=grid] > .slick-list > .slick-track > .slick-slide {
  float: none;
  height: auto;
}
#vComment .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide {
  padding: 10px;
}
#vComment .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide p.img {
  margin: -10px -10px 0 -10px;
}
#vComment .slick-slider[class*=grid] > .slick-list > .slick-track > article.slick-slide p.img + h2 {
  margin-top: 20px;
}
#vComment .slick-slider {
  z-index: 1;
}
#vComment .slick-slider > .slick-list > .slick-track > .slick-slide img {
  width: 100%;
}
#vComment .slick-list {
  z-index: 2;
}
#vComment .slick-dots {
  margin: 0;
  padding: 0;
}
#vComment .slick-dots li {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 1px;
}
#vComment .slick-dots li button {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
#vComment .slick-dots li button:before {
  display: none;
}
#vComment .slick-dots li.slick-active button {
  background-color: rgba(0, 0, 0, 0.25);
}
#vComment .slick-prev, #vComment .slick-next {
  width: 36px;
  height: 36px;
  border: 2px solid #cc0000;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  z-index: 60;
  top: calc(50% - 20px);
}
#vComment .slick-prev:before, #vComment .slick-next:before {
  display: none;
}
#vComment .slick-prev {
  left: 25px;
  transform: rotate(-135deg);
}
#vComment .slick-next {
  right: 25px;
}
#vComment .slick-prev:hover, #vComment .slick-next:hover {
  border-width: 4px 4px 0 0;
}
#vComment .pg-sidebars .slick-prev {
  left: -20px;
}
#vComment .pg-sidebars .slick-next {
  right: -20px;
}
#vComment .mini .slick-prev {
  left: 10px !important;
}
#vComment .mini .slick-next {
  right: 10px !important;
}
#vComment .mini .slick-prev, #vComment .mini .slick-next, #vComment .pg-sidebars .slick-prev, #vComment .pg-sidebars .slick-next {
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
}
#vComment arcitle.news-one a, #vComment arcitle.news-one a img {
  display: block;
}
#vComment .mobile-slide {
  position: fixed;
  z-index: 10010;
  width: 420px;
  bottom: -100vh;
  background-color: #ffffff;
  top: 120%;
  right: 0;
  padding: 20px;
  overflow: auto;
}
#vComment .mobile-slide.active {
  top: 0;
  bottom: 0;
}
#vComment .mobile-slide > * + * {
  margin-top: 5vh;
}
#vComment a.hamburger {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  box-sizing: border-box;
  margin-left: 0 !important;
}
#vComment a.hamburger > em, #vComment a.hamburger:before, #vComment a.hamburger:after {
  display: block;
  position: absolute;
  z-index: 1;
  height: 6px;
  background: rgba(0, 0, 0, 0.35);
  overflow: hidden;
  text-indent: -999em;
  left: 10px;
  right: 10px;
}
#vComment a.hamburger > em {
  top: calc(50% - 3px);
}
#vComment a.hamburger:before {
  top: 10px;
}
#vComment a.hamburger:before, #vComment a.hamburger:after {
  content: "";
}
#vComment a.hamburger:after {
  bottom: 10px;
}
#vComment a.hamburger.active > em, #vComment a.hamburger.active:before, #vComment a.hamburger.active:after {
  background: rgba(0, 0, 0, 0.55);
}
#vComment .search-box {
  position: relative;
  z-index: 1;
}
#vComment .search-box [type=submit] {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  appearance: none;
  -webkit-appearance: none;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
#vComment .trans300, #vComment a, #vComment a:before, #vComment a:after, #vComment .slick-prev, #vComment .slick-next, #vComment .multi-select-list {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#vComment .trans700, #vComment .mobile-slide {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#vComment .dn, #vComment .fc.dn, #vComment .fac.dn, #vComment .fc > .cl.dn, #vComment .fac > .cl.dn {
  display: none;
}
#vComment div.multiselect {
  position: relative;
  z-index: 1;
}
#vComment .multiselect .multi-select-list {
  max-height: 25vh;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
}
#vComment .multiselect .multi-select-list.active {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
#vComment .multiselect .multi-select-list > li {
  list-style: none;
  padding: 10px 10px 10px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
#vComment .multiselect .multi-select-list > li.active:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: olive;
}
#vComment select.multiselect, #vComment select.multiselect.applied {
  visibility: hidden;
  opacity: 0;
  display: none;
}
@media only screen and (min-width: 1540px) {
  #vComment .slick-prev {
    left: -35px;
  }
  #vComment .slick-next {
    right: -35px;
  }
}
@media only screen and (max-width: 1441px) {
  #vComment {
    /* page widths */
  }
}
@media only screen and (max-width: 1216px) {
  #vComment .pg {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  #vComment .pg-sidebars .slick-section > .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .slick-prev, #vComment .slick-next {
    width: 24px;
    height: 24px;
    top: calc(50% - 13px);
  }
  #vComment .mini .slick-prev, #vComment .mini .slick-next {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
}
@media only screen and (min-width: 1025px) {
  #vComment .mobile-slide {
    display: none;
  }
  #vComment a.hamburger {
    display: none;
  }
  #vComment .mobile {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #vComment {
    /*hide responsive menus */
  }
  #vComment header.site-header .resp {
    display: none;
  }
  #vComment header.site-header .pg {
    position: relative;
    z-index: 1;
  }
  #vComment header.site-header .fac.marg > .cl {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac.pad, #vComment .fc.pad {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  #vComment .fac.pad > .cl, #vComment .fc.pad > .cl {
    padding: 4vw;
  }
  #vComment section + section, #vComment main + footer, #vComment header + main, #vComment section + main, #vComment div + main, #vComment main + div, #vComment section + h2, #vComment h2 + section {
    margin-top: 4vh;
  }
  #vComment .desktop, #vComment .fc:not(.no) > .cl.desktop {
    display: none;
  }
  #vComment .dn, #vComment .fc.dn, #vComment .fac.dn, #vComment .fc > .cl.dn, #vComment .fac > .cl.dn {
    display: none;
  }
}
@media only screen and (max-width: 969px) {
  #vComment {
    /*slick*/
  }
  #vComment .pg {
    margin-left: 5.5vw;
    margin-right: 5.5vw;
  }
  #vComment .fac.marg {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vComment .pg > .fac.marg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac.marg + .fac.marg {
    margin-top: 5.5vw;
  }
  #vComment .fac.marg > .cl {
    margin: 5.5vw;
  }
  #vComment .fac.pad, #vComment .fc.pad {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vComment .fac.pad > .cl, #vComment .fc.pad > .cl {
    padding: 5.5vw;
  }
  #vComment .fc:not(.no), #vComment .fc:not(.no) > .cl, #vComment .fac:not(.no), #vComment .fac:not(.no) > .cl {
    display: block;
    max-width: none;
  }
  #vComment .fc:not(.no) > .cl.full, #vComment .fc:not(.no) > .cl[class*=cl], #vComment .fac:not(.no), #vComment .fac:not(.no) > .cl[class*=ca] {
    width: auto;
  }
  #vComment .fc:not(.no) > .cl + .cl, #vComment .fac:not(.no) > .cl + .cl {
    margin-top: 5.5vw;
  }
  #vComment .slick-prev, #vComment .slick-next, #vComment .mini .slick-prev, #vComment .mini .slick-next {
    display: none !important;
  }
  #vComment .pg-sidebars .slick-section > .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .dn, #vComment .fc.dn, #vComment .fac.dn, #vComment .fc > .cl.dn, #vComment .fac > .cl.dn {
    display: none;
  }
}
@media only screen and (max-width: 481px) {
  #vComment .pg {
    margin-left: 5.5vw;
    margin-right: 5.5vw;
  }
  #vComment .mobile-slide {
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    align-content: center;
    justify-content: flex-start;
  }
}
#vComment .vcomments .logo {
  width: 349px;
  height: 62px;
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
}
#vComment .vcomments .logo.mini {
  width: 279px;
  height: 50px;
}
#vComment .vcomments .logo a {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  font-size: 0;
  background: transparent url(/assets/img/commentImg/androidtv-logo.svg) center center no-repeat;
}
#vComment .vcomments, #vComment .vcomments div, #vComment .vcomments table, #vComment .vcomments input, #vComment .vcomments select, #vComment .vcomments textarea, #vComment .vcomments blockquote, #vComment .vcomments ul, #vComment .vcomments ol, #vComment .vcomments input, #vComment .vcomments select, #vComment .vcomments textarea, #vComment .bildirim {
  font: 400 1em/1.36 "League Regular", "Helvetica Neu", serif, Helvetica, Arial;
  color: #4A4A4A;
}
#vComment .vcomments h1, #vComment .vcomments h2, #vComment .vcomments h3, #vComment .vcomments h4 {
  font-weight: normal;
  font-family: "League Bold", sans-serif;
}
#vComment .vcomments strong, #vComment .vcomments b {
  font-weight: normal;
  font-family: "League Bold", sans-serif;
}
#vComment .vcomments p, #vComment .vcomments h1, #vComment .vcomments h2, #vComment .vcomments h3, #vComment .vcomments h4 {
  margin: 0;
}
#vComment .vcomments p + p, #vComment .vcomments p + div, #vComment .vcomments div + p, #vComment .vcomments p + ul, #vComment .vcomments ul + p, #vComment .vcomments p + ol, #vComment .vcomments ol + p, #vComment .vcomments p + blockquote, #vComment .vcomments blockquote + p, #vComment .vcomments h1 + p, #vComment .vcomments h2 + p, #vComment .vcomments h3 + p, #vComment .vcomments h4 + p, #vComment .vcomments h5 + p, #vComment .vcomments h6 + p, #vComment .vcomments h1 + div, #vComment .vcomments h2 + div, #vComment .vcomments h3 + div, #vComment .vcomments h4 + div, #vComment .vcomments h5 + div, #vComment .vcomments h6 + div, #vComment .vcomments h1 + h2, #vComment .vcomments h2 + h3, #vComment .vcomments h3 + h4, #vComment .vcomments h4 + h5, #vComment .vcomments h5 + h6, #vComment .vcomments h2 + ul, #vComment .vcomments ul + h2, #vComment .vcomments h3 + ul, #vComment .vcomments ul + h3, #vComment .vcomments h4 + ul, #vComment .vcomments ul + h4, #vComment .vcomments p + time, #vComment .vcomments time + p, #vComment .vcomments time + h3, #vComment .vcomments h3 + time, #vComment .vcomments time + h2, #vComment .vcomments h2 + time {
  margin-top: 30px;
}
#vComment .vcomments .buton {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 30px;
  border: 1px solid #DF2027;
  border-radius: 30px;
  color: #DF2027;
}
#vComment .vcomments .buton:hover {
  background-color: #DF2027;
  color: #ffffff;
}
#vComment .vcomments .buton.red {
  background-color: #DF2027;
  color: #ffffff;
}
#vComment .vcomments .buton.red:hover {
  background-color: #ffffff;
  color: #DF2027;
}
#vComment .vcomments a, #vComment .vcomments a:hover {
  text-decoration: none;
  color: #464646;
}
#vComment .vcomments h1 {
  font-size: 32px;
  font-family: "League Black", sans-serif;
}
#vComment .vcomments h2 {
  font-size: 28px;
  font-family: "League Medium", sans-serif;
  color: #333333;
}
#vComment .vcomments h2.red {
  color: #DF2027;
}
#vComment .vcomments h3 {
  font-size: 20px;
}
#vComment .vcomments h2 em {
  font-style: normal;
}
#vComment .vcomments .paddy {
  padding: 6vw 0;
}
#vComment .vcomments .trilogy.paddy {
  padding: 3vw 0 6vw 0;
}
#vComment .vcomments .pg {
  max-width: 1140px;
}
#vComment .vcomments .motto {
  font-size: 42px;
  font-family: "League Bold", sans-serif;
}
#vComment .vcomments .trilogy h2 em, #vComment .vcomments .vco-products h2 em, #vComment .vcomments .vc-video h2 em, #vComment .vcomments .vc-product-points h2 em {
  display: inline-block;
  border-bottom: 2px solid #DF2027;
  padding: 0 5px 2px 5px;
  font-style: normal;
}
#vComment .fac-trilogy.mini {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
#vComment .fac-trilogy .img {
  margin-bottom: 18px;
}
#vComment .fac-trilogy .img img {
  width: 100%;
  height: 85px;
  object-fit: contain;
  object-position: center;
}
#vComment .fac-trilogy > .cl {
  text-align: center;
  position: relative;
  z-index: 1;
  font: 400 1em/1.36 "League Regular", "Helvetica Neu", serif, Helvetica, Arial;
}
#vComment .fac-trilogy h3 {
  font-family: "League Medium", sans-serif;
}
#vComment .fac-trilogy p + p, #vComment .fac-trilogy p + h3, #vComment .fac-trilogy h3 + p {
  margin-top: 18px;
}
#vComment .fac-trilogy.one a {
  text-decoration: underline;
  font-family: "League Bold", sans-serif;
}
#vComment .fac-trilogy.two h3 {
  color: #DF2027;
  font-size: 22px;
}
#vComment .fac-trilogy.two .vco-star {
  margin-bottom: 10px;
}
#vComment .fac-trilogy.two > .cl > p:last-child {
  font-family: "League Bold", sans-serif;
  font-size: 28px;
}
#vComment .vco-products {
  background-color: #DF2027;
}
#vComment .vco-products, #vComment .vco-products div, #vComment .vco-products table, #vComment .vco-products ul, #vComment .vco-products ol, #vComment .vco-products a, #vComment .vco-products h2, #vComment .vco-products h3, #vComment .vco-products blockquote {
  color: #ffffff;
}
#vComment .vcomments .vco-products h2 {
  text-align: center;
}
#vComment .vcomments .vco-products h2 em {
  border-bottom-color: #ffffff;
  padding-left: 50px;
  padding-right: 50px;
}
#vComment .vcomments .vco-products h2 + div, #vComment .vcomments .vco-products div + h2, #vComment .vcomments .vco-products > .pg > div + div, #vComment .vcomments .vco-products > .pg > .fac.marg + .fac.marg {
  margin-top: 6vw;
}
#vComment .fac-vco-products.reverse {
  flex-direction: row-reverse;
}
#vComment .fac-vco-products > .cl.text {
  text-align: center;
}
#vComment .fac-vco-products > .cl.text > p:first-child {
  line-height: 2;
  font-size: 20px;
  font-family: "League Bold", sans-serif;
}
#vComment .fac-vco-products > .cl.text > p:first-child + p {
  margin-top: 10px;
}
#vComment .fac-vco-products .prod-img {
  position: relative;
  z-index: 1;
  border-radius: 0 0 60px 0;
  background-color: #ffffff;
  padding: 40px;
  text-align: center;
  margin-right: 20px;
  margin-bottom: 20px;
}
#vComment .fac-vco-products .prod-img > a {
  position: relative;
  z-index: 5;
  display: block;
}
#vComment .fac-vco-products .prod-img img {
  display: block;
  margin: 0 auto;
}
#vComment .fac-vco-products .prod-img:before, #vComment .fac-vco-products .prod-img:after {
  content: "";
  position: absolute;
  z-index: 2;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0 0 70px 0;
}
#vComment .fac-vco-products .prod-img:after {
  z-index: 1;
  background-color: #dedede;
  left: 20px;
  top: 20px;
}
#vComment .fac-vco-products .prod-img.reverse {
  border-radius: 0 0 0 60px;
  margin-right: 0;
  margin-left: 20px;
}
#vComment .fac-vco-products .prod-img.reverse:before, #vComment .fac-vco-products .prod-img.reverse:after {
  border-radius: 0 0 0 70px;
}
#vComment .fac-vco-products .prod-img.reverse:after {
  left: -20px;
}
#vComment .vcomments blockquote {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 40px 0;
  font-family: "League Bold", sans-serif;
  font-size: 18px;
}
#vComment .vcomments blockquote > * {
  position: relative;
  z-index: 5;
}
#vComment .vcomments blockquote:before, #vComment .vcomments blockquote:after {
  content: "";
  width: 86px;
  height: 58px;
  background: transparent url(/assets/img/commentImg/ico-blockquote-2.png) center center no-repeat;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
#vComment .vcomments blockquote:after {
  right: 0;
  left: auto;
  top: auto;
  bottom: 0;
  transform: rotateX(180deg) rotateY(180deg);
}
#vComment .vco-star {
  display: inline-block;
  width: 155px;
  height: 27px;
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat;
  font-size: 0;
  margin: 5px 10px;
}
#vComment .vco-star.vco-star_1 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_1_5 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star-half.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_2 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_2_5 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star-half.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_3 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_3_5 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star-half.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_4 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-empty.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_4_5 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star-half.png) 128px 0 no-repeat;
}
#vComment .vco-star.vco-star_5 {
  background: url(/assets/img/commentImg/vc-star.png) 0 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 32px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 64px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 96px 0 no-repeat, url(/assets/img/commentImg/vc-star.png) 128px 0 no-repeat;
}
#vComment .slick-popular .slick-prev, #vComment .slick-popular .slick-next {
  border: 6px solid #ffffff;
  border-width: 6px 6px 0 0;
  width: 20px;
  height: 20px;
}
#vComment .slick-popular .slick-prev:hover, #vComment .slick-popular .slick-next:hover {
  border-color: #DF2027 #DF2027 transparent transparent;
}
#vComment .slick-slider > .slick-list > .slick-track > .slick-slide img.auto {
  width: auto;
  margin: 0 auto;
}
#vComment .slick-prev, #vComment .slick-next {
  width: 23px;
  height: 23px;
  border: 2px solid #ffffff;
  border-width: 8px 8px 0 0;
  top: calc(50% - 10px);
}
#vComment .vcomments .slick-prev {
  left: -75px;
}
#vComment .vcomments .slick-next {
  right: -75px;
}
#vComment .slick-prev:hover, #vComment .slick-next:hover {
  border-width: 8px 8px 0 0;
  border-color: #DF2027;
}
#vComment .vcomments .slick-dots {
  display: none !important;
}
#vComment .vcomments a.stick {
  position: absolute;
  z-index: 10;
  font-size: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#vComment .vcomments .grid-article {
  grid-gap: 50px 5px;
}
#vComment .vcomments .welcome > .pg {
  position: relative;
  z-index: 1;
  background: #DF2027;
  min-height: 250px;
}
#vComment .vcomments .welcome .hiimg img {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
}
#vComment .vcomments .welcome .hi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  padding-top: 70px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 10px;
}
#vComment .vcomments .welcome .hi h1 {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  color: #ffffff;
  background-color: #DF2027;
}
#vComment .vcomments .vc-video {
  background: #F3F3F3 url(/assets/img/commentImg/comment-bullet-bg.png) center center no-repeat;
  background-size: cover;
}
#vComment .vcomments .vc-video-cover {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color: #ffffff;
}
#vComment .vcomments .vc-video-cover iframe {
  display: block;
}
#vComment .vcomments .vc-share-you {
  background: #F3F3F3;
}
#vComment .trilogy-iconic a.ico {
  display: block;
  padding: 40px;
  background-color: #F1F1F1;
  font-family: "League Bold", sans-serif;
}
#vComment .trilogy-iconic a.ico:before {
  content: "";
  width: 84px;
  height: 84px;
  display: block;
  margin: 0 auto 40px auto;
  -webkit-mask: url(/assets/img/commentImg/ico-urun.svg) no-repeat;
  -webkit-mask-size: auto 100%;
  mask: url(/assets/img/commentImg/ico-urun.svg) no-repeat 50% 50%;
  mask-size: auto 100%;
  background-color: #454545;
}
#vComment .trilogy-iconic a.ico:hover {
  background-color: #DF2027;
  color: #ffffff;
}
#vComment .trilogy-iconic a.ico:hover:before {
  background-color: #ffffff;
}
#vComment .trilogy-iconic a.ico.two:before {
  -webkit-mask-image: url(/assets/img/commentImg/ico-alisveris.svg);
  mask-image: url(/assets/img/commentImg/ico-alisveris.svg);
}
#vComment .trilogy-iconic a.ico.three:before {
  -webkit-mask-image: url(/assets/img/commentImg/ico-magaza.svg);
  mask-image: url(/assets/img/commentImg/ico-magaza.svg);
}
#vComment .vcomments .textPopup {
  position: absolute;
  z-index: 1001;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: max-content;
  max-width: 400px;
  height: fit-content;
  box-sizing: border-box;
  padding: 20px;
  background-color: #ffffff;
  color: #212440;
  text-align: center;
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: left center;
}
#vComment .vcomments .textPopup.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#vComment .vcomments .textPopup a.closeme {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  background-color: transparent;
  color: #DF2027;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  text-decoration: none;
}
#vComment .vcomments .textPopup p {
  margin: 0;
}
#vComment .vcomments .textPopup, #vComment .vcomments .textPopup p, #vComment .vcomments .textPopup ul, #vComment .vcomments .textPopup ol {
  font-size: 14px;
}
#vComment .vcomments .textPopup p + p, #vComment .vcomments .textPopup p + ul, #vComment .vcomments .textPopup ul + p {
  margin-top: 30px;
}
#vComment .vcomments .fac-trilogy {
  position: relative;
  z-index: 1;
}
#vComment .vcomments .fac.fac-trilogy > .cl {
  position: static;
}
#vComment .vcomments .fac-trilogy > .one {
  z-index: 5;
}
#vComment .vcomments .fac-trilogy > .one .textPopup {
  max-width: none;
  left: 31%;
  width: 64%;
  background-color: #F3F3F3;
  padding: 30px;
  text-align: left;
  height: auto;
  top: 0;
  bottom: auto;
}
#vComment .white, #vComment .white div, #vComment .white table, #vComment .white a, #vComment .white p, #vComment .white h1, #vComment .white h2, #vComment .white h3 {
  color: #ffffff;
}
#vComment .cc-tabs .tab-contents .tab-part {
  display: none;
}
#vComment .cc-tabs .tab-contents .tab-part:first-child {
  display: block;
}
#vComment .cc-tabs .tab-links {
  font-size: 14px;
  font-family: "League Medium", sans-serif;
  margin-left: -2.5px;
  margin-right: -2.5px;
}
#vComment .cc-tabs .tab-links a {
  display: inline-block;
  margin: 2.5px 7.5px;
}
#vComment .cc-tabs .tab-links a.active {
  color: #DF2027;
}
#vComment .cc-tabs .tab-contents + p {
  margin-top: 60px;
}
#vComment .cc-tab-mobile {
  position: relative;
  z-index: 8;
}
#vComment a.cc-tab-mobile-open {
  display: block;
  color: #ffffff;
  background-color: #DF2027;
  padding: 10px 20px;
  position: relative;
  z-index: 1;
  font-size: 12px;
  line-height: 14px;
}
#vComment a.cc-tab-mobile-open:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 8px;
}
#vComment a.cc-tab-mobile-open.active:after {
  transform: rotate(-135deg);
  top: 14px;
}
#vComment .cc-tab-mobile-links {
  background-color: #DF2027;
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 125%;
  visibility: hidden;
  opacity: 0;
}
#vComment .cc-tab-mobile-links.active {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
#vComment .cc-tab-mobile-links > a {
  display: block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}
#vComment .click-toggle .grid-article {
  display: block;
  text-align: left;
}
#vComment .click-toggle .grid-article > article {
  position: relative;
  z-index: 1;
}
#vComment .click-toggle .grid-article > article + article {
  margin-top: 0;
}
#vComment .click-toggle .grid-article > article .text {
  display: none;
  position: relative;
  z-index: 25;
  padding-bottom: 30px;
  border-bottom: 1px solid #BBBBBB;
}
#vComment .click-toggle .grid-article > article:first-child .text {
  display: block;
}
#vComment .click-toggle em.click-pointer {
  width: 17px;
  height: 17px;
  position: absolute;
  font-size: 0;
  right: 0;
  top: 27px;
  display: block;
}
#vComment .click-toggle em.click-pointer:before, #vComment .click-toggle em.click-pointer:after {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #DF2027;
  left: 50%;
  margin-left: -1.5px;
  border-radius: 2px;
}
#vComment .click-toggle em.click-pointer:after {
  transform: rotate(90deg);
}
#vComment .click-toggle .active em.click-pointer {
  transform: rotate(-135deg);
}
#vComment .click-toggle .grid-article h2 {
  font-size: 22px;
  padding: 20px 0;
  border-bottom: 1px solid #BBBBBB;
  font-family: "League Regular", sans-serif;
}
#vComment .click-toggle .grid-article h2 + div {
  margin-top: 20px;
}
#vComment .click-toggle .grid-article > article:first-child h2 {
  border-top: 1px solid #bbbbbb;
}
#vComment .click-toggle .grid-article article.active h2 {
  color: #000000;
}
#vComment .click-toggle a.go-article {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
}
#vComment .click-toggle .grid-article article p > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#vComment .safari [type=search] {
  -webkit-appearance: none;
}
#vComment .bildirim {
  position: static;
  box-sizing: border-box;
  padding: 20px 40px;
  color: #ffffff;
  background-color: #FA0F47;
  box-shadow: 0px 5px 30px rgba(214, 0, 69, 0.5);
}
#vComment .bildirim.success {
  background-color: #1ED760;
  box-shadow: 0px 5px 30px rgba(30, 215, 96, 0.5);
}
#vComment .bildirim.orange {
  background-color: #FDBA46;
  box-shadow: 0px 5px 30px rgba(253, 186, 70, 0.5);
}
#vComment .bildirim.blue {
  background-color: #3BC0C9;
  box-shadow: 0px 5px 30px rgba(59, 192, 201, 0.5);
}
#vComment .bildirim .bild-simge {
  width: 26px;
  height: 26px;
  float: right;
  margin-left: 10px;
  cursor: pointer;
  opacity: 1;
  line-height: 26px;
  background-color: #fff;
  border-radius: 50%;
  color: red;
  text-align: center;
  position: absolute;
  right: 20px;
  top: -11px;
}
#vComment .bildirim .bild-simge:before {
  content: "x";
}
#vComment .bildirim .bild-simge:hover {
  transform: scale(1.3);
}
#vComment body > .bildirim {
  position: fixed;
  z-index: 1001;
  left: 20px;
  right: 20px;
  top: auto;
  bottom: 20px;
  border-radius: 50px;
}
#vComment body > .bildirim + .bildirim {
  top: auto;
  bottom: 0;
}
#vComment .bildirim.okay {
  background-color: #2dbd39;
  box-shadow: 0px 5px 30px rgba(45, 189, 57, 0.2);
}
#vComment .bildirim.mavi {
  background-color: #00d9d9;
  box-shadow: 0px 5px 30px rgba(0, 217, 217, 0.2);
}
#vComment body > .bildirim + .bildirim {
  display: none !important;
}
#vComment .files-browse .bildirim {
  margin: 10px auto;
  page-break-after: 10px;
  font-weight: bold;
}
#vComment .bildirim + *:not(.bildirim) {
  margin-top: 0 !important;
}
#vComment .trans300, #vComment a, #vComment a:before, #vComment a:after, #vComment .slick-prev, #vComment .slick-next, #vComment .cc-tab-mobile-links, #vComment .textPopup {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#vComment .trans700, #vComment .zoom-img {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
@media only screen and (max-width: 1025px) {
  #vComment .pg {
    margin-left: 20px;
    margin-right: 20px;
  }
  #vComment .vcomments .welcome > .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac-vco-products.fac.marg > .cl {
    margin: 2.5vw;
  }
  #vComment .vcomments section + section {
    margin-top: 0;
  }
}
@media only screen and (orientation: portrait) {
  #vComment .vcomments .paddy {
    padding: 6vh 0;
  }
  #vComment .vcomments .trilogy.paddy {
    padding: 3vh 0 6vh 0;
  }
  #vComment .vcomments .vco-products h2 + div, #vComment .vcomments .vco-products div + h2, #vComment .vcomments .vco-products > .pg > div + div, #vComment .vcomments .vco-products > .pg > .fac.marg + .fac.marg {
    margin-top: 6vh;
  }
  #vComment .vco-products h2 em {
    border-bottom-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  #vComment body > .bildirim {
    left: 40px;
    bottom: 40px;
    top: auto;
    right: auto;
    width: max-content;
    border-radius: 50px;
  }
  #vComment .fac-trilogy > .cl h3 {
    margin-bottom: 18px;
  }
  #vComment .fac-trilogy > .cl p:last-child {
    margin-top: auto;
  }
}
@media only screen and (min-width: 970px) {
  #vComment .mobile + p {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 969px) {
  #vComment .vcomments .fac-trilogy > .one .textPopup {
    left: 0;
    width: 100%;
    top: 0;
    height: auto;
    transform-origin: center top;
  }
}
@media only screen and (max-width: 969px) and (orientation: portrait) {
  #vComment .vcomments h1 {
    font-size: 26px;
    text-align: center;
  }
  #vComment .fc:not(.no) > .cl + .cl, #vComment .fac:not(.no) > .cl + .cl {
    margin-top: 6vh;
  }
  #vComment h2 + div.fac, #vComment h3 + div.fac {
    margin-top: 6vh;
  }
  #vComment .vcomments .vco-products h2 em {
    padding-left: 10px;
    padding-right: 10px;
  }
  #vComment .vcomments h2 {
    font-size: 22px;
  }
  #vComment .vcomments .welcome .hiimg img {
    padding: 20px;
  }
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: unset;
}

body {
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  width: 100%;
  overflow-x: hidden;
}

a {
  color: #2e2e2e;
  cursor: pointer !important;
}
a:hover {
  text-decoration: none !important;
}

ul {
  margin: 0px;
}

.no-text {
  text-indent: -9999px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .header-middle .container .row .user-profile {
        margin:0;
    }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
  .container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .header-middle .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  #main-menu .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 100%;
  }
  .container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}

.section-title {
  float: left;
  width: 100%;
  text-align: center;
  color: #404040;
  font-size: 34px;
  font-family: "League Bold", sans-serif;
}
@media (max-width: 992px) {
  .section-title {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
  }
}

@media (max-width: 1200px) {
  .hidden-m {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.clearfix {
  clear: both;
  min-height: 1px;
  display: block;
}

.btn-v {
  position: relative;
  width: 270px;
  text-align: center;
  height: 50px;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  line-height: 50px;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  display: table;
}
@media (max-width: 992px) {
  .btn-v {
    width: 100%;
    height: 50px;
    line-height: 50px !important;
  }
}

.btn-red {
  background-color: #df2027;
  color: #fff;
}
.btn-red:hover {
  color: #fff;
  background-color: #f7272f;
  box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}

.btn-light {
  border: 2px solid #df2027;
  color: #df2027;
  background: #fff;
  transition: unset;
  line-height: 46px;
}
.btn-light:hover {
  border: 4px solid #f7272f;
  color: #f7272f;
  line-height: 42px;
  background: #fff;
}

.btn-not-register {
  width: 100%;
  height: 50px;
  margin-top: 16px;
  font-weight: 800;
  font-family: "League Bold", sans-serif;
  letter-spacing: 1px;
  padding: 0;
  font-size:18px !important;
} 
.mainarea {
  width: 100%;
  float: left;
  padding: 60px 0;
}
@media (min-width: 1200px) {
  .mainarea {
    margin-top: 16px;
  }
}

.mainarea.dark {
  position: relative;
}
.mainarea.dark .inner {
  z-index: 1;
  position: relative;
}
.mainarea.dark:after {
  content: "";
  width: 140%;
  height: 100%;
  display: table-cell;
  position: absolute;
  left: -20%;
  top: 10px;
  background: #f2f2f2;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .not-container-mobile {
    max-width: none;
    padding: 0px 32px;
  }
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  background: url(/assets/styles/assets/img/icon/unchecked.svg);
  background-size: cover;
}
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
  width: 15px;
  height: 15px;
  background: url(/assets/styles/assets/img/icon/unchecked.svg);
  background-size: cover;
}
.checkbox-container:hover input ~ .checkmark {
  background-color: red;
}
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-loading-div {
    display: none;
    opacity: 0.5;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
    background-image: url(/assets/images/cylinda-loading.png);
    background-repeat: no-repeat;
    background-position: center;
}

.vertical-m-8 {
  margin: 8px 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.hasChild .ui-accordion-header {
  border: 0px solid #cccccc !important;
  background: none !important;
  color: #2b2b2b;
  padding: 8px 0px;
}
.hasChild ul {
  padding: 0px;
  list-style: none;
}
.hasChild ul li:first-child {
  margin-top: 0px !important;
}
.hasChild ul li a {
  padding: 4px 0px;
}
.hasChild .ui-accordion-content {
  padding: 0px 0px 0px 16px;
}
.hasChild .ui-state-active, .hasChild .ui-widget-content .ui-state-active, .hasChild .ui-widget-header .ui-state-active, .hasChild a.ui-button:active, .hasChild .ui-button:active, .hasChild .ui-button.ui-state-active:hover {
  background: #f9f9f9 !important;
  color: #636363 !important;
  border: 0px !important;
}

.custom-loading-div {
    display: table;
    opacity: 0.5;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
    background-image: url(/assets/images/cylinda-loading.png);
    background-repeat: no-repeat;
    background-position: center;
}

.menuList-V {
  padding: 0px;
  list-style: none;
}
.menuList-V li {
  display: inline-block;
}
.menuList-V li a {
  line-height: 40px;
  display: table;
  border-bottom: solid 3px rgba(223, 32, 39, 0);
  margin-right: 16px;
  font-family: "League Medium", sans-serif;
  font-size: 15px;
  color: #2e2e2e;
  transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1);
}
.menuList-V li a.active {
  color: #000;
  border-bottom: solid 3px var(--cylinda-primary);
}

@media (min-width: 1200px) {
  #category-list ul {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#category-list ul {
  list-style: none;
  padding: 0px;
}
#category-list ul li a {
  display: table;
  border-bottom: solid 2px var(--cylinda-primary);
  margin: 16px 0 0 0;
  width: 100%;
}
#category-list ul li a img {
  width: 100%;
  height: auto;
}
#category-list ul li a .shortdesc {
  float: left;
  width: 100%;
  height: 170px;
  box-sizing: border-box;
  /*padding: 10px 20px;*/
  padding: 10px;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  position: relative;
}
    #category-list ul li .shortdesc {
        background-color: #7a7a7a17;
        display: block;
        padding: 16px;
    }
        #category-list ul li .shortdesc a {
            margin-top: 0;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 0;
        }
@media (max-width: 1200px) {
  #category-list ul li a .shortdesc {
    height: auto;
    padding-bottom: 70px;
  }
}
#teknoloji #category-list ul li a .shortdesc .detail-btn {
    background-color: #df2027 !important;
    color: #fff !important;
}
#category-list ul li a .shortdesc .detail-btn{
    position: absolute;
    right: 20px;
    bottom: 16px;
    background-color: #eee;
    color: #2e2e2e;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    letter-spacing: 2px;
    font-family: "League Bold", sans-serif;
    font-size: 16px;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
} 

#category-list ul li a.product-button {
    position: absolute;
    left: 30px;
    bottom: 16px;
    background-color: #df2027;
    color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    letter-spacing: 2px;
    font-family: "League Bold", sans-serif;
    font-size: 16px;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

#category-list ul li a.product-button {
    position: absolute;
    width: calc((100% - 60px) / 2 );
    left: 25px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border-bottom:none;
    bottom:12px;
}
#category-list ul li a.product-button:hover {
    color: #fff;
    background-color: #f7272f;
    box-shadow: 0 6px 20px 0 rgba(247, 39, 47, 0.5);
}
#category-list ul li a .shortdesc .detail-btn {
    width: calc((100% - 28px) / 2 );
    text-align: center;
    right: 10px;
    bottom: 10px;
}
#category-list ul li a .shortdesc .detail-btn:hover {
    background-color: #df2027;
    color: #fff;
}
@media (max-width: 991px) {
    #category-list ul li a.product-button {
        right: 125px;
        padding: 0 7px;
        height: 40px;
        line-height: 38px;
        left:12px;
        width: calc((100% - 34px) / 2 );
    }
    #category-list ul li a .shortdesc .detail-btn {
        width: calc((100% - 32px) / 2 );
    }
    .camp-bottom .campaign-date .date {
        position: initial;
        padding: 4px 16px;
    }
    .camp-bottom .campaign-date .text {
        position: initial;
        /*padding-left: 50px;*/
    }
}
.tusla-iframe-container {
  width: 330px;
  position: fixed;
  overflow: auto !important;
  border-radius: 8px;
  z-index: 999999;
  right: 25px;
  bottom: 90px;
  background-color: #fff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.01);
}

@media (min-height: 801px) {
  .tusla-iframe-container {
    height: 550px;
  }
}
.tusla-iframe-container.tusla-hidden-iframe {
  display: none;
}

.tusla-iframe-container iframe {
  position: fixed;
  height: 550px;
  bottom: 82px;
  border-radius: 10px;
  background-color: white;
}

.tusla-toggle-iframe {
  width: 80px;
  height: 80px;
  position: fixed;
  right: 15px;
  bottom: 0px;
  z-index: 99999;
  cursor: pointer;
}

.tusla-toggle-iframe img {
  max-width: 100%;
}

.tusla-toggle-iframe .close-icon {
  display: none;
}

.tusla-toggle-iframe.close-iframe img {
  display: none;
}

.tusla-toggle-iframe.close-iframe .close-icon {
  display: block;
}

@media (max-width: 700px) {
  .tusla-iframe-container {
    width: 100%;
    right: 0;
    top: 0;
    bottom: inherit;
  }

  .tusla-iframe-container iframe {
    width: 100%;
  }
}
.errorpage {
  text-align: center;
  margin: 50px 0;
}
.errorpage .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  display: table;
  margin: auto;
  width: 60px;
  float: none;
  height: 60px;
  background-position: -340px -120px;
}
.errorpage h1 {
  color: #dc3c3c;
  font-family: "League Medium", sans-serif;
  font-size: 62px;
  margin: 10px 0;
  height: 60px;
  line-height: 60px;
}
@media (max-width: 768px) {
  .errorpage h1 {
    font-size: 30px;
  }
}
.errorpage h2 {
  font-family: "League Medium", sans-serif;
  margin-bottom: 20px;
  font-size: 20px;
}
.errorpage p {
  color: #293033;
  font-family: "League Regular", sans-serif;
  font-size: 16px;
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.errorpage .goto-homepage {
  display: inline-block;
  background-color: #dc3c3c;
  padding: 0 40px;
  border-color: #dc3c3c;
  margin: 40px auto;
  margin-bottom: 0;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
}
.errorpage .goto-homepage:hover {
  background-color: #c92822;
}
.errorpage .errorpage-search {
  width: 700px;
  display: inline-block;
  margin: 50px 0;
  font-size: 0;
}
.errorpage .errorpage-search input[type=text] {
  width: 570px;
  margin-right: 0;
  display: inline-block;
  vertical-align: top;
}
.errorpage .errorpage-search input[type=button], .errorpage .errorpage-search input[type=submit] {
  width: 120px;
  border-color: #293033;
  background-color: #293033;
  color: #fff;
  font-family: "League Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: top;
}

li.error .error-text {
  display: block;
}

.error-text {
  float: right;
  position: relative;
  padding-right: 34px;
  height: 30px;
  line-height: 30px;
  font-family: "League Regular", sans-serif;
  font-size: 14px;
  color: #dc3c3c;
  display: none;
}
.error-text .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  background-position: -210px -932px;
}

.linethrough {
  text-decoration: line-through;
}

#addressForm textarea {
  height: 136px !important;
}
#addressForm .c-checkbox {
  width: auto;
  margin-right:16px;
}
#addressForm #deleteButton {
  border: 0px !important;
}

#alert-popup {
  display: table;
  margin: auto;
  text-align: center;
}
#alert-popup .alert {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-image: url(/assets/img/popup-icon-sprite.svg);
  -webkit-background-size: 180px;
  -moz-background-size: 180px;
  -o-background-size: 180px;
  background-size: 180px;
  float: none;
  margin: 0px;
}
#alert-popup .success {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-image: url(/assets/img/popup-icon-sprite.svg);
  -webkit-background-size: 180px;
  -moz-background-size: 180px;
  -o-background-size: 180px;
  background-size: 180px;
  float: none;
  margin: 0px;
  background-position: 0px -90px;
}
#alert-popup h3 {
  font-family: "League Medium", sans-serif;
  font-size: 34px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  text-align: center;
  color: #293033;
}

#assistboxsupport input {
  outline: 0px !important;
  box-shadow: none;
  border-radius: 0px;
  border-width: 1px !important;
}
#assistboxsupport input:focus {
  border-color: #dc3c3c !important;
}

a:hover {
  text-decoration: none !important;
  color: #df2027;
}

.page-head h1 {
  font-family: "League Bold", sans-serif;
  font-size: 28px;
  color: #404040;
  margin-bottom: 5px;
}

.my-order-not-login h1 {
  margin: 0px !important;
}
.my-order-not-login .desc {
  text-align: center;
}

#myOrderCheck {
  margin: 32px auto;
  display: table;
}
#myOrderCheck .inputNumber {
  width: 300px;
  border: 1px solid #d3d3d3;
}
#myOrderCheck .btnOrderNoSearch {
  width: 200px;
  background: #d3d3d3;
  color: #000;
  border: 1px solid #d3d3d3;
}
@media (max-width: 640px) {
  #myOrderCheck {
    width: 100%;
  }
  #myOrderCheck .inputNumber {
    width: 70%;
  }
  #myOrderCheck .btnOrderNoSearch {
    width: 30%;
  }
}

#corporate .my-support-boxs {
  margin: 32px 0px;
}
#corporate .my-support-boxs .dark .icon {
  filter: brightness(20.5);
}
#corporate .my-support-boxs .support-link .icon-3 .icon {
  background-position: -80px 0;
}
#corporate .my-support-boxs .support-link .icon-download {
  background-image: url(/assets/img/download.svg) !important;
  background-size: 40px 80px !important;
  background-position: 0 0 !important;
}
#corporate .my-support-boxs .corporate-link-content > .icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 5px;
  background-image: url(/assets/img/corporate-panel-icons.svg);
  -webkit-background-size: 160px 160px;
  -moz-background-size: 160px 160px;
  -o-background-size: 160px 160px;
  background-size: 160px 160px;
}

.full-img {
  width: 100%;
}
.full-img img {
  width: 100%;
}

.ac-info {
    font-family: "League Regular",sans-serif;
    font-size: 18px;
    color: #2e2e2e;
    margin: 0px 16px 16px;
    letter-spacing: 0.2px;
}

@media (max-width: 400px) {
    .ac-info {
        font-family: "League Regular",sans-serif;
        font-size: 18px;
        color: #2e2e2e;
        letter-spacing: 0.2px;
        margin: 0 0 16px 0;
    }
}

.profile-content .address-box {
    background-color: #f2f2f2;
    padding: 30px;
    width: 100%;
    margin-bottom: 40px;
}
.profile-content .address-box p {
  margin-bottom: 0;
  color: #293033;
}

@media (min-width: 768px) {
  .visible-mobile-x {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .hidden-mobile-x {
    display: none;
  }
}

.vertical-checkbox .c-checkbox {
  display: table;
  float: none;
}
.vertical-checkbox .c-checkbox:last-child {
  margin-top: 0px;
}

@media (max-width: 768px) {
  .c-checkbox {
    display: table;
  }
}

@media (min-width: 1200px) {
    .cart-disabled {
        display: none !important;
    }
}

.mobile-header .basket .cart span.quantity.active {
    background-color: #ff7f29;
    box-shadow: 0 2px 4px rgba(255, 124, 41, 0.4);
}

.lookBookProductItem .product-detail {
  width: 60%;
  float: left;
  padding: 10% 8px 8px 8px;
}

.lookBookProductItem figure img {
  width: 100%;
}

.lookBookProductItem {
  width: 700px;
  max-width: 100%;
  display: table;
  background: #fff;
}
@media (max-width: 768px) {
  .lookBookProductItem {
    width: 100%;
  }
}
#lookBook {
  background: #3a3a3a;
  display: table;
  width: 100%;
  min-height: 500px;
  z-index: 9;
  position: relative;
}
.profile-info-list {
  list-style: none;
  padding: 0px 0px 30px;
  margin: 30px 0px;
}
.profile-info-list fieldset {
  float: left;
  display: table;
}
@media (max-width: 480px) {
  .profile-info-list fieldset {
    width: 100%;
  }
}
.profile-info-list input[type=button] {
  background-color: #dc3c3c;
  color: #fff;
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  border: 0;
  float: left;
  margin-top: 30px;
  margin-left: 16px;
  padding: 0px 16px;
}
@media (max-width: 480px) {
  .profile-info-list input[type=button] {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 16px;
  }
}
.profile-info-list .label {
  line-height: 30px;
  width: 100%;
  float: left;
  font-family: "League Medium", sans-serif;
  color: #293033;
  font-size: 16px;
  margin: 0;
  text-align: left;
  font-weight: normal;
  padding: 0;
}
.profile-info-list li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
}

.product-results {
  display: table;
  width: 100%;
  margin: 32px 0px 0px;
  padding: 16px 0px 0px;
}
.product-results .product-list {
  padding: 32px 16px 0px;
  margin: 0px;
  display: table;
  width: 100%;
}
.product-results .product-list ul {
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: table;
}
.product-results .product-list .product-list-item-wrap {
  width: 280px;
  box-shadow: 1px 1px 20px 8px #8dc8e8;
  display: inline-block;
  margin: 16px;
  min-width: 280px;
}
.product-results .product-list .product-list-item-wrap .desc {
  height: auto;
  padding-bottom: 60px;
}
.product-results .product-list .product-list-item-wrap .product-title {
  font-family: "League Medium", sans-serif;
  font-size: 16px;
  margin: 16px 0px 0px;
  color: #000;
  position: relative;
  bottom: 8px;
  width: 100%;
  left: 0px;
  text-align: center;
  min-height: unset;
  padding: 0px 16px;
}
.product-results .profile-content p {
  font-size: 16px !important;
  line-height: 1.6em !important;
}
.product-results .profile-content ul {
  font-family: "League Regular", sans-serif;
  font-size: 18px;
  line-height: 1.6em;
  color: #7a7a7a;
  margin-bottom: 20px;
  list-style: circle;
  margin-left: 20px;
}

.textWrap {
  display: table;
  width: 100%;
  margin: 16px 0px;
}

.uk-wrap {
  /*.uk-link, a { color: inherit !important; }
  .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover { text-decoration: none !important; color: #df2027 !important; }*/
  /*.us-bold { font-family: "Gotham-Bold",sans-serif; }
  .us-book { font-family: "Gotham-Book",sans-serif; }
  .us-light { font-family: "Gotham-Light",sans-serif; }*/
  /* section.us-table .contentRight { height: 230px; } */
}
.uk-wrap ul.info-list {
  margin-top: 0 !important;
}
.uk-wrap ul.us-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.uk-wrap .uk-table {
  width: 100% !important;
}
.uk-wrap .uk-table td {
  padding: 18px 12px;
}
.uk-wrap h1 .us-h1 {
  font-size: 36px;
}
.uk-wrap p.us-subtitle {
  font-size: 30px;
}
.uk-wrap span.us-headtitle {
  font-size: 18px;
}
.uk-wrap span.us-subtitle {
  font-size: 15px;
}
.uk-wrap span.us-title {
  font-size: 36px;
}
.uk-wrap span.us-text {
  font-size: 14px;
}
.uk-wrap span.us-textsmall {
  font-size: 13px;
}
.uk-wrap .us-colorBlack {
  color: #000;
}
.uk-wrap .us-colorWhite {
  color: #fff;
}
.uk-wrap .us-lightRed {
  background-color: #e33131;
}
.uk-wrap .us-darkRed {
  background-color: #cc2f2f;
}
.uk-wrap .us-grey {
  background-color: #f2f2f2;
}
.uk-wrap .us-header {
  background: url(/assets/img/11358f3.jpg) no-repeat center;
  background-size: cover;
  height: 400px;
  position: relative;
}
.uk-wrap .us-header h1.us-h1 {
  text-transform: uppercase;
}
.uk-wrap .us-textMaxwidth {
  width: 100%;
  max-width: 861px;
  margin: 0 auto;
}
.uk-wrap .us-textMaxwidth p {
  line-height: 38px;
}
.uk-wrap section.us-table {
  margin-top: 22px;
  margin-bottom: 22px;
}
.uk-wrap section.us-table .heading {
  padding: 10px 0;
}
.uk-wrap section.us-table .subheading .us-subtitle {
  border-right: 1px solid #cc2f2f;
  border-bottom: 1px solid #cc2f2f;
  padding: 12px 0;
  display: block;
}
.uk-wrap section.us-table .firstHeading {
  padding: 23px 0;
  width: 100%;
  max-width: 277px;
}
.uk-wrap section.us-table .contentheading {
  width: 100%;
  max-width: 277px;
}
.uk-wrap section.us-table .contentheading span {
  padding-left: 34px;
  display: block;
  border-bottom: 1px solid #cc2f2f;
  border-right: 1px solid #cc2f2f;
  border-left: 1px solid #cc2f2f;
  padding: 17px 0 17px 20px;
}
.uk-wrap section.us-table div.us-border {
  border-bottom: 1px solid #cc2f2f;
  border-right: 1px solid #cc2f2f;
}
.uk-wrap .us-tablev1 .us-width377 {
  width: 377px;
  padding-left: 22px;
}
.uk-wrap .us-tablev1 .us-width252 {
  width: 252px;
}
.uk-wrap .us-tablev1 .us-box {
  padding: 0;
}
.uk-wrap .us-tablev1 .us-box span {
  border-right: 1px solid #cc2f2f;
  border-bottom: 1px solid #cc2f2f;
  padding: 18px 0;
}
.uk-wrap .us-tablev1 .us-box-border {
  border-left: 1px solid #cc2f2f;
  border-right: 1px solid #cc2f2f;
  border-bottom: 1px solid #cc2f2f;
}
.uk-wrap .us-tablev1 .us-box .us-padding-left {
  padding-left: 12px;
}
.uk-wrap .div-content {
  width: 900px;
  float: right;
  margin-bottom: 80px;
}
.uk-wrap .uk-grid > *, .uk-wrap ol, .uk-wrap ul {
  padding-left: 0px !important;
}
.uk-wrap #main {
  display: table;
  width: 100%;
}
.uk-wrap .us-header h1 {
  font-weight: bold;
  margin: auto;
  font-size: 35px !important;
}
.uk-wrap p.us-subtitle {
  font-size: 23px;
  width: 77%;
  margin: auto;
}
.uk-wrap .us-table {
  width: 940px;
}
.uk-wrap .uk-container {
  display: table;
  width: 100%;
  padding: 0px;
}
.uk-wrap us-header {
  background-size: contain !important;
  height: 300px !important;
}
@media screen and (max-width: 914px) {
  .uk-wrap h1 .us-h1 {
    font-size: 24px;
  }
  .uk-wrap p.us-subtitle {
    font-size: 16px;
    width: 95%;
    margin: auto;
  }
  .uk-wrap span.us-headtitle {
    font-size: 12px;
  }
  .uk-wrap span.us-subtitle {
    font-size: 11px;
  }
  .uk-wrap span.us-title {
    font-size: 25px;
  }
  .uk-wrap span.us-text {
    font-size: 9px;
    font-weight: bold;
  }
  .uk-wrap span.us-textsmall {
    font-size: 9px;
  }
  .uk-wrap .us-textMaxwidth {
    max-width: 500px;
  }
  .uk-wrap .us-textMaxwidth p {
    line-height: 24px;
  }
  .uk-wrap section.us-table .firstHeading {
    padding: 23px 0;
    width: 100%;
    max-width: 145px;
  }
  .uk-wrap section.us-table .contentheading {
    width: 100%;
    max-width: 145px;
  }
  .uk-wrap section.us-table .contentheading span {
    padding-left: 5px;
  }
  .uk-wrap .us-tablev1 .us-width377 {
    width: 132px;
    padding-left: 12px;
  }
  .uk-wrap .us-tablev1 .us-width252 {
    width: 192px;
  }
  .uk-wrap .us-tablev1 .us-box span {
    height: 90px;
    line-height: 1.5;
  }
  .uk-wrap .us-header {
    height: 300px;
  }
  .uk-wrap .div-content {
    width: 100%;
    float: right;
    margin-bottom: 30px;
  }
  .uk-wrap .us-header h1 {
    font-size: 24px !important;
    line-height: 30px;
  }
  .uk-wrap .us-table {
    width: 100%;
  }
  .uk-wrap section.us-table {
    padding: 0px;
    margin: 16px 0px;
  }
  .uk-wrap .uk-table {
    width: 104.5% !important;
    padding-left: 15px;
  }
  .uk-wrap .uk-table td {
    padding: 0px 0px !important;
  }
}
@media screen and (max-width: 600px) {
  .uk-wrap span.us-headtitle {
    font-size: 12px;
  }
  .uk-wrap span.us-subtitle {
    font-size: 10px;
    font-weight: bold;
  }
  .uk-wrap span.us-colorBlack {
    font-size: 9px !important;
  }
  .uk-wrap span.us-title {
    font-size: 20px;
  }
  .uk-wrap span.us-text {
    font-size: 10px;
    font-weight: bold;
  }
  .uk-wrap span.us-light {
    font-weight: unset;
  }
  .uk-wrap .us-textMaxwidth {
    max-width: 500px;
  }
  .uk-wrap .us-textMaxwidth p {
    line-height: 24px;
  }
  .uk-wrap section.us-table .firstHeading {
    padding: 23px 0;
    width: 100%;
    max-width: 115px;
  }
  .uk-wrap section.us-table .contentheading {
    width: 100%;
    max-width: 115px;
  }
  .uk-wrap section.us-table .contentheading span {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .uk-wrap .us-tablev1 .us-box-border {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .uk-wrap .us-tablev1 .uk-table td {
    padding: unset 4px !important;
  }
  .uk-wrap .us-tablev1 .us-width377 {
    width: 95px;
    padding-left: 12px !important;
  }
  .uk-wrap .us-tablev1 .us-width252 {
    width: 75px;
    height: 100px;
  }
}

.fac-question .icon {
  background: none;
  float: none;
  width: unset;
  height: unset;
  margin-right: unset;
}
@media (max-width: 992px) {
  .quickViewDiv {
    width: 34px !important;
    height: 34px !important;
  }
}
#reguslayon ul.regulasyon {
  display: flex;
  width: 100%;
  list-style: none;
}
#reguslayon ul.regulasyon li {
  border-right: 2px solid lightgray;
  width: 25%;
  text-align: center;
  padding: 45px 0;
}
#reguslayon ul.regulasyon li:last-child {
  border-right: none;
}
#reguslayon ul.regulasyon li img {
  margin: 0 auto;
  display: block;
  max-height: 150px;
}
#reguslayon ul.regulasyon li div {
  color: #656565;
  font-weight: bold;
  font-size: 16px;
  margin: 20px 0;
}
#reguslayon ul.regulasyon li p {
  color: #656565;
  font-size: 13px;
}
#reguslayon ul.regulasyon li a {
  background: #ef1213;
  color: white;
  padding: 8px 30px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
}
#reguslayon ul.regulasyon li span {
  cursor: default !important;
  background: lightgray;
  color: white;
  padding: 8px 30px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
}
#reguslayon .displayNone {
  display: none;
}
@media only screen and (max-width: 720px) {
  #reguslayon ul.regulasyon {
    display: block;
  }
  #reguslayon ul.regulasyon li {
    border-bottom: 1px solid lightgray;
    width: 100%;
  }
  #reguslayon ul.regulasyon li:last-child {
    border-bottom: none;
   }
 }
.CookieContentDiv {
  display: flex;
}
.CookieContentDiv .ContentDiv {
  width: 90%;
  color: #000;
}

.CookiePopDiv {
  padding: 20px 8px;
  font-size: 15px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
}
.CookiePopDiv p {
  font-size: 15px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
  line-height: 1.6em;
}
.CookiePopDiv #btnClose {
  float: right;
  margin-right: 10px;
  font-size: 18px;
  text-decoration: none;
}
.CookiePopDiv .check-all-cookie {
  display: flex; 
  float: left;
}
.CookiePopDiv p {
  margin-left: 5px;
}
.CookiePopDiv input[type=button] {
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  padding: 0 20px;
  height: 40px;
  background-color: #dc3c3c;
  border: 0;
  margin-top: 30px;
  margin-right: 15px;
  margin-bottom: 7px;
  float: left
}
.CookiePopDiv .faq {
  width: 100%;
  border: 0px !important;
  border-bottom: 2px solid #ebebeb !important;
}
.CookiePopDiv .faq .ui-accordion-header-icon {
  display: none;
}
.CookiePopDiv .faq .ui-accordion-header, .CookiePopDiv .faq .ui-widget-content {
  border: 0px;
  border-radius: 0px !important;
}
.CookiePopDiv .faq .ui-accordion-content {
  padding: 0px 0px 16px;
}
.CookiePopDiv .faq .ui-accordion-content .ContentDiv {
  width: 85%;
  display: inline-block;
  float: left;
}
.CookiePopDiv .faq .ui-accordion-header {
  line-height: 1.6em;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  color: #293033;
  background-color: #fff;
  border: 0px;
  border-radius: 0px !important;
  height: auto;
  padding: 24px 12px;
}
.CookiePopDiv .faq.ui-accordion .ui-accordion-header {
  color: #000 !important;
}
.CookiePopDiv .faq.ui-accordion .ui-accordion-header:hover {
  color: unset !important;
}
.CookiePopDiv .faq.ui-accordion .ui-accordion-header .icon {
  background-image: url(/assets/img/old-bg-sprite.svg);
  position: absolute;
  right: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  background-position: -210px -312px;
}
.CookiePopDiv .faq.ui-accordion .ui-accordion-header.ui-state-active .icon {
  background-position: -250px -352px !important;
}
.CookiePopDiv .faq .ui-accordion .ui-accordion-header .icon:hover {
  background-position: -250px -316px;
}

@media screen and (max-width: 760px) {
  .cookie-bar {
    padding: 0 !important;
  }
  .cookie-bar .inner {
    padding: 0 5px;
  }
  .cookie-bar .inner .close-cookie-bar {
    top: 3px;
    right: 5px;
    height: 20px;
    width: 20px;
  }
  .cookie-bar .inner .title {
    font-size: 10px;
    margin: 0;
  }
  .cookie-bar .inner p {
    font-size: 8px;
  }
}
@media screen and (max-width: 1200px) {
  .modal-content {
    width: auto !important;
    border-radius:0px;
  }
  .modal .btnCookieManage, .modal .btnKabul {
      font-size: 9px !important;
  }
  .modal-content p {
      font-size: 10px !important;
  }
}
@media screen and (max-width: 760px) {
  .modal {
    font-size: 7px;
    line-height: 10px;
  }

  .modal-content p {
    line-height: normal;
  }
  .modal input[type=submit] {
    font-size: 8px;
    width: 30%;
    height: 25px;
  }

  #CookieDiv p {
    font-size: 13px;
  }

  .CookiePopDiv {
    padding: 7px;
  }
  .CookiePopDiv div {
    float: left !important;
    font-size: 14px;
    font-family: "League Medium", sans-serif;
    color: #2e2e2e;
    line-height: 22.4px;
  }

  .modal-content {
    display: unset;
  }

  #cboxTopLeft, #cboxMiddleLeft, #cboxBottomLeft, #cboxBottomCenter, #cboxTopCenter, #cboxTopRight {
    display: unset !important;
  }

}
.figure-auto-width {
  width: 100%;
  height: 420px;
}
.modal-content {
  background-color: #fbfbfb;
  border: 1px solid #888;
  width: 421px;
  bottom: 0;
  left: 0;
  position: fixed;
  padding: 10px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
  text-align: center;
  border-radius: 0px;
}
.modal-content p {
  font-family: "League Medium", sans-serif;
  font-size: .8vw;
  text-align: center;
  line-height: 1.8;
}

.modal input[type=button] {
  font-family: "League Medium", sans-serif;
  color: #fff;
  letter-spacing: 0;
  height: 35px !important;
  background-color: #dc3c3c;
  border: 0;
  margin-top: 8px;
  margin-right: 10px;
  display: inline-block;
  width: 85px;
  font-size: .7vw;
}

.modal .btnCookieManage {
  border: 1px solid #dc3c3c;
  background: #dc3c3c;
  color: #fff;
  height: 35px !important;
  font-family: "League Medium", sans-serif;
  display: inline-block;
  width: 120px;
  text-align: center;
  line-height: 35px;
  margin-top: 8px;
  margin-right: 10px;
  font-size: .7vw;
}

.CookiePopDiv #btnClose {
  float: right;
  margin-right: 10px;
  font-size: 18px;
  text-decoration: none;
}

.CookiePopDiv {
  padding: 8px;
  font-size: 16px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
}
.CookiePopDiv .title {
  font-family: "League Medium", sans-serif !important;
  line-height: 1.6em !important;
  padding: 24px 12px !important;
  color: #000000 !important;
  font-size: 16px !important;
}
.CookiePopDiv .text-st {
  font-size: 14px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
  line-height: 22.4px;
}

.CookiePopDiv input[type=submit] {
  font-family: "League Medium", sans-serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  padding: 0 30px;
  height: 40px;
  background-color: #dc3c3c;
  border: 0;
  margin-top: 12px;
  margin-right: 0px;
  margin-bottom: 7px;
}

.modal-cookie #cboxClose {
  top: 0px;
  width: 30px !important;
  height: 30px !important;
}
.modal-cookie #cboxContent {
  margin-top: 0px;
}

.modal {
  z-index: 999999;
  width: auto;
  height: auto;
}

.content-popup .text {
  font-size: 16px;
  font-family: "League Medium", sans-serif;
  color: #2e2e2e;
}
@media (max-width: 400px) {
  .contact-form .col-12 {
    padding: 0px !important;
  }
}
#comparison ul li .remove-item {
  background: unset;
  display: table;
  position: absolute;
  right: 0px;
  width: 20px;
  height: 17px;
  top: -2px;
  left: unset;
  z-index: 9999;
}
@media not all and (min-resolution: 0.001dpcm) {
  #comparison ul li .remove-item {
    right: 10px;
  }
}
#comparison ul li .remove-item .icon {
  z-index: 9999999999999;
  background-position: -155px -241px !important;
  width: 28px;
  height: 32px;
  filter: brightness(0.5);
  position: static;
}

.tusla-iframe .close-icon {
  background: #f22133;
  border: 1px solid #fff;
  width: 75px;
  height: 75px;
  display: flex !important;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 50%;
}
.tusla-iframe .close-icon img {
  width: 25px;
  display: inline-block !important;
}
.textFull {
  position: absolute;
  background-color: #293033;
  color: #fff;
  padding: 16px;
  top: -50px;
  z-index: 99999;
}
.comment-buyed {
    font-size: 12px;
    color: #919191;
    font-style: italic;
   
}
    .comment-buyed span {
        display: flex;
        align-items: baseline;
    }

.comment-customer {
    font-weight: bold;
    padding-bottom: 7px;
}
.buyed-ok {
    background-image: url(/assets/img/icon/okay.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    border-style: none;
    font-size:0;
}
.hb-comment{
    padding-top:0px;
}
.info-bold {
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
}

.info-italic {
    color: #919191;
    font-style: italic;
    display: block;
    padding-bottom: 5px;
    font-size: 13px;
}
@media screen and (min-width: 2000px) {
    .modal-content {
        width: 19.5vw;
    }

    .modal input[type=button] {
        width: 6vw;
    }

    .modal .btnCookieManage {
        width: 6vw;
    }
    .js-cookie-modal .modal-content p a {
        font-size: .5vw;
    }

    .modal-content p {
        font-size: .5vw;
    }
}

.btn-red-flat-2.active {
  background-color: #c92822;
  border: solid 1px #c92822;
  color: #fff;
}
/*# sourceMappingURL=style.css.map */
#homepages-tiles-content .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.operation-tiles {
    cursor: pointer;
    padding: 5px;
    text-align: center;
    min-width: 120px !important
}
    .operation-tiles:not(:last-child):after {
        position: absolute;
        top: 13%;
        right: -10%;
        content: "";
        background-color: #8d8b8b;
        width: 1.4px;
        height: 70px;
        display: block;
    }


    .operation-tiles .operation-img {
        width: 80px;
        height: 80px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border: 0 !important;
        margin-bottom: 10px;
        display: inline-block
    }

.operation-img.delivery {
    background-image: url(/assets/img/24_saat.png);
}
.operation-img.return {
    background-image: url(/assets/img/30_gun.png);
}
.operation-img.e-randevu {
    background-image: url(/assets/img/e-randevu.png);
}
.operation-img.assistbox {
    background-image: url(/assets/img/cali_magaza.png);
}
.operation-img.user-comments {
    background-image: url(/assets/img/yorum.png);
}

.operation-desc {
    font-family: "League Bold", sans-serif;
    color: #4f4f4f;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    white-space: initial;
}

.op-hour{
    font-size:45px;
}

#homepage-tiles {
    margin-bottom: 70px;
    overflow: auto;
    white-space: nowrap;
}

@media (max-width: 576px){
    .op-hour {
        margin-left: -40px;
    }
}

@media (max-width:640px)
{
    .operation-tiles {
        margin-bottom: 2%;
    }

        .operation-tiles .operation-img {
            width: 70px;
            height: 70px;
        }

        .operation-tiles:not(:last-child):after {
            position: absolute;
            top: 20%;
            right: 0;
            content: "";
            background-color: #8d8b8b;
            width: 1.4px;
            height: 50px;
            display: block;
        }

    .operation-desc {
        font-size: 8px;
        line-height: 1em;
    }

    .op-hour {
        font-size: 25px;
    }
}

@media (min-width: 642px) and (max-width:961px) {
    .operation-tiles .operation-img {
        width: 70px;
        height: 70px;
    }

    .operation-tiles:not(:last-child):after {
        position: absolute;
        top: 20%;
        right: 0;
        content: "";
        background-color: #8d8b8b;
        width: 1.4px;
        height: 70px;
        display: block;
    }

    .operation-desc {
        font-size: 10px;
        line-height: 1em;
    }

    .op-hour {
        font-size: 30px;
    }
  

}

@media (min-width: 962px) and (max-width: 1200px) {
    .operation-tiles .operation-img {
        width: 80px;
        height: 80px;
    }

    .operation-tiles:not(:last-child):after {
        position: absolute;
        top: 20%;
        right: 0;
        content: "";
        background-color: #8d8b8b;
        width: 1.4px;
        height: 70px;
        display: block;
    }

    .operation-desc {
        font-size: 14px;
    }

    .op-hour {
        font-size: 40px;
    }
}
@media(min-width:1200px) {
    .operation-tiles:first-child:after {
        right:-20%;
    }
}
/*@media (max-width:1200px) {
    #homepage-tiles {
        margin-right: 20px;
    }
}*/
@media (max-width:576px) {
   #homepage-tiles .col-6 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
@media (max-width:540px){
    .mainarea.vestelsupport .box{
        height:130px!important;
    }
}

#teknoloji .menuList-V {
    margin: 20px 0;
}
#teknoloji .menuList-V li a {
    color: #000;
    line-height:30px;
    margin-right:15px;
}
#teknoloji .menuList-V li a {
    color: #000;
    line-height:30px;
}
#teknoloji .menuList-V li a.active {
    color: #000;
}
#teknoloji .menuList-V li.all a {
    padding: 0 15px;
    color: #fff;
    background: #ccc;
    border-radius: 5px;
}
#teknoloji .menuList-V li.all a.active {
    background: #df2027;
}
#teknoloji .text-center h3.title {
    font-weight: bold;
    color: #df2027;
    margin: 20px 0;
}
#teknoloji .text-center p.description {
    font-size: 14px;
    color: #000;
    margin: 20px 0;
    font-weight: bold;
}
#teknoloji #category-list ul li a img{
    border:1px solid #d2d2d2;
    border-bottom:none;
}
#teknoloji #category-list ul li a .shortdesc {
    height: 200px;
    border: 1px solid #d2d2d2;
    border-bottom: 3px solid #df2027;
    background-color: #f9f9f9;
}
#teknoloji #category-list ul li a .shortdesc .detail-btn {
    padding: 0 50px;
    font-size: 16px;
    letter-spacing: 0;
}
#teknoloji .shortdesc .campaign-desc {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: block-axis;
    display: -webkit-box;
    font-size: 12px;
}
#teknoloji .shortdesc strong {
    /*font-size: 14px;*/
}
#teknoloji #category-list ul li a{
    border-bottom:none;
}
#teknoloji #category-list ul li a:hover {
    -webkit-box-shadow: -5px 0px 51px -6px rgba(158,158,158,1);
    -moz-box-shadow: -5px 0px 51px -6px rgba(158,158,158,1);
    box-shadow: -5px 0px 51px -6px rgba(158,158,158,1);
}
#teknoloji #category-list ul li a.product-button {
        padding: 0 18px;
        right: 30px;
        font-size: 16px;
        letter-spacing: 0;
        color:black;
        background-color:#eee;
        bottom: 12.5px;
        line-height: 38px;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    #teknoloji #category-list ul li a.product-button {
        padding: 0 13px;
        left: 10px;
        width: auto;
        margin-bottom: 15.5px
    }

}
@media (max-width:991px){
    #teknoloji #category-list ul li a.product-button {
        padding:0 9px;
        left:10px;
    }
    #teknoloji #category-list ul li a .shortdesc .detail-btn {
        padding:0 25px;
    }
}
    /*insider'dan kaynaklı anasayfa düzeltme geri alma talebi gelebilir*/
    #colored-product .info-image {
        position:relative;
    }
    #colored-product .info-image {
        position: relative;
    }

    #colored-product .info-text{
        top:-80px;
    }
    #colored-product .line {
        bottom: 30px;
    }
.banner-map {
    width: 100% !important;
}
.map-wrap {
    display:block;
}
.address-search {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -30px !important;
    position: absolute;
    z-index: 99;
    height: 20px !important;
}
.js-find-location {
    position: relative;
    top: -50px;
    line-height: 48px;
    float: right;
}
.js-get-location {
    padding: 0 10px;
    line-height: 48px;
    float: right;
    width: 50px;
    border-radius: 25px;
    position: absolute;
    z-index: 99;
    right: 50px;
    bottom: 50px;
}
.js-continue-address {
    bottom: 30px;
    left: 15px;
    z-index: 99;
    position: absolute;
}
.banner-map {
    height: 700px !important;
    position: relative !important;
    margin: 0 !important;
}
.map-wrap {
    width:100%
}
.half-part {
    width: 50% !important;
}
.address-map.half-part {
  float:right;
}
@media (max-width: 768px) {
    .address-search {
      padding-right:0;
  }
  .banner-map {
      height: 400px !important;
      position: relative !important;
      margin: 0 !important;
  }
  .half-part {
      width: 100% !important;
  }
}
     .input-container {
        display: block;
        position: absolute;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.btn-vestel-toggle {
    margin: 0 0 0 4.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #dc3c3c;
}
        /* Hide the browser's default checkbox */
        .input-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
        .input-container .checkmark {
            position: absolute;
            top: -4px;
            left: -1px;
            height: 20px;
            width: 20px;
            background-color: white;
            border: 1px solid;
        }

    /* On mouse-over, add a grey background color */
    .input-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .input-container input:checked ~ .input-container .checkmark {
        background-color: white;
        border: 1px solid;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .input-container input:checked ~ .checkmark:after {
        display: block;
    }
        .btn-vestel-toggle:focus,
    .btn-vestel-toggle.focus,
    .btn-vestel-toggle:focus.active,
    .btn-vestel-toggle.focus.active {
        outline: none;
    }

    .btn-vestel-toggle:before,
    .btn-vestel-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        //text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-vestel-toggle:before {
        content: "Bireysel";
        left: -4.5rem;
    }

    .btn-vestel-toggle:after {
        content: "Kurumsal";
        right: -4.5rem;
        opacity: 0.5;
    }

    .btn-vestel-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }
    /* Style the checkmark/indicator */
    .input-container .checkmark:after {
        left: 6px;
        top: 1px;
        width: 7px;
        height: 12px;
        border: solid #e61e29;
        border-width: 0px 2px 2px 0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    @media (max-width:991px){
        .saved-card-item-list {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: scroll;
        }
    }
    @media (min-width:1200px) {
        .paybox-saved-credit-card li:not(:first-child):nth-child(3n+1), .multi-paybox-saved-credit-card li:not(:first-child):nth-child(3n+1) {
            border-left: none !important;
        }
    }
    @media (min-width:992px) {
        .paybox-saved-credit-card li, .multi-paybox-saved-credit-card li {
            margin-bottom: 25px;
        }
    }
.added-to-cart {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 12px;
    display: flex;
    align-items: center;
    z-index: 999;
    background: #fff;
}

    .added-to-cart p {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        background: #fff;
        font-weight: bold;
    }
    
    .btn-vestel-toggle.active {
        transition: background-color 0.25s;
    }

        .btn-vestel-toggle.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .btn-vestel-toggle.active:before {
            opacity: 0.5;
        }

        .btn-vestel-toggle.active:after {
            opacity: 1;
        }

    .btn-vestel-toggle:before,
    .btn-vestel-toggle:after {
        color: #6b7381;
    }

    .btn-vestel-toggle.active {
        //background-color: #29b5a8;
    }

@media (max-width:650px) {
    .new-address-title {
        width: 100%;
        float: left;
    }
    .new-address-choose-title {
        width: 50%;
        float: left;
        margin-top: 10px;
        margin-bottom: 25px;
        margin-left: -30px;
    }
}
@media (min-width:651px) AND (max-width:991px) {
    .new-address-title {
        width: 50%;
        float: left;
    }
    .new-address-choose-title {
        width: 50%;
        float: left;
        margin-top: 10px;
    }
}

.rating-list {
    width: 100%;
    display: flex;
    max-height: 110px;
    position: relative;
    top: -15px;
}
.rating-item {
    float: left;
    position: relative;
}
.rating-item img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
}
.rating-item-title {
    float: left;
    width: 100%;
    text-align: center
}
.rating-item .commentsstars {
    display: table;
    margin: auto;
}
.rating-item .commentsstars .commentsstars-count{
    display: none;
}
@media (min-width:992px) AND (max-width:1200px) {
    .new-address-title {
        width: 50%;
        float: left;
        margin-left: 30px;
    }
    .new-address-choose-title {
        width: 40%;
        float: left;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}
@media (min-width:1201px) {
    .new-address-title {
        width: 50%;
        float: left;
    }
    .new-address-choose-title {
        width: 50%;
        float: left;
        margin-top: 10px;
    }
}
@media (max-width:768px) {
    .rating-comment-text {
        display: table;
    }
    .rating-list {
        display:table;
    }
    .rating-item {
        width: 100% !important;
        display: table;
        padding: 10px;
    }
    .rating-item img {
        width: 25px;
        height: 25px;
        right:auto;
        position:relative;
        float: left;
        margin-right: 10px;
    }
    .rating-item-title {
        text-align: left;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px !important;
    }
    .rating-item .commentsstars {
        float: left;
    }
    .rating-item .commentsstars .commentsstars-count {
        display: block;
        font-weight: bold;
        float: left;
        margin-right: 10px;
        position: relative;
        top: 2px;
    }
    .rating-item .commentsstars label {
        display:none
    }
    .rating-item .commentsstars label:first-of-type {
        display: block;
        float: left;
        position: relative;
        top: 1px;
    }
}
.cancel-item-form .genpaCancelOrderText {
    margin-bottom: 20px;
}
.btn-add-my-product {
    background-color: #dc3c3c;
    border: solid 1px #dc3c3c;
    padding: 0px 24px;
    text-decoration: none;
    color: #fff !important;
    font-family: "League Medium", sans-serif;
    font-size: 18px;
    text-align: center;
    float: right;
    height: 35px;
    line-height: 35px;
    border-radius: 0.25rem;
}
@media (max-width: 992px) {
    .btn-add-my-product {
        width: 100% !important;
    }
}

/*Afad Logo geliştirmesi*/
/*
.bg-sprite.logo {    
    background-image: url(/assets/img/vestel-siyah-logo-buyuk.png);
    background-position: -3px -4px;
    background-size: 160px 44px;
    opacity: 1 !important;
    width:160px;
}
.logo-v .flat {
    background-image: url(/assets/img/logo-v-siyah.png);
}

.logo-v .gradient {
    background-image: url(/assets/img/logo-v-siyah.png);
}
.logo-v{
    display:none;
}
.mobile-header .logo {
    background-image: url(/assets/img/vestel-siyah-logo-buyuk.png);
    background-position: -2px -1px;
    background-size: 114px auto;
    background-repeat: no-repeat;
    margin: 14px 0 13px 13px;
}*/
@media(max-width:1200px) {
    .compare-energy {
        text-align: center;
        float: left;
        width: 100%;
    }
}
#contact-form .personal-checkbox-error {
    display: none;
    color: red !important;
    font-weight: bold;
}
#contact-form .authServiceRequestFormBtn {
    float: right;
    margin-bottom: 32px
}
.authServiceRequestFormPersonalData {
    display: none;
}
.partners-listing-desc {
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}
.product-info-guide {
    margin-left: 5px;
    text-decoration: underline !important;
    font-size: 12px;
    font-family: 'League Bold';
}
.partners-listing-desc.limitless {
    color:#858585
}
.partners-listing-price {
    font-size: 15px;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}
.partners-listing-price.limitless {
    color:#858585
}
.energy-ticket {
    width: 52px !important;
    height: 23px !important;
    top: 2px !important;
    left: auto !important;
}
.energy-ticket-img {
    position: absolute;
    width: 52px;
    height: 23px;
    top: 2px;
    left: auto;
}
.product-price-helper {
    position: relative;
}
.custom.switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 20px;
    left: 6px;
}

.custom.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 11px;
}

.custom.switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 22px;
    left: -2px;
    right: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.custom.switch input:checked + .slider {
    background-color: #df2027;
}

.custom.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.custom.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
    .product-price-helper .last-lowest-price {
        display: flex;
    }
    .product-price-helper .lowest-price {
        color: #df2027;
        width: 100% !important;
        font-size: 14px !important;
        height: auto !important;
        padding: 0;
        margin: 0;
        line-height: 14px !important;
    }
.price-template {
    margin-top: 10px;
}
.product-energy-label {
    width: 45px;
    height: auto;
}
.product-info-ticket {
    margin-top: 20px;
}
.rental-form-upload-file {
    border: none !important;
    position: relative;
    z-index: 9;
}
.file-control {
    display: none;
}
.rental-checkbox-error {
    display: none;
    color: red !important;
    font-weight: bold;
    margin: 15px 0;
}
.rental-field-validation {
    position: relative;
    top: 25px;
}
.personal-checkbox-error {
    display: none;
    color: red !important;
    font-weight: bold;
}
.rental-form-send-btn {
    float: right;
    margin-bottom: 32px
}
.personal-data {
    display: none;
    }
 
.custom.switch .slider.round {
    border-radius: 34px;
}
.js-kisisel-checkbox-error, .js-is-approved-out-sourcing-checkbox-error {
    font-size: 12px !important;
    color: #dc3545;
}
.c-checkbox.full.in-link {
    display: table;
}
.js-inconsent-container {
    margin-bottom: 6%;
}
.btn-custom-live-chat {
    float: right;
    margin-bottom: 32px
}

.custom.switch .slider.round:before {
    border-radius: 50%;
}

.corporate {
    font-family: "League Bold", sans-serif;
    font-size: 24px;
    padding: 20px 0px;
    margin-top: 1%;
}

.partners-container {
    position:relative;
}
    .partners-container .price-and-text .actual-price {
        font-size: 30px;
        font-weight: 900;
        font-family: "League Bold", sans-serif;
    }

.partners-item.active {
    border-bottom: solid 2px #df2027 !important;
    box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
}
.partners-new-area.row {
    margin: 20px -15px;
}
.partners-new-area.row .partners-area-text {
  font-size: 18px; 
  border-top: 1px solid #dedede;
  padding:15px;
}
.partners-new-area .partners-area-text .partners-item {
  border: 1px solid #dedede;
  text-align: center;
}
.partners-new-area .partners-area-text .partners-item .price-and-text {
  text-align: center;
  margin: 0 auto;
}
.partners-new-area .partners-area-text .partners-item .price-and-text .text-area {
  background-color: #ce3732; 
  border-radius: 100%; 
  width: 60px; 
  height: 60px; 
  text-align: center; 
  margin: 0 auto; 
  padding-top: 5px; 
  color: #fff; 
  margin-top: 10px; 
  margin-bottom: 10px; 
}
.partners-new-area .partners-area-text .partners-item .price-and-text .text-area img {
  width: 18px; 
  position: relative;
  top: -4px;
}

.partners-new-area .partners-area-text .partners-item .price-and-text.priceTagWrap .tag-img {
 left: auto !important; 
 margin-left: 5px;
}
.partners-new-area .partners-area-text .partners-item .price-and-text .price-area .special-price-text {
    font-size: 14px;
    line-height: 12px;
    min-height: 24px;
}
.partners-new-area .partners-area-text .partners-item .price-and-text .price-area .sale-price {
    margin-top: 3px;
    padding-top: 3px;
    font-size: 18px;
    width: 100%;
    display: table;
    border-top: 1px solid #dedede;
}
.partners-new-area .js-select-partners-product .partners-item {
    border: 1px solid #dedede;
    text-align: center;
}
.partners-new-area .js-select-partners-product .partners-item .price-and-text-area {
    text-align: center;
    margin: 0 auto;
}
.partners-new-area .js-select-partners-product .partners-item .price-and-text-area .text-area {
    height: 60px; 
    text-align: center; 
    margin: 0 auto; 
    padding-top: 5px;
    margin-top: 10px; 
    margin-bottom: 10px;
}
.partners-new-area .js-select-partners-product .partners-item .price-and-text-area .text-area img {
    width: 60px;
    position: relative;
    top: -4px;
}
.partners-new-area .js-select-partners-product .partners-item .price-and-text-area .price-area .special-price-text {
    font-size: 14px;
    line-height: 12px;
    min-height: 24px;
}
.partners-new-area .js-select-partners-product .partners-item .price-and-text-area .price-area .sale-price {
    margin-top: 3px;
    padding-top: 3px;
    font-size: 18px;
    width: 100%;
    display: table;
    border-top: 1px solid #dedede
}
@media (max-width:767px) {
    .partners-new-area.row {
        display: inline-flex;
    }

        .partners-new-area.row .col-sm-3 {
            margin-bottom: 30px;
        }

    .partners-price-area {
        margin-bottom: 30px;
    }
}

.special-price-text.web-site {
    line-height: 11px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
    font-size: 11px;
    font-family: "League Bold", sans-serif;
}

.partners-price-area {
    color: #df2027;
    margin-top: 20px;
}
.partners-container .product-budgets {
   /* position: absolute;
    right: 0;
    top: -27px;*/
}

.partnersss-container {
    display: table;
    width: 70%;
    margin-top: 30px;
}

    .partnersss-container .partners-price-area {
        display: table;
        width: 100%;
        margin-bottom: 50px;
        position: relative;
    }

        .partnersss-container .partners-price-area:last-child {
            margin-bottom: 10px;
        }

        .partnersss-container .partners-price-area .price-area {
            display: table;
            width: 100%;
            position: relative;
            top: -20px;
            left: 54px;
        }

    .partnersss-container .price-and-text {
        float: left;
        max-width: 85%;
    }

        .partnersss-container .price-and-text .actual-price {
            font-size: 24px;
            font-weight: 900;
            font-family: "Gotham Medium", sans-serif;
        }

        .partnersss-container .price-and-text .installment-text {
            font-size: 12px !important;
            width: 100%;
            display: table;
            line-height: 18px !important;
            font-family: "Gotham Medium", sans-serif;
        }

    .partnersss-container .count-and-add {
        float: right;
    }

        .partnersss-container .count-and-add .js-addcart-partners, .partnersss-container .count-and-add .add-cart-button {
            font-family: "Gotham Light", sans-serif;
            font-size: 45px;
            color: #000;
        }

    .partnersss-container .price-and-text .image {
        float: left;
        margin-right: 15px;
    }

    .partnersss-container .price-and-text .special-price-text {
        float: left;
        margin-right: 10px;
        font-size: 14px;
        position: relative;
        top: -7px;
        font-family: "Gotham Medium", sans-serif;
    }

    .partnersss-container .price-and-text .underline {
        font-size: 14px;
        font-weight: 900;
        font-family: "Gotham Medium", sans-serif;
        position: relative;
        margin-right: 5px;
    }

        .partnersss-container .price-and-text .underline:before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 2px solid;
            border-color: inherit;
            -webkit-transform: rotate(-8deg);
            -moz-transform: rotate(-8deg);
            -ms-transform: rotate(-8deg);
            -o-transform: rotate(-8deg);
            transform: rotate(-8deg);
        }

    .partnersss-container .price-and-text .sale-price {
        font-size: 20px;
        color: #df2027;
        font-weight: 900;
        font-family: "Gotham Medium", sans-serif;
    }

    .partnersss-container .special-price-text-detail {
        font-size: 11px;
        line-height: 17px;
        font-family: "Gotham Medium", sans-serif;
    }

    .partnersss-container .count-and-add .partners-quantity {
        position: absolute;
        bottom: 30px;
        right: -25px;
        z-index: 1;
    }

        .partnersss-container .count-and-add .partners-quantity input {
            width: 25px;
            height: 25px;
            padding: 0;
            margin: 0;
            float: left;
            border: none;
            background-color: #ececec;
            color: #000;
        }

        .partnersss-container .count-and-add .partners-quantity .qtyminus {
            background-position: -170px -470px;
            background-image: url(/assets/styles/assets/img/old-bg-sprite.svg);
            text-indent: -99px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .partnersss-container .count-and-add .partners-quantity .qtyplus {
            background-position: -170px -495px;
            background-image: url(/assets/styles/assets/img/old-bg-sprite.svg);
            text-indent: -99px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .partnersss-container .count-and-add .partners-quantity .js-quantity {
            width: 28px;
            background-color: #df2027;
            color: #fff;
            border-radius: 0;
            font-weight: 600;
        }

@media (max-width:600px) {
    .partnersss-container {
        width: 100%;
    }

        .partnersss-container .count-and-add {
            padding-right: 15px;
        }

            .partnersss-container .count-and-add .partners-quantity {
                position: absolute;
                bottom: 2px;
                right: -8px;
            }

        .partnersss-container .price-and-text {
            width: 70%;
        }

        .partnersss-container br {
            display: none;
        }

        .partnersss-container .partners-price-area {
            margin-bottom: 30px;
        }

            .partnersss-container .partners-price-area:not(:first-child) {
                border-top: 2px solid #d3d3d3;
                padding-top: 30px;
            }

            .partnersss-container .partners-price-area .price-area {
                width: 100%;
                position: relative;
                top: 9px;
                left: auto;
                margin-bottom: 20px;
                margin-top: 120px;
                display: table;
            }

        .partnersss-container .price-and-text .sale-price {
            margin-top: 10px;
            display: table;
            width: 100%;
        }

        .partnersss-container .price-and-text .special-price-text {
            top: 8px;
        }

        .partnersss-container .count-and-add .js-addcart-partners {
            position: relative;
            top: 10px;
        }
}

@media (max-width :1200px) {
    .product-budgets.partners-budgets {
        position: relative !important;
    }
}

.variant-group {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.related-product {
    margin: 5px;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    border: 1px solid #dedede;
    width: 80px;
    margin-right: 10px
}
    .related-product:hover {
        border-bottom: solid 2px #df2027;
        box-shadow: 0 6px 20px 0 rgba(223, 32, 39, 0.2);
    }
.related-image {
    padding: 15px;
    border-bottom: 1px solid #dedede;
}

.related-display-name {
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.commentsstars.add-new-comment {
    cursor: pointer;
}

.installment-text {
    font-size: 16px !important;
    width: 100% !important;
    display: table;
    line-height: 18px !important;
    font-family: "League Regular",sans-serif;
}

.extra-element-badge-title {
    padding: 5px;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    background-color: #293033;
    color: #fff;
    padding: 16px;
    z-index: 99999;
    height: auto;
}
.respEnergy.custom {
    font-family: "League Bold", sans-serif !important;
    font-size: 13px !important;
    color: #404040 !important;
}
.lang-content {
    margin: auto;
    text-align: center;
    width: 50%
}
.lang-content {
    width: 100%;
    margin: 0 auto;
}
.custom-div-area {
    height: 80px;
    width: 100%;
    display: table;
}

@media (max-width:1199px) {
    .custom-div-area {
        height: 56px;
    }
}
#myProfile .myProfileHead .profile-live-support {
    color: #df2027;
    text-decoration: underline;
}
#myProfile .profile-link-content .my-profile-icon {
    background-position: -410px -71px !important;
}
@media (max-width:768px) {
    .mobile-grey {
        background-color: #f1f1f1 !important;
    }

    .mobile-white {
        background-color: #fff !important;
    }
}
.ac-form-submit {
    float: right;
    margin-bottom: 32px
}
.partners-mobil-switch {
    position: absolute;
    right: 25px;
    width: 55px;
    top: 5px;
    color: #fff;
    }
.campaign-pre-order-popup {
    display: none;
}

.hodo {
    visibility: hidden;
}
.campaign-pre-order-popup {
    display: none;
}

.hodo {
    visibility: hidden;
}
    .partners-mobil-switch .partners-corporte-title {
        text-align: center;
        font-size: 10px;
        line-height: 11px;
        margin-bottom: 3px;
    }
    .partners-mobil-switch .switch .slider {
        font-size: 11px
    }
    .partners-mobil-switch .partners-slider-on {
        color: white;
        float: left;
        font-size: 7px;
        line-height: 20px;
        padding-left: 3px;
    }
    .partners-mobil-switch .partners-slider-off {
        color: white;
        float: right;
        font-size: 7px;
        padding-right: 2px;
        line-height: 20px;
    }
#cognito-otp-popup {
    display: none;
    padding: 20px;
}
    #cognito-otp-popup .otp-login-desc {
        margin-bottom: 10px;
        text-align: center;
    }
    #cognito-otp-popup .cognito-otp-error {
        font-size: 12px;
        margin-bottom: 5px;
        color: #df2027;
        display: none;
    }
    #cognito-otp-popup .otp-verification-code-desc {
        color: #2e2e2e;
        font-weight: bold;
    }
    #cognito-otp-popup .cognito-phone-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
        #cognito-otp-popup .cognito-phone-content .country-code {
            width: 30%;
            border: solid 1px #7a7a7a;
            height: 50px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 5px;
        }
        #cognito-otp-popup .cognito-phone-content .country-code-value {
            border-right: 1px solid #dedede;
            padding-right: 5px
        }
        #cognito-otp-popup .cognito-phone-content .dropdown-arrow {
            padding-left: 5px;
            margin-top: 5px
        }
    #cognito-otp-popup .cognito-phone-number {
        width: 70%
    }
.opacity-05 {
    opacity: 0.5;
}
.opacity-1 {
    opacity: 1;
}
#registerAndLoginPage .social-login {
    display: flex;
    justify-content: space-evenly
}
    #registerAndLoginPage .social-login .social-provider {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #registerAndLoginPage .social-login .provider-icon {
        position: absolute
    }
.cognito-phone-confirm-popup {
    display: block !important;
}
    .cognito-phone-confirm-popup .cognito-verify-account {
        display: block;
        background: #de2027;
        color: #fff;
        font-family: 'League Bold', sans-serif;
        padding: 10px;
        letter-spacing: 1px;
        margin: 10px 0 10px 0;
    }
        .cognito-phone-confirm-popup .cognito-verify-account:hover {
            background: #dc3c3c;
        }
    .cognito-phone-confirm-popup .cognito-unconfirmed-account {
        display: block;
        border: 2px solid #df2027;
        color: #df2027;
        padding: 8px;
        font-family: 'League Bold', sans-serif;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
        .cognito-phone-confirm-popup .cognito-unconfirmed-account:hover {
            border: 3px solid #df2027;
            padding: 7px;
        }
@media (max-width: 768px) {
    #registerAndLoginPage .cognito-common-account {
        background-image: url(/assets/img/create-account-mobil-bg.jpg);
        background-color: transparent;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
        #registerAndLoginPage .cognito-common-account .account-info-content {
            padding: 20px 0;
        }
        #registerAndLoginPage .cognito-common-account .new-account-btn {
            margin-top: 30px;
        }
}
@media (min-width: 768px) {
    #registerAndLoginPage .cognito-common-account {
        background-image: url(/assets/img/create-account-desktop-bg.jpg);
        background-color: transparent;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
        #registerAndLoginPage .cognito-common-account .account-info-content {
            padding: 50px;
        }
}
#registerAndLoginPage .cognito-common-account .account-info-content .col-md-6{
    padding: 0;
}
#registerAndLoginPage .cognito-common-account .account-info-text {
    font-size: 18px;
}
#registerAndLoginPage .cognito-common-account .new-account-btn {
   display: flex;
   justify-content: center;
}
    #registerAndLoginPage .cognito-common-account .new-account-btn .new-cognito-account {
        color: #000;
        border: 2px solid #000;
        border-radius: 2px;
        font-family: 'League Bold', sans-serif;
        letter-spacing: 2px;
        background: #f1f1f1;
        width: 400px;
        height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border-radius: 5px;
        font-size: 18px
    }
        #registerAndLoginPage .cognito-common-account .new-account-btn .new-cognito-account:hover {
            border: 3px solid #000;
        }
.info-popup {
    padding: 30px 10px
}
    .info-popup .kvkk-content {
        height: auto !important;
    }
    .info-popup .consensual {
        text-decoration: underline;
        font-weight: 700;
        color: #222;
        position: relative;
        z-index: 9999999
    }
    .info-popup .my-profile-form {
        max-width: none !important;
        margin: 0 !important;
    }
.js-select-cookie {
    bottom: 0;
    left: 0;
    position: fixed;
    padding: 10px;
    font-family: 'League Medium', sans-serif;
    color: #2e2e2e;
    text-align: center;
    border-radius: 0px;
}


.shipping-info-tag:hover {
    background: #d3d3d3 !important;
    border: 1px solid #999999 !important;
}

.shipping-info-tag {
    margin-left: 5px;
    background: #eeeeee;
    padding: 5px 7px 2px 7px;
    border-radius: 20px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
}

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

    .aligned-icon-btn i {
        float: none !important;
        object-fit: initial !important;
        width: auto !important;
        height: auto !important;
    }

    .aligned-icon-btn > span {
        line-height: 1.2 !important;
        height: auto !important;
    }

.max-w-auto {
    max-width: initial !important;
}

.product-user-preferences {
    float: none;
    clear: both;
    display: inline-block;
    width: 100%;
}

    .product-user-preferences ul {
        display: flex;
        align-items: center;
        float: right;
        list-style: none;
        padding: 0;
    }

    .product-user-preferences .checkbox-wrapper .custom-control {
        gap: 8px;
    }

    .product-user-preferences ul .checkbox-wrapper .custom-control .checbox-box {
        width: 24px;
        height: 24px;
        min-width: 24px;
        max-width: 24px;
    }
.list-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .list-box span {
        font-size: 16px !important;
        line-height: normal !important;
    }

    .list-box > span:first-child {
        text-align: left !important;
    }

    .list-box > span:last-child {
        text-align: right !important;
    }

    .list-box > span:last-child label {
        margin-bottom: 0 !important;
    }

.list-box-wrapper {
    font-family: 'League Regular' !important;
    margin-top: 16px !important;
}


.price-and-text.priceTagWrap {
    display: block !important;
}


#category-product {
    min-height: calc(100vh - 248px);
}
:root {
    --cylinda-primary: #f3a18c;
    --cylinda-primary-rgb: 243, 161, 140;
    --cylinda-primary-hover: #cc8272;
    --cylinda-secondary: #f3e9de;
    --cylinda-opac: rgba(0, 0, 0, 0.1);
}

body {
    overflow: initial !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.sticky-element {
    position: sticky;
    top: 89px;
    background: #ffffff;
    z-index: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: -16px !important;
}

.form-head-boxshadow {
    box-shadow: 0px 4px 10px -1px rgba(191, 191, 191, 1);
}

#main-menu {
    background: var(--cylinda-primary);
}

    #main-menu .menu-list > li:hover {
        background: var(--cylinda-primary-hover);
    }

.logo {
    width: 145px;
    height: auto;
    margin: 0;
    background-position: initial;
    display: inline-block;
    float: none;
}

    .logo img {
        width: 145px;
        height: auto;
    }

.header-middle .search-bar-wrap #txtsearch {
    width: 120px;
}

.desktop-menu {
    font-family: "League Medium", sans-serif;
}

    .desktop-menu .dropdown {
        position: relative;
    }

        /* Hover ile menüyü göster */
        .desktop-menu .dropdown:hover > .dropdown-menu {
            display: block;
            border-left: 4px solid var(--cylinda-primary);
            background-color: var(--cylinda-secondary);
        }

    .desktop-menu .dropdown-toggle-2nd:hover + .dropdown-menu {
        display: block;
        border-left: 4px solid var(--cylinda-primary);
        background-color: var(--cylinda-secondary);
        left: 100%;
    }

    /* Alt menü (submenu) stilleri */
    .desktop-menu .dropdown-menu .dropdown-item {
        position: relative; /* Submenu için baz alınacak */
    }

        .desktop-menu .dropdown-menu .dropdown-item .dropdown-menu {
            display: none; /* Varsayılan olarak gizle */
            position: absolute;
            left: 100%; /* Ana menünün sağ tarafına hizala */
            top: 0;
            border-left: 4px solid var(--cylinda-primary); /* Sol taraf çizgisi */
            background-color: var(--cylinda-secondary); /* Alt menü arka plan rengi */
            z-index: 9999; /* Üstte görünmesi için */
        }

        .desktop-menu .dropdown-menu .dropdown-item:hover .dropdown-menu {
            display: block; /* Hover durumunda alt menüyü göster */
        }

        .desktop-menu .dropdown-menu .dropdown-item .dropdown-menu .dropdown-item {
            padding: 4px 16px; /* Alt menü öğesi padding */
        }

            .desktop-menu .dropdown-menu .dropdown-item .dropdown-menu .dropdown-item:hover {
                background-color: var(--cylinda-opac); /* Hover durumunda alt menü arka plan */
            }

    .desktop-menu .dropdown-item > a::after {
        content: "\f054"; /* Font Awesome sağ ok ikonu */
        font-family: "Font Awesome 5 Free"; /* Font Awesome kullanılabilir */
        font-weight: 900;
        margin-left: 8px;
        transition: transform 0.2s;
    }

    .desktop-menu .dropdown-item:hover > a::after {
        transform: rotate(90deg); /* Hover ile döndür */
    }

    .desktop-menu .dropdown .dropdown-menu {
        margin-left: 0;
        border-radius: 0;
        padding: 0;
    }

    .desktop-menu .dropdown > a i {
        transition: transform 0.1s;
        margin-left: 8px;
    }

    .desktop-menu .dropdown:hover > a i {
        transform: rotate(90deg);
    }

    /* Alt menünün konumunu düzenle */
    .desktop-menu .dropdown-menu {
        display: none; /* Varsayılan olarak gizli */
        position: absolute;
        top: 0;
        left: 100%; /* Sağ tarafa hizala */
        z-index: 999; /* Üstte görünmesi için */
        border-left: 4px solid var(--cylinda-primary);
        background-color: var(--cylinda-secondary);
    }

        .desktop-menu .dropdown-menu .dropdown-item {
            padding: 4px 16px;
        }

            .desktop-menu .dropdown-menu .dropdown-item:hover,
            .desktop-menu .dropdown-menu .dropdown-item:focus,
            .desktop-menu .dropdown-menu .dropdown-item:active {
                background-color: var(--cylinda-opac);
                color: #000;
            }

        .desktop-menu .dropdown:hover > .dropdown-menu,
        .desktop-menu .dropdown-menu:hover {
            display: block; /* Hover sırasında göster */
        }

    .desktop-menu .dropdown:hover > .dropdown-menu {
        position: absolute;
        left: 0;
        top: 30px;
    }

    .desktop-menu .dropdown-toggle::after {
        content: "";
        display: none;
    }

    .desktop-menu .nav-item {
        position: relative;
    }

        .desktop-menu .nav-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 4px; /* Border genişliği */
            border-left: 1px solid #a3a3a3; /* 1px gri çizgi */
            border-right: 3px solid #ffffff; /* 3px kırmızı çizgi */
        }

        .desktop-menu .nav-item:hover:before {
            border-left: 1px solid var(--cylinda-primary); /* 1px gri çizgi */
            border-right: 3px solid var(--cylinda-primary); /* 3px kırmızı çizgi */
        }

        .desktop-menu .nav-item .nav-link {
            line-height: normal;
            display: flex;
            align-items: baseline;
        }

            .desktop-menu .nav-item .nav-link i {
                font-size: 14px;
            }

.footer-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .footer-top-bar .f-logo {
        height: 30px;
    }


.dropdown-menu {
    margin: 0 !important;
}

    .dropdown-menu .position-relative:hover .dropdown-toggle-2nd i {
        transform: rotate(90deg);
    }

.dropdown-toggle-2nd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .dropdown-toggle-2nd i {
        transition: transform 0.2s;
        margin-left: 8px;
        font-size: 14px;
    }

.header-middle {
    border-bottom: 4px solid var(--cylinda-secondary);
}

    a:hover,
    .header-middle .user-header li a:hover {
        color: var(--cylinda-primary);
    }

#campaignSlider .pager li .toSlider img {
    border: 1px solid var(--cylinda-primary);
}

#campaignSlider .pager li .toSlider:after {
    background: var(--cylinda-primary);
}

.modal input[type=button],
.modal .btnCookieManage,
.CookiePopDiv input[type=button],
#cat-slider .text-box,
#main-slider .redline {
    background-color: var(--cylinda-primary);
}

#main-slider .swiper-pagination-bullet,
#footer .box ul li a:hover {
    color: var(--cylinda-primary);
}

.modal .btnCookieManage,
.category-list ul li figure {
    border-color: var(--cylinda-primary);
}

.category-list ul li figure {
    box-shadow: 0 20px 20px 0 #f3a18c2e;
}

.category-list ul li:hover figure {
    box-shadow: 0 20px 30px 0 #f3a18c66;
}

#campaignSlider .all-camp-btn {
    border-color: var(--cylinda-primary);
    color: var(--cylinda-primary);
}

    #campaignSlider .all-camp-btn:hover {
        border-color: var(--cylinda-primary-hover);
        color: var(--cylinda-primary-hover);
    }


#footer .social ul li a:hover {
    background-color: var(--cylinda-primary);
    border-color: var(--cylinda-primary);
}

.pagerCatSlider .active {
    border-top: 3px solid var(--cylinda-primary);
}

.cat-banner .cat-title {
    background: #f2a18ccc;
}

.filter h3 {
    border-left: 2px solid var(--cylinda-primary) !important;
}

.filter .accordionContent {
    border-left: 2px solid var(--cylinda-primary-hover);
}

#slider-range .ui-slider-handle {
    background: var(--cylinda-primary) !important;
}

.product-list .product-list-item-wrap .prod-detail-btn {
    color: var(--cylinda-primary);
}

.product-list .product-list-item-wrap .desc {
    height: 225px;
}

.product-list .product-list-item-wrap .hover-bg,
.product-list .product-list-item-wrap .desc:after {
    background-color: var(--cylinda-primary);
}

#product-detail .product-short-desc .price {
    color: var(--cylinda-primary);
}

.btn-main {
    background-color: var(--cylinda-primary);
    color: #fff;
}

    .btn-main:hover {
        color: #fff;
        background-color: rgb(243 161 140);
        box-shadow: 0 6px 20px 0 rgba(243, 161, 140, 0.5);
    }

#img-content .image-slider-thumbs li a:hover {
    border-bottom: solid 2px var(--cylinda-primary);
    box-shadow: 0 6px 20px 0 rgba(var(--cylinda-primary-rgb), 0.4);
}

.product-detail-tabs {
    padding: 32px 0px;
}

    .product-detail-tabs .nav-tabs {
        border-bottom: 0px;
    }

        .product-detail-tabs .nav-tabs .nav-link {
            border: 1px solid transparent;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            font-family: "League Bold", sans-serif;
            font-size: 18px;
            color: #2e2e2e;
            letter-spacing: 2px;
            height: 50px;
            line-height: 50px;
            padding: 0 10px !important;
            vertical-align: middle;
            border: none;
            border-bottom: solid 4px transparent;
            padding: 0px 8px !important;
        }

    .product-detail-tabs .nav li {
        margin-right: 8px;
    }

    .product-detail-tabs .nav-tabs li a.active {
        color: #000;
        border-color: var(--cylinda-primary);
        padding: 0px 8px !important;
    }

.general-features .prod-info-pdf .text,
.general-features .abuygunluk .text,
.general-features .user-guide .text {
    color: var(--cylinda-primary-hover);
}

.prod-info .desc-text .slogan,
#product-detail .tab-content-box a {
    color: var(--cylinda-primary);
}

    .prod-info .desc-text .slogan .index {
        color: var(--cylinda-primary);
        box-shadow: 0 6px 20px 0 rgba(var(--cylinda-primary-rgb), 0.4);
    }

.prod-tech-info-list .tech-info .title {
    border-bottom: none;
}

    .prod-tech-info-list .tech-info .title .label {
        border-bottom: solid 3px var(--cylinda-primary);
    }

.product-comments .commentbuttons .commentbuttonsdiv .commentbutton {
    color: var(--cylinda-primary);
    border: solid 2px var(--cylinda-primary);
}

    .product-comments .commentbuttons .commentbuttonsdiv .commentbutton div span {
        color: var(--cylinda-primary);
    }

.cylinda-form {
}

    .cylinda-form h1 {
        font-size: 32px;
        font-family: 'League Bold';
        margin: 16px 0;
    }

    .cylinda-form h3 {
        margin: 1rem 0;
        font-family: 'League Medium';
        font-size: 24px;
        border-left: 4px solid var(--cylinda-primary);
        padding-left: 8px;
    }

    .cylinda-form .form-wrapper input.form-control,
    .cylinda-form .form-wrapper textarea.form-control {
        border: solid 1px #d3d3d3 !important;
        border-radius: 0;
        resize: none;
        min-height: 50px;
    }

    .cylinda-form .form-wrapper input[type="date"] {
        text-indent: 10px;
        height: 50px;
        border: solid 1px #7a7a7a;
        letter-spacing: 0 !important;
        font-family: "League Regular", sans-serif;
        font-size: 16px;
        color: #7a7a7a;
        -webkit-transition: border-color 0.3s linear;
        -moz-transition: border-color 0.3s linear;
        -o-transition: border-color 0.3s linear;
        transition: border-color 0.3s linear;
        margin: 0;
        padding: 0;
        padding-right: 8px;
    }

    .cylinda-form .form-wrapper input:not([readonly]):not([type='radio']):focus {
        box-shadow: 0 0 0 .1rem rgb(243 161 140 / 25%) !important;
    }

    .cylinda-form .form-wrapper input[readonly]:focus {
        box-shadow: none !important;
    }

    .cylinda-form .form-wrapper input[readonly]:hover {
        cursor: default;
    }

    .cylinda-form .custom-input-group button {
        width: auto;
        min-width: 50px;
        border: 1px solid #d3d3d3;
        border-left: 0;
        background-color: var(--cylinda-primary);
        color: #fff;
    }

    .cylinda-form .checkbox-holder input[type="checkbox"] {
        width: 20px;
        height: 20px;
        min-height: auto;
        margin-right: 8px;
    }

    .cylinda-form .checkbox-holder label {
        font-size: 16px;
    }

    .cylinda-form span.error-message {
        padding: 0;
        margin-top: 4px;
        margin-bottom: 4px;
        display: inline-block;
    }

.form-wrapper > .row {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 3px solid var(--cylinda-secondary);
}

    .form-wrapper > .row fieldset {
        margin-bottom: 16px;
    }

.warning-text {
    font-size: 12px !important;
    color: #dc3545;
    margin-top: .25rem;
    display: inline-block;
}

.social-yt {
    background-image: url(/assets/img/footer-yt.svg);
    background-repeat: no-repeat;
}

    .social-yt:hover {
        background-position: -40px
    }

.myProfileHead h2 small {
    display: block;
    font-size: 14px;
    margin-top: 12px;
    width: max-content;
    border-bottom: 1px solid var(--cylinda-primary);
    margin-left: auto;
    margin-right: auto;
    padding: 4px 8px;
}

.user-profile {
    width: 210px;
}

    .user-profile .acc-links .logout-btn,
    #myProfile .myProfileHead .profile-live-support {
        color: var(--cylinda-primary);
    }

    .user-profile .account-bar .account {
        color: #121212;
    }

        .user-profile .account-bar .account .icon {
            background-position-x: -140px;
        }

#payment-operations #payment_tabbar > #persona_comment_info {
    display: none !important;
}

#payment_tabbar #myTab {
    border-bottom: 2px solid #00000014;
}

.tab-pane#stripe_swish #persona_comment_info {
    text-align: center;
}

.no-header-detail .content {
    padding-top: 88px;
}

.no-header-detail .desktop-header .logo {
    margin: 0;
}

.user-profile .acc-links {
    border-color: var(--cylinda-primary);
}

.my-profile-boxs a.profile-link.red {
    background-color: var(--cylinda-primary);
}

.mobile-header {
    border-color: var(--cylinda-primary);
}

.mobile-header-top .btn-red.btn-red-flat {
    background-color: var(--cylinda-primary);
    border-color: var(--cylinda-primary) !important;
}

.dtable .dt-length select {
    border-color: #dedede;
    margin-right: 8px;
}

.dtable .dt-search input[type=search] {
    border-color: #dedede;
    margin-left: 8px;
}

.dtable tbody {
    border-color: #dedede;
}

    .dtable tbody tr {
        border-color: #dedede;
    }

.dtable .dataTable thead th,
.dtable .dataTable tbody tr:last-child td {
    border-color: var(--cylinda-secondary) !important; /* Çizgileri kırmızı yapmak */
}

.dtable .dt-paging nav button[type=button] {
    background-color: transparent;
    /*border-color: #dedede;*/
    border: none;
    border-bottom: 1px solid var(--cylinda-primary);
}

    .dtable .dt-paging nav button[type=button].current {
        background-color: #00000006;
        border-color: #dedede;
    }

    .dtable .dt-paging nav button[type=button]:hover {
        background-color: #00000006 !important;
        background-image: none;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        color: rgb(33, 37, 41) !important;
    }

.dtable a.btn.custom-css-control {
    border: 1px solid #dedede;
    margin-right: 8px;
}

    .dtable a.btn.custom-css-control:hover {
        background-color: var(--cylinda-secondary);
    }

.dtable .btn-main {
    height: auto;
    padding: 8px;
    line-height: normal;
    border-color: var(--cylinda-primary) !important;
}

    .dtable .btn-main:hover {
        background-color: var(--cylinda-primary-hover) !important;
    }

    .dtable .btn-main i {
        vertical-align: bottom;
    }


.dtable button[data-type="reject"] {
    border-color: #000 !important;
    color: #000 !important;
    background-color: var(--cylinda-opac);
}

    .dtable button[data-type="reject"]:hover {
        background-color: gray;
        color: #fff !important;
    }

.dtable ul.menu {
    padding: 0;
    list-style: none;
}

    .dtable ul.menu li.dropdown:hover .dropdown-menu {
        display: block;
    }

    .dtable ul.menu li.dropdown .dropdown-toggle::after {
        display: none;
    }

.toggle.btn .toggle-handle {
    background-color: var(--cylinda-primary);
}

    .toggle.btn .toggle-handle::before {
        background-color: #fff;
    }

.common-switch {
    text-align: center;
}

    .common-switch .switch {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 50px;
        height: 20px;
        padding: 4px;
        margin: 0;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
        border-radius: 18px;
        box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        box-sizing: content-box;
    }

    .common-switch label {
        font-weight: inherit;
    }

    .common-switch input[type=checkbox], input[type=radio] {
        margin: 4px 0 0;
        line-height: normal;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }


    .common-switch .switch-input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        box-sizing: content-box;
    }

    .common-switch .switch-left-right .switch-input:checked ~ .switch-label {
        background: inherit;
    }

    .common-switch .switch-input:checked ~ .switch-label {
        background: var(--cylinda-primary);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
    }

    .common-switch .switch-left-right .switch-label {
        overflow: hidden;
    }

    .common-switch .switch-label, .switch-handle {
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    .common-switch .switch-label {
        position: relative;
        display: block;
        height: inherit;
        font-size: 12px;
        text-transform: uppercase;
        background: #eceeef;
        border-radius: inherit;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
        box-sizing: content-box;
    }

    .common-switch .switch-left-right .switch-input:checked ~ .switch-label:before {
        opacity: 1;
        left: 100px;
    }

    .common-switch .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .common-switch .switch-left-right .switch-label:before {
        background: #eceeef;
        text-align: left;
        padding-left: 80px !important;
    }

    .common-switch .switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
        width: 20px;
        height: 20px;
        top: 4px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 11px 0 0 0;
        text-indent: -12px;
        border-radius: 20px;
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
    }

    .common-switch .switch-label:before {
        content: ""; /*attr(data-off)*/
        right: 11px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .common-switch span.switch-label:after {
        content: ""; /*attr(data-on)*/
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .common-switch .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -5px;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .common-switch .switch-left-right .switch-input:checked ~ .switch-label:after {
        left: 0 !important;
        opacity: 1;
        padding-left: 12px;
    }


    .common-switch .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }


    .common-switch .switch-left-right .switch-label:after {
        text-align: left;
        text-indent: 9px;
        background: var(--cylinda-primary) !important;
        left: -100px !important;
        opacity: 1;
        width: 100% !important;
    }

    .common-switch .switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
        width: 20px;
        height: 20px;
        top: 4px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 11px 0 0 0;
        text-indent: -40px;
        border-radius: 20px;
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
    }

    .common-switch .switch-input:checked ~ .switch-handle {
        left: 34px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }

    .common-switch .switch-label, .switch-handle {
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    .common-switch .switch-handle {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        left: 3px;
        background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
        background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
        border-radius: 100%;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }

        .common-switch .switch-handle:before {
            content: "";
            position: absolute;
            top: 25%;
            left: 25%;
            width: 8px;
            height: 8px;
            background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
            background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
            border-radius: 6px;
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
        }

.user-management-tabs .nav-link.active {
    margin-bottom: -1px;
}

.address-management .page-title{
    font-size: 20px;
}

.address-management .user-info-card {
    padding: 8px;
    border: 1px solid #eee;
    display: inline-block;
    border-radius: 4px;
    background-color: #8181810d;
    font-size: 16px;
}

.address-management .area-title {
    font-size: 18px;
}

.address-management .billing-address .checkbox-wrapper .custom-control .checbox-box,
.address-management .shipping-address .checkbox-wrapper .custom-control .checbox-box {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
}

.address-management .billing-address .card-title,
.address-management .shipping-address .card-title {
    font-size: 16px;
}

.address-management .billing-address .card-subtitle,
.address-management .billing-address .card-subtitle,
.address-management .shipping-address .card-text,
.address-management .shipping-address .card-text {
    font-size: 14px;
}

.address-management .row.flex-wrap {
    margin: 0 -15px;
}

    .form-md-auto {
        max-width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .form-md-auto.with-seperator:before {
        content: "";
        width: 2px;
        height: 100%;
        background-color: #e5e5e5;
        position: absolute;
        left: -25%;
        top: 0;
    }

    /*.form-md-auto.with-seperator:after {
        content: attr(data-seperator-text);
        width: auto;
        height: auto;
        background-color: #ffffff;
        position: absolute;
        left: -24%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-90deg);
        padding: 0 8px;
    }*/

    .form-md-auto.with-seperator .separator-text {
        position: absolute;
        left: -24%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-90deg);
        background-color: white;
        padding: 0 8px;
    }

    .form-md-auto button {
        border: solid 1px #d3d3d3 !important;
        border-left: 0px !important;
        padding: 0 16px;
        background-color: var(--cylinda-primary);
        color: #fff;
    }

body.cylinda .swal2-popup {
    border-radius: 0;
    padding-bottom: 8px;
    width: 90%;
    max-width: 800px;
}

    body.cylinda .swal2-popup *:focus {
        outline: none !important;
    }

body.cylinda .swal2-container.swal2-backdrop-show {
    z-index: 999999;
}

body.cylinda .swal2-popup #customClose {
    width: 50px;
    height: 50px;
    border: none;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -50px;
    font-size: 24px;
}

    body.cylinda .swal2-popup #customClose:hover {
        color: var(--cylinda-primary);
    }

.general-info-area {
    border: 1px solid var(--cylinda-primary);
    padding: 8px;
    font-size: 15px;
    line-height: 24px;
    display: flex;
}

    .general-info-area i {
        color: var(--cylinda-primary);
        font-size: 26px;
        vertical-align: sub;
        margin-right: 8px;
    }

.seperator {
    height: 2px;
    background-color: #e5e5e5;
    display: block;
    margin-bottom: 1rem;
}

.ui-state-disabled {
    opacity: .65;
}

input[type=text]:focus {
    border-color: var(--cylinda-primary);
}

.form-control {
    outline: none;
    box-shadow: none !important;
}

#status-info-box {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(var(--cylinda-primary-rgb), 0.4);
    padding: 10px;
    z-index: 1000;
    font-size: 14px;
    display: none;
    color: #333;
    width: 200px;
    text-align: center;
}

.user-management-tabs #info-icon {
    cursor: pointer;
}

.editable-area {
    display: none;
    list-style: none;
}

.header-top .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

    .header-top .menu > li {
        position: relative;
    }

        .header-top .menu > li > a {
            text-decoration: none;
            color: #000;
            padding: 6px 15px;
            display: inline-block;
        }

.header-top .dropdown i {
    margin-left: 4px;
}

.header-top .dropdown-menu {
    left: auto;
    right: 0;
    list-style: none;
    position: absolute;
    top: 85%;
    right: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    min-width: 200px;
    z-index: 100000000;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px;
    border-radius: 0px;
}

    .header-top .dropdown-menu li a {
        text-decoration: none;
        color: #000;
        padding: 10px;
        display: block;
    }

        .header-top .dropdown-menu li a:hover {
            background-color: #eee;
        }

.header-top .dropdown:hover .dropdown-menu {
    display: block;
}

.header-top .dropdown-toggle::after {
    display: none;
}

.category-list ul li figure img {
    width: auto;
}

table.dataTable {
    table-layout: fixed;
}

    table.dataTable th,
    table.dataTable td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

div:where(.swal2-icon).swal2-warning {
    border-color: var(--cylinda-primary) !important;
    color: var(--cylinda-primary) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
    box-shadow: none !important;
}

.swal2-confirm {
    background: var(--cylinda-primary);
}

.seller-item {
    padding: 8px 0px;
    border-bottom: 2px solid #cdcdcd54;
}

    .seller-item:last-child {
        border-bottom: none;
    }

.seller-container {
    flex: 1;
    display: flex;
}

.go-to-link {
    background: var(--cylinda-primary);
    color: white;
    border: none;
    padding: 15px;
    transition: 0.3s;
}

    .go-to-link:hover {
        background: #e08b82;
    }

.dtable .action-buttons button.disable {
    opacity: .65;
    border: 1px solid #dedede;
    margin-right: 8px;
    cursor: default;
}

.search-input.btn {
    border: solid 1px #d3d3d3 !important;
    border-left: 0px !important;
    padding: 10px 16px;
    background-color: var(--cylinda-primary);
    color: #fff;
    border-radius: 0px !important;
}

.cylinda-primary-outline-btn {
    border-color: var(--cylinda-primary);
    color: var(--cylinda-primary);
    border-radius: 0;
}

    .cylinda-primary-outline-btn:hover {
        background-color: var(--cylinda-primary);
        color: #ffffff;
    }

.cylinda-primary-btn {
    background: var(--cylinda-primary);
    color: white;
    border-radius: 0;
}

    .cylinda-primary-btn:hover {
        border-color: var(--cylinda-primary);
        color: var(--cylinda-primary);
        background: white;
    }

.btn-check:checked + .btn {
    background-color: var(--cylinda-primary);
    color: #ffffff;
}


.price-stock label {
    margin-bottom: 0;
}

#category-list ul li .shortdesc {
    display: inline-block;
    width: 100%;
}

#category-list ul li .camp-bottom {
    float: left;
}

    #category-list ul li .camp-bottom .campaign-date {
        float: none;
    }

#category-list ul li .shortdesc a {
    /*font-size: 12px;
    line-height: 26px;
    padding: 4px 16px !important;
    background-color: var(--cylinda-primary);
    color: #ffffff;
    border: solid 1px #dedede;
    border-radius: 3px;*/
}

.article-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .article-box .camp-bottom .date {
        display: block;
        height: auto;
    }

    .article-box a {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        font-size: 12px;
        line-height: 26px;
        padding: 4px 16px !important;
        background-color: var(--cylinda-primary);
        color: #ffffff;
        border: solid 1px #dedede;
        border-radius: 3px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

#category-list ul li a {
    width: auto;
}

.cylinda-seperator {
    height: 2px;
    width: 100%;
    background-color: var(--cylinda-primary);
    margin-bottom: 8px;
}

.blog-content-area a {
    color: var(--cylinda-primary);
}

.blog-content-area p:not(:first-child) {
    margin-top: 16px;
}

.blog-image-area .button-holder {
    /*position: absolute;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 4px;
}

    .blog-image-area .button-holder .swiper-button-prev,
    .blog-image-area .button-holder .swiper-button-next {
        top: initial;
        left: initial;
        right: initial;
        position: relative;
        margin-top: initial;
        height: 32px;
        width: 32px;
        background-color: var(--cylinda-primary);
    }

        .blog-image-area .button-holder .swiper-button-prev::after,
        .blog-image-area .button-holder .swiper-button-next::after {
            font-size: 16px;
            color: #ffffff;
        }

        .blog-image-area .button-holder .swiper-button-prev:hover,
        .blog-image-area .button-holder .swiper-button-next:hover {
            background-color: var(--cylinda-primary-hover);
        }

.blog-image-area .swiper-container-horizontal > .swiper-pagination-bullets,
.blog-image-area .swiper-pagination-custom,
.blog-image-area .swiper-pagination-fraction {
    bottom: 0px !important;
    height: 32px;
}

.blog-image-area .swiper-pagination-bullet-active {
    background-color: var(--cylinda-primary);
}

.cylinda .blog-list {
    list-style: none;
    padding: 0;
}

    .cylinda .blog-list li {
        margin-bottom: 8px;
        border-bottom: 1px solid var(--cylinda-secondary);
        padding-bottom: 8px;
    }

        .cylinda .blog-list li:last-child a {
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--cylinda-primary);
            color: var(--cylinda-primary);
            padding: 3px 0 1px 0px;
            line-height: normal;
        }

        .cylinda .blog-list li a {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            column-gap: 8px;
            flex-wrap: wrap;
        }

            .cylinda .blog-list li a img {
                max-width: 80px !important;
            }

            .cylinda .blog-list li a h5 {
                margin-bottom: auto;
                font-size: 14px;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 20px;
                flex: 1;
                font-family: "League Regular", sans-serif;
                font-weight: 600;
            }

                .cylinda .blog-list li a h5 time {
                    display: block;
                    font-size: 14px;
                    font-weight: 400;
                    margin-bottom: 4px;
                }

            .cylinda .blog-list li a div {
                margin-left: auto;
                width: 40%;
                text-align: center;
                background-color: var(--cylinda-primary);
                color: #ffffff;
                flex: 100%;
                margin-top: 8px;
            }

.blog-detail-head-date {
    border: 1px solid var(--cylinda-primary);
    line-height: 1;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: auto;
    margin-bottom: 8px;
    padding-bottom: 0;
    flex: 0 0 auto;
}

.contact-content-area h1 {
    font-size: 36px;
}

.contact-subject-selector label {
    font-size: 22px;
    font-family: 'League Medium';
}

.checkbox-wrapper {
    float: none;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 24px;
}

    .checkbox-wrapper .custom-control {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }

        .checkbox-wrapper .custom-control:hover,
        .checkbox-wrapper .custom-control .custom-checkbox-label {
            cursor: pointer;
        }

        .checkbox-wrapper .custom-control .checbox-box {
            border: 1px solid #d3d3d3;
            width: 35px;
            height: 35px;
            min-width: 35px;
            max-width: 35px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

            .checkbox-wrapper .custom-control .checbox-box i {
                display: none;
            }


        .checkbox-wrapper .custom-control input[type="checkbox"]:checked + .checbox-box i {
            display: block;
        }

.contact-subject h2 {
    font-size: 28px;
}

    .contact-subject h2 + p {
        margin-top: 16px;
    }

.contact-subject .form-wrapper {
    margin-top: 16px;
}

.contact-subject .form-group label {
    font-size: 19px;
    margin-bottom: 8px;
}

.btn-cancel {
    background-color: #aaa;
}

    .btn-cancel:hover {
        background-color: #aaa;
        box-shadow: 0 6px 20px 0 #999;
    }

.contact-subject input[type=file] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
    min-height: auto;
    padding: 10px;
}

.pd-slides .swiper-pagination {
    display: none !important;
}

.pd-slides h2 {
    font-size: 22px;
    margin-bottom: 16px;
}

.pd-related-products,
.pd-combine-products,
.pd-cylinda-for-you {
    position: initial;
}

    .pd-related-products .swiper-button-prev,
    .pd-combine-products .swiper-button-prev,
    .pd-cylinda-for-you .swiper-button-prev {
        left: -2%;
    }

    .pd-related-products .swiper-button-next,
    .pd-combine-products .swiper-button-next,
    .pd-cylinda-for-you .swiper-button-next {
        right: -2%;
    }

    .pd-related-products .swiper-slide,
    .pd-combine-products .swiper-slide,
    .pd-cylinda-for-you .swiper-slide {
        /*width: auto !important;
        max-width: 200px;*/
        overflow: hidden;
        border: solid 1px #dedede91;
        padding: 24px 8px;
    }

        .pd-related-products .swiper-slide a,
        .pd-combine-products .swiper-slide a,
        .pd-cylinda-for-you .swiper-slide a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .pd-related-products .swiper-slide a p,
            .pd-combine-products .swiper-slide a p,
            .pd-cylinda-for-you .swiper-slide a p {
                height: 33px;
                overflow: hidden;
                line-height: 18px;
                margin-top: 16px;
                margin-bottom: 8px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .pd-related-products .swiper-button-next,
    .pd-related-products .swiper-button-prev,
    .pd-cylinda-for-you .swiper-button-next,
    .pd-cylinda-for-you .swiper-button-prev,
    .pd-combine-products .swiper-button-next,
    .pd-combine-products .swiper-button-prev {
        color: #000;
    }

        .pd-related-products .swiper-button-next:after,
        .pd-combine-products .swiper-button-next:after,
        .pd-cylinda-for-you .swiper-button-next:after,
        .pd-related-products .swiper-button-prev::after,
        .pd-combine-products .swiper-button-prev::after,
        .pd-cylinda-for-you .swiper-button-prev::after {
            font-size: 26px;
        }

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

.pd-cylinda-for-you .swiper-slide > a {
}

    .pd-cylinda-for-you .swiper-slide > a + p {
        height: 33px;
        line-height: 18px;
        margin-top: 16px;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

        .pd-cylinda-for-you .swiper-slide > a + p + a {
        }


.film .video-card {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
}

.film .play-icon {
    position: absolute;
    top: 12px;
    left: 0px;
    font-size: 3rem;
    color: white;
}

.film .card-title, .video-popup .card-title {
    font-weight: 600;
    font-size: 20px;
}

input[type=number]:focus {
    border-color: var(--cylinda-primary);
}

.product-list .category-info .title {
    font-size: 36px;
    font-family: 'League Medium';
    line-height: normal;
}

.cylinda-form .checkbox-input input[type="radio"], .cylinda-form .checkbox-input input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.shipping-form input[type=text], .shipping-form input[type=number], .shipping-form input[type=password], .shipping-form input[type=email],
.billing-form input[type=text], .billing-form input[type=number], .billing-form input[type=password], .billing-form input[type=email] {
    line-height: 50px;
}


.blog-item > a {
    width: 100% !important;
}

.phone-input-area .invalid-feedback {
    display: block !important;
}

.partners-price-area {
    color: var(--cylinda-primary);
}

.js-info-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0.5,0.5,0.5,.5);
    content: "";
    height: 100%;
    z-index: 999999;
}

    .js-info-popup .info-popup-desc {
        background-color: white;
        width: 65%;
        text-align: center;
        padding: 16px;
        position: fixed;
        z-index: 999999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .js-info-popup .info-popup-desc .close-icon {
            position: absolute;
            color: var(--cylinda-primary);
            top: 10px;
            right: 10px;
            font-size: 30px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            line-height: 27px;
            text-align: center;
            z-index: 9999;
        }

.hero-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
}

.hero-info {
    border-left: 12px solid #f3a18c;
    width: calc(100% - 10%);
    max-width: 570px;
    padding: 30px 20px;
    background: #f3e9de;
    font-size: 18px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.88;
    left: 5%;
}

.support-boxes {
    row-gap: 30px;
}

    .support-boxes .box-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid #cdcdcd;
        padding: 20px 10px 25px 10px;
    }

        .support-boxes .box-content h4 {
            font-size: 20px;
            margin-bottom: 16px;
        }

        .support-boxes .box-content img {
            width: 80px;
        }

.general-features .prod-info-pdf, .general-features .abuygunluk, .general-features .user-guide {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .general-features .prod-info-pdf i, .general-features .abuygunluk i, .general-features .user-guide i {
        font-size: 32px !important;
        margin-right: 8px;
        color: var(--cylinda-primary-hover);
    }


.product-detail-tabs {
    padding: 32px 0px;
}

.no-img {
    cursor:default !important;
}

.no-img:hover {
    color: #2e2e2e;
}

.border-radius-0 {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.spare-part-info .col-md-4 {
    padding: 8px;
}

    .spare-part-info .col-md-4 .col-md-12 {
        border: 1px solid #e1dcdc;
        text-align: center;
        padding: 8px;
    }

.file-item-container {
    list-style: none;
    flex-wrap: wrap;
}

.file-item {
    display: flex;
    flex-direction: column;
}

    .file-item a {
        border: 1px solid #cecece;
        display: flex;
        flex-direction: column;
        height: 100%
    }

        .file-item a > img {
            max-width: 100%;
        }

        .file-item,
        .file-item a > div {
            transition: all .3s linear;
        }
#product-detail .product-desc {
    white-space: pre-line;
}

.has-image{
    color:var(--cylinda-primary);
}
            .file-item a > div {
                margin-top: auto;
                text-align: center;
                display: block;
                border-top: 1px solid #cecece;
                font-size: 13px;
                background-color: #cecece;
                color: #000;
            }

            .file-item:hover {
                border-color: #b9b7b7 !important;
                /*cursor: pointer;*/
            }

                .file-item:hover a > div {
                    background-color: #b9b7b7 !important;
                    color: #fff !important;
                }

.pdf-file-item-container {
    list-style: none;
    padding-left: 15px;
}
#blog .blog-item .blog-image {
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

#blog .page-item .page-link {
    color: var(--cylinda-primary);
}

#blog .page-item.active .page-link {
    background-color: var(--cylinda-primary);
    border-color: var(--cylinda-primary);
    color: white;
}

#blog .page-link:focus {
    box-shadow: none;
}

#blog .page-link i {
    font-size: 0.85rem;
}

@media (max-width: 767px) {
    .dtable .dt-layout-row:first-child {
        display: flex !important;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .main-product-info {
        position: relative;
        top: 0;
    }
}

@media (min-width: 1200px) {
    #mainPage .content {
        padding-top: 120px;
    }

    #img-content .image-slider-thumbs li.active {
        border-bottom: solid 2px var(--cylinda-primary);
        box-shadow: 0 6px 20px 0 rgba(var(--cylinda-primary-rgb), 0.4);
    }

    .content {
        padding-top: 127px;
    }
}

@media (max-width: 1200px) {
    #mainPage .content {
        padding-top: 69px;
    }

    .mobile-header .logo {
        height: auto;
    }

    .dtable .action-buttons {
        display: flex;
        flex-wrap: wrap;
        row-gap: 8px;
    }

    .product-detail-tabs ul.nav-tabs {
        display: none;
    }

    .product-detail-tabs .tab-container .tab-content .tab-pane {
        display: block;
        padding: 0 !important;
    }

    .product-detail-tabs .panel-heading .panel-title {
        display: table;
        width: 100%;
        outline: 0 !important;
        box-sizing: border-box;
        border-radius: 0;
        border-color: #dedede;
        background: #fff;
        padding: 0px;
        margin: 0px;
        margin-top: 0;
        font-size: 16px;
        font-family: "League Medium", sans-serif;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        letter-spacing: 1px;
    }

    .product-detail-tabs .panel-heading a {
        background: rgba(0, 0, 0, 0.05);
        padding: 12px 16px;
        line-height: 40px;
        border-top: 1px solid #dedede;
        color: #000;
    }

        .product-detail-tabs .panel-heading a i {
            float: right;
            font-size: 32px;
            transition: all 0.3s ease;
        }

        .product-detail-tabs .panel-heading a[aria-expanded=true] i {
            transform: rotate(90deg);
        }

        .product-detail-tabs .panel-heading a.collapsed {
            color: #2e2e2e;
            background: none;
        }

    .product-detail-tabs #general-features-collapse .general-features-head .inner a {
        margin: 0 0 8px 0 !important;
    }

    .prod-tech-info-list .tech-info ul li .label {
        border-bottom: solid 3px var(--cylinda-primary);
    }

    .prod-tech-info-list .tech-info ul {
        padding: 8px;
    }
}

/*
* Remix Icon v4.6.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2024-12-17
*/


[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }

.ri-24-hours-fill:before { content: "\ea01"; }
.ri-24-hours-line:before { content: "\ea02"; }
.ri-4k-fill:before { content: "\ea03"; }
.ri-4k-line:before { content: "\ea04"; }
.ri-a-b:before { content: "\ea05"; }
.ri-account-box-fill:before { content: "\ea06"; }
.ri-account-box-line:before { content: "\ea07"; }
.ri-account-circle-fill:before { content: "\ea08"; }
.ri-account-circle-line:before { content: "\ea09"; }
.ri-account-pin-box-fill:before { content: "\ea0a"; }
.ri-account-pin-box-line:before { content: "\ea0b"; }
.ri-account-pin-circle-fill:before { content: "\ea0c"; }
.ri-account-pin-circle-line:before { content: "\ea0d"; }
.ri-add-box-fill:before { content: "\ea0e"; }
.ri-add-box-line:before { content: "\ea0f"; }
.ri-add-circle-fill:before { content: "\ea10"; }
.ri-add-circle-line:before { content: "\ea11"; }
.ri-add-fill:before { content: "\ea12"; }
.ri-add-line:before { content: "\ea13"; }
.ri-admin-fill:before { content: "\ea14"; }
.ri-admin-line:before { content: "\ea15"; }
.ri-advertisement-fill:before { content: "\ea16"; }
.ri-advertisement-line:before { content: "\ea17"; }
.ri-airplay-fill:before { content: "\ea18"; }
.ri-airplay-line:before { content: "\ea19"; }
.ri-alarm-fill:before { content: "\ea1a"; }
.ri-alarm-line:before { content: "\ea1b"; }
.ri-alarm-warning-fill:before { content: "\ea1c"; }
.ri-alarm-warning-line:before { content: "\ea1d"; }
.ri-album-fill:before { content: "\ea1e"; }
.ri-album-line:before { content: "\ea1f"; }
.ri-alert-fill:before { content: "\ea20"; }
.ri-alert-line:before { content: "\ea21"; }
.ri-aliens-fill:before { content: "\ea22"; }
.ri-aliens-line:before { content: "\ea23"; }
.ri-align-bottom:before { content: "\ea24"; }
.ri-align-center:before { content: "\ea25"; }
.ri-align-justify:before { content: "\ea26"; }
.ri-align-left:before { content: "\ea27"; }
.ri-align-right:before { content: "\ea28"; }
.ri-align-top:before { content: "\ea29"; }
.ri-align-vertically:before { content: "\ea2a"; }
.ri-alipay-fill:before { content: "\ea2b"; }
.ri-alipay-line:before { content: "\ea2c"; }
.ri-amazon-fill:before { content: "\ea2d"; }
.ri-amazon-line:before { content: "\ea2e"; }
.ri-anchor-fill:before { content: "\ea2f"; }
.ri-anchor-line:before { content: "\ea30"; }
.ri-ancient-gate-fill:before { content: "\ea31"; }
.ri-ancient-gate-line:before { content: "\ea32"; }
.ri-ancient-pavilion-fill:before { content: "\ea33"; }
.ri-ancient-pavilion-line:before { content: "\ea34"; }
.ri-android-fill:before { content: "\ea35"; }
.ri-android-line:before { content: "\ea36"; }
.ri-angularjs-fill:before { content: "\ea37"; }
.ri-angularjs-line:before { content: "\ea38"; }
.ri-anticlockwise-2-fill:before { content: "\ea39"; }
.ri-anticlockwise-2-line:before { content: "\ea3a"; }
.ri-anticlockwise-fill:before { content: "\ea3b"; }
.ri-anticlockwise-line:before { content: "\ea3c"; }
.ri-app-store-fill:before { content: "\ea3d"; }
.ri-app-store-line:before { content: "\ea3e"; }
.ri-apple-fill:before { content: "\ea3f"; }
.ri-apple-line:before { content: "\ea40"; }
.ri-apps-2-fill:before { content: "\ea41"; }
.ri-apps-2-line:before { content: "\ea42"; }
.ri-apps-fill:before { content: "\ea43"; }
.ri-apps-line:before { content: "\ea44"; }
.ri-archive-drawer-fill:before { content: "\ea45"; }
.ri-archive-drawer-line:before { content: "\ea46"; }
.ri-archive-fill:before { content: "\ea47"; }
.ri-archive-line:before { content: "\ea48"; }
.ri-arrow-down-circle-fill:before { content: "\ea49"; }
.ri-arrow-down-circle-line:before { content: "\ea4a"; }
.ri-arrow-down-fill:before { content: "\ea4b"; }
.ri-arrow-down-line:before { content: "\ea4c"; }
.ri-arrow-down-s-fill:before { content: "\ea4d"; }
.ri-arrow-down-s-line:before { content: "\ea4e"; }
.ri-arrow-drop-down-fill:before { content: "\ea4f"; }
.ri-arrow-drop-down-line:before { content: "\ea50"; }
.ri-arrow-drop-left-fill:before { content: "\ea51"; }
.ri-arrow-drop-left-line:before { content: "\ea52"; }
.ri-arrow-drop-right-fill:before { content: "\ea53"; }
.ri-arrow-drop-right-line:before { content: "\ea54"; }
.ri-arrow-drop-up-fill:before { content: "\ea55"; }
.ri-arrow-drop-up-line:before { content: "\ea56"; }
.ri-arrow-go-back-fill:before { content: "\ea57"; }
.ri-arrow-go-back-line:before { content: "\ea58"; }
.ri-arrow-go-forward-fill:before { content: "\ea59"; }
.ri-arrow-go-forward-line:before { content: "\ea5a"; }
.ri-arrow-left-circle-fill:before { content: "\ea5b"; }
.ri-arrow-left-circle-line:before { content: "\ea5c"; }
.ri-arrow-left-down-fill:before { content: "\ea5d"; }
.ri-arrow-left-down-line:before { content: "\ea5e"; }
.ri-arrow-left-fill:before { content: "\ea5f"; }
.ri-arrow-left-line:before { content: "\ea60"; }
.ri-arrow-left-right-fill:before { content: "\ea61"; }
.ri-arrow-left-right-line:before { content: "\ea62"; }
.ri-arrow-left-s-fill:before { content: "\ea63"; }
.ri-arrow-left-s-line:before { content: "\ea64"; }
.ri-arrow-left-up-fill:before { content: "\ea65"; }
.ri-arrow-left-up-line:before { content: "\ea66"; }
.ri-arrow-right-circle-fill:before { content: "\ea67"; }
.ri-arrow-right-circle-line:before { content: "\ea68"; }
.ri-arrow-right-down-fill:before { content: "\ea69"; }
.ri-arrow-right-down-line:before { content: "\ea6a"; }
.ri-arrow-right-fill:before { content: "\ea6b"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-arrow-right-s-fill:before { content: "\ea6d"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-arrow-right-up-fill:before { content: "\ea6f"; }
.ri-arrow-right-up-line:before { content: "\ea70"; }
.ri-arrow-up-circle-fill:before { content: "\ea71"; }
.ri-arrow-up-circle-line:before { content: "\ea72"; }
.ri-arrow-up-down-fill:before { content: "\ea73"; }
.ri-arrow-up-down-line:before { content: "\ea74"; }
.ri-arrow-up-fill:before { content: "\ea75"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-arrow-up-s-fill:before { content: "\ea77"; }
.ri-arrow-up-s-line:before { content: "\ea78"; }
.ri-artboard-2-fill:before { content: "\ea79"; }
.ri-artboard-2-line:before { content: "\ea7a"; }
.ri-artboard-fill:before { content: "\ea7b"; }
.ri-artboard-line:before { content: "\ea7c"; }
.ri-article-fill:before { content: "\ea7d"; }
.ri-article-line:before { content: "\ea7e"; }
.ri-aspect-ratio-fill:before { content: "\ea7f"; }
.ri-aspect-ratio-line:before { content: "\ea80"; }
.ri-asterisk:before { content: "\ea81"; }
.ri-at-fill:before { content: "\ea82"; }
.ri-at-line:before { content: "\ea83"; }
.ri-attachment-2:before { content: "\ea84"; }
.ri-attachment-fill:before { content: "\ea85"; }
.ri-attachment-line:before { content: "\ea86"; }
.ri-auction-fill:before { content: "\ea87"; }
.ri-auction-line:before { content: "\ea88"; }
.ri-award-fill:before { content: "\ea89"; }
.ri-award-line:before { content: "\ea8a"; }
.ri-baidu-fill:before { content: "\ea8b"; }
.ri-baidu-line:before { content: "\ea8c"; }
.ri-ball-pen-fill:before { content: "\ea8d"; }
.ri-ball-pen-line:before { content: "\ea8e"; }
.ri-bank-card-2-fill:before { content: "\ea8f"; }
.ri-bank-card-2-line:before { content: "\ea90"; }
.ri-bank-card-fill:before { content: "\ea91"; }
.ri-bank-card-line:before { content: "\ea92"; }
.ri-bank-fill:before { content: "\ea93"; }
.ri-bank-line:before { content: "\ea94"; }
.ri-bar-chart-2-fill:before { content: "\ea95"; }
.ri-bar-chart-2-line:before { content: "\ea96"; }
.ri-bar-chart-box-fill:before { content: "\ea97"; }
.ri-bar-chart-box-line:before { content: "\ea98"; }
.ri-bar-chart-fill:before { content: "\ea99"; }
.ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
.ri-bar-chart-grouped-line:before { content: "\ea9b"; }
.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
.ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
.ri-bar-chart-line:before { content: "\ea9e"; }
.ri-barcode-box-fill:before { content: "\ea9f"; }
.ri-barcode-box-line:before { content: "\eaa0"; }
.ri-barcode-fill:before { content: "\eaa1"; }
.ri-barcode-line:before { content: "\eaa2"; }
.ri-barricade-fill:before { content: "\eaa3"; }
.ri-barricade-line:before { content: "\eaa4"; }
.ri-base-station-fill:before { content: "\eaa5"; }
.ri-base-station-line:before { content: "\eaa6"; }
.ri-basketball-fill:before { content: "\eaa7"; }
.ri-basketball-line:before { content: "\eaa8"; }
.ri-battery-2-charge-fill:before { content: "\eaa9"; }
.ri-battery-2-charge-line:before { content: "\eaaa"; }
.ri-battery-2-fill:before { content: "\eaab"; }
.ri-battery-2-line:before { content: "\eaac"; }
.ri-battery-charge-fill:before { content: "\eaad"; }
.ri-battery-charge-line:before { content: "\eaae"; }
.ri-battery-fill:before { content: "\eaaf"; }
.ri-battery-line:before { content: "\eab0"; }
.ri-battery-low-fill:before { content: "\eab1"; }
.ri-battery-low-line:before { content: "\eab2"; }
.ri-battery-saver-fill:before { content: "\eab3"; }
.ri-battery-saver-line:before { content: "\eab4"; }
.ri-battery-share-fill:before { content: "\eab5"; }
.ri-battery-share-line:before { content: "\eab6"; }
.ri-bear-smile-fill:before { content: "\eab7"; }
.ri-bear-smile-line:before { content: "\eab8"; }
.ri-behance-fill:before { content: "\eab9"; }
.ri-behance-line:before { content: "\eaba"; }
.ri-bell-fill:before { content: "\eabb"; }
.ri-bell-line:before { content: "\eabc"; }
.ri-bike-fill:before { content: "\eabd"; }
.ri-bike-line:before { content: "\eabe"; }
.ri-bilibili-fill:before { content: "\eabf"; }
.ri-bilibili-line:before { content: "\eac0"; }
.ri-bill-fill:before { content: "\eac1"; }
.ri-bill-line:before { content: "\eac2"; }
.ri-billiards-fill:before { content: "\eac3"; }
.ri-billiards-line:before { content: "\eac4"; }
.ri-bit-coin-fill:before { content: "\eac5"; }
.ri-bit-coin-line:before { content: "\eac6"; }
.ri-blaze-fill:before { content: "\eac7"; }
.ri-blaze-line:before { content: "\eac8"; }
.ri-bluetooth-connect-fill:before { content: "\eac9"; }
.ri-bluetooth-connect-line:before { content: "\eaca"; }
.ri-bluetooth-fill:before { content: "\eacb"; }
.ri-bluetooth-line:before { content: "\eacc"; }
.ri-blur-off-fill:before { content: "\eacd"; }
.ri-blur-off-line:before { content: "\eace"; }
.ri-body-scan-fill:before { content: "\eacf"; }
.ri-body-scan-line:before { content: "\ead0"; }
.ri-bold:before { content: "\ead1"; }
.ri-book-2-fill:before { content: "\ead2"; }
.ri-book-2-line:before { content: "\ead3"; }
.ri-book-3-fill:before { content: "\ead4"; }
.ri-book-3-line:before { content: "\ead5"; }
.ri-book-fill:before { content: "\ead6"; }
.ri-book-line:before { content: "\ead7"; }
.ri-book-marked-fill:before { content: "\ead8"; }
.ri-book-marked-line:before { content: "\ead9"; }
.ri-book-open-fill:before { content: "\eada"; }
.ri-book-open-line:before { content: "\eadb"; }
.ri-book-read-fill:before { content: "\eadc"; }
.ri-book-read-line:before { content: "\eadd"; }
.ri-booklet-fill:before { content: "\eade"; }
.ri-booklet-line:before { content: "\eadf"; }
.ri-bookmark-2-fill:before { content: "\eae0"; }
.ri-bookmark-2-line:before { content: "\eae1"; }
.ri-bookmark-3-fill:before { content: "\eae2"; }
.ri-bookmark-3-line:before { content: "\eae3"; }
.ri-bookmark-fill:before { content: "\eae4"; }
.ri-bookmark-line:before { content: "\eae5"; }
.ri-boxing-fill:before { content: "\eae6"; }
.ri-boxing-line:before { content: "\eae7"; }
.ri-braces-fill:before { content: "\eae8"; }
.ri-braces-line:before { content: "\eae9"; }
.ri-brackets-fill:before { content: "\eaea"; }
.ri-brackets-line:before { content: "\eaeb"; }
.ri-briefcase-2-fill:before { content: "\eaec"; }
.ri-briefcase-2-line:before { content: "\eaed"; }
.ri-briefcase-3-fill:before { content: "\eaee"; }
.ri-briefcase-3-line:before { content: "\eaef"; }
.ri-briefcase-4-fill:before { content: "\eaf0"; }
.ri-briefcase-4-line:before { content: "\eaf1"; }
.ri-briefcase-5-fill:before { content: "\eaf2"; }
.ri-briefcase-5-line:before { content: "\eaf3"; }
.ri-briefcase-fill:before { content: "\eaf4"; }
.ri-briefcase-line:before { content: "\eaf5"; }
.ri-bring-forward:before { content: "\eaf6"; }
.ri-bring-to-front:before { content: "\eaf7"; }
.ri-broadcast-fill:before { content: "\eaf8"; }
.ri-broadcast-line:before { content: "\eaf9"; }
.ri-brush-2-fill:before { content: "\eafa"; }
.ri-brush-2-line:before { content: "\eafb"; }
.ri-brush-3-fill:before { content: "\eafc"; }
.ri-brush-3-line:before { content: "\eafd"; }
.ri-brush-4-fill:before { content: "\eafe"; }
.ri-brush-4-line:before { content: "\eaff"; }
.ri-brush-fill:before { content: "\eb00"; }
.ri-brush-line:before { content: "\eb01"; }
.ri-bubble-chart-fill:before { content: "\eb02"; }
.ri-bubble-chart-line:before { content: "\eb03"; }
.ri-bug-2-fill:before { content: "\eb04"; }
.ri-bug-2-line:before { content: "\eb05"; }
.ri-bug-fill:before { content: "\eb06"; }
.ri-bug-line:before { content: "\eb07"; }
.ri-building-2-fill:before { content: "\eb08"; }
.ri-building-2-line:before { content: "\eb09"; }
.ri-building-3-fill:before { content: "\eb0a"; }
.ri-building-3-line:before { content: "\eb0b"; }
.ri-building-4-fill:before { content: "\eb0c"; }
.ri-building-4-line:before { content: "\eb0d"; }
.ri-building-fill:before { content: "\eb0e"; }
.ri-building-line:before { content: "\eb0f"; }
.ri-bus-2-fill:before { content: "\eb10"; }
.ri-bus-2-line:before { content: "\eb11"; }
.ri-bus-fill:before { content: "\eb12"; }
.ri-bus-line:before { content: "\eb13"; }
.ri-bus-wifi-fill:before { content: "\eb14"; }
.ri-bus-wifi-line:before { content: "\eb15"; }
.ri-cactus-fill:before { content: "\eb16"; }
.ri-cactus-line:before { content: "\eb17"; }
.ri-cake-2-fill:before { content: "\eb18"; }
.ri-cake-2-line:before { content: "\eb19"; }
.ri-cake-3-fill:before { content: "\eb1a"; }
.ri-cake-3-line:before { content: "\eb1b"; }
.ri-cake-fill:before { content: "\eb1c"; }
.ri-cake-line:before { content: "\eb1d"; }
.ri-calculator-fill:before { content: "\eb1e"; }
.ri-calculator-line:before { content: "\eb1f"; }
.ri-calendar-2-fill:before { content: "\eb20"; }
.ri-calendar-2-line:before { content: "\eb21"; }
.ri-calendar-check-fill:before { content: "\eb22"; }
.ri-calendar-check-line:before { content: "\eb23"; }
.ri-calendar-event-fill:before { content: "\eb24"; }
.ri-calendar-event-line:before { content: "\eb25"; }
.ri-calendar-fill:before { content: "\eb26"; }
.ri-calendar-line:before { content: "\eb27"; }
.ri-calendar-todo-fill:before { content: "\eb28"; }
.ri-calendar-todo-line:before { content: "\eb29"; }
.ri-camera-2-fill:before { content: "\eb2a"; }
.ri-camera-2-line:before { content: "\eb2b"; }
.ri-camera-3-fill:before { content: "\eb2c"; }
.ri-camera-3-line:before { content: "\eb2d"; }
.ri-camera-fill:before { content: "\eb2e"; }
.ri-camera-lens-fill:before { content: "\eb2f"; }
.ri-camera-lens-line:before { content: "\eb30"; }
.ri-camera-line:before { content: "\eb31"; }
.ri-camera-off-fill:before { content: "\eb32"; }
.ri-camera-off-line:before { content: "\eb33"; }
.ri-camera-switch-fill:before { content: "\eb34"; }
.ri-camera-switch-line:before { content: "\eb35"; }
.ri-capsule-fill:before { content: "\eb36"; }
.ri-capsule-line:before { content: "\eb37"; }
.ri-car-fill:before { content: "\eb38"; }
.ri-car-line:before { content: "\eb39"; }
.ri-car-washing-fill:before { content: "\eb3a"; }
.ri-car-washing-line:before { content: "\eb3b"; }
.ri-caravan-fill:before { content: "\eb3c"; }
.ri-caravan-line:before { content: "\eb3d"; }
.ri-cast-fill:before { content: "\eb3e"; }
.ri-cast-line:before { content: "\eb3f"; }
.ri-cellphone-fill:before { content: "\eb40"; }
.ri-cellphone-line:before { content: "\eb41"; }
.ri-celsius-fill:before { content: "\eb42"; }
.ri-celsius-line:before { content: "\eb43"; }
.ri-centos-fill:before { content: "\eb44"; }
.ri-centos-line:before { content: "\eb45"; }
.ri-character-recognition-fill:before { content: "\eb46"; }
.ri-character-recognition-line:before { content: "\eb47"; }
.ri-charging-pile-2-fill:before { content: "\eb48"; }
.ri-charging-pile-2-line:before { content: "\eb49"; }
.ri-charging-pile-fill:before { content: "\eb4a"; }
.ri-charging-pile-line:before { content: "\eb4b"; }
.ri-chat-1-fill:before { content: "\eb4c"; }
.ri-chat-1-line:before { content: "\eb4d"; }
.ri-chat-2-fill:before { content: "\eb4e"; }
.ri-chat-2-line:before { content: "\eb4f"; }
.ri-chat-3-fill:before { content: "\eb50"; }
.ri-chat-3-line:before { content: "\eb51"; }
.ri-chat-4-fill:before { content: "\eb52"; }
.ri-chat-4-line:before { content: "\eb53"; }
.ri-chat-check-fill:before { content: "\eb54"; }
.ri-chat-check-line:before { content: "\eb55"; }
.ri-chat-delete-fill:before { content: "\eb56"; }
.ri-chat-delete-line:before { content: "\eb57"; }
.ri-chat-download-fill:before { content: "\eb58"; }
.ri-chat-download-line:before { content: "\eb59"; }
.ri-chat-follow-up-fill:before { content: "\eb5a"; }
.ri-chat-follow-up-line:before { content: "\eb5b"; }
.ri-chat-forward-fill:before { content: "\eb5c"; }
.ri-chat-forward-line:before { content: "\eb5d"; }
.ri-chat-heart-fill:before { content: "\eb5e"; }
.ri-chat-heart-line:before { content: "\eb5f"; }
.ri-chat-history-fill:before { content: "\eb60"; }
.ri-chat-history-line:before { content: "\eb61"; }
.ri-chat-new-fill:before { content: "\eb62"; }
.ri-chat-new-line:before { content: "\eb63"; }
.ri-chat-off-fill:before { content: "\eb64"; }
.ri-chat-off-line:before { content: "\eb65"; }
.ri-chat-poll-fill:before { content: "\eb66"; }
.ri-chat-poll-line:before { content: "\eb67"; }
.ri-chat-private-fill:before { content: "\eb68"; }
.ri-chat-private-line:before { content: "\eb69"; }
.ri-chat-quote-fill:before { content: "\eb6a"; }
.ri-chat-quote-line:before { content: "\eb6b"; }
.ri-chat-settings-fill:before { content: "\eb6c"; }
.ri-chat-settings-line:before { content: "\eb6d"; }
.ri-chat-smile-2-fill:before { content: "\eb6e"; }
.ri-chat-smile-2-line:before { content: "\eb6f"; }
.ri-chat-smile-3-fill:before { content: "\eb70"; }
.ri-chat-smile-3-line:before { content: "\eb71"; }
.ri-chat-smile-fill:before { content: "\eb72"; }
.ri-chat-smile-line:before { content: "\eb73"; }
.ri-chat-upload-fill:before { content: "\eb74"; }
.ri-chat-upload-line:before { content: "\eb75"; }
.ri-chat-voice-fill:before { content: "\eb76"; }
.ri-chat-voice-line:before { content: "\eb77"; }
.ri-check-double-fill:before { content: "\eb78"; }
.ri-check-double-line:before { content: "\eb79"; }
.ri-check-fill:before { content: "\eb7a"; }
.ri-check-line:before { content: "\eb7b"; }
.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
.ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
.ri-checkbox-blank-fill:before { content: "\eb7e"; }
.ri-checkbox-blank-line:before { content: "\eb7f"; }
.ri-checkbox-circle-fill:before { content: "\eb80"; }
.ri-checkbox-circle-line:before { content: "\eb81"; }
.ri-checkbox-fill:before { content: "\eb82"; }
.ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
.ri-checkbox-indeterminate-line:before { content: "\eb84"; }
.ri-checkbox-line:before { content: "\eb85"; }
.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
.ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
.ri-checkbox-multiple-fill:before { content: "\eb88"; }
.ri-checkbox-multiple-line:before { content: "\eb89"; }
.ri-china-railway-fill:before { content: "\eb8a"; }
.ri-china-railway-line:before { content: "\eb8b"; }
.ri-chrome-fill:before { content: "\eb8c"; }
.ri-chrome-line:before { content: "\eb8d"; }
.ri-clapperboard-fill:before { content: "\eb8e"; }
.ri-clapperboard-line:before { content: "\eb8f"; }
.ri-clipboard-fill:before { content: "\eb90"; }
.ri-clipboard-line:before { content: "\eb91"; }
.ri-clockwise-2-fill:before { content: "\eb92"; }
.ri-clockwise-2-line:before { content: "\eb93"; }
.ri-clockwise-fill:before { content: "\eb94"; }
.ri-clockwise-line:before { content: "\eb95"; }
.ri-close-circle-fill:before { content: "\eb96"; }
.ri-close-circle-line:before { content: "\eb97"; }
.ri-close-fill:before { content: "\eb98"; }
.ri-close-line:before { content: "\eb99"; }
.ri-closed-captioning-fill:before { content: "\eb9a"; }
.ri-closed-captioning-line:before { content: "\eb9b"; }
.ri-cloud-fill:before { content: "\eb9c"; }
.ri-cloud-line:before { content: "\eb9d"; }
.ri-cloud-off-fill:before { content: "\eb9e"; }
.ri-cloud-off-line:before { content: "\eb9f"; }
.ri-cloud-windy-fill:before { content: "\eba0"; }
.ri-cloud-windy-line:before { content: "\eba1"; }
.ri-cloudy-2-fill:before { content: "\eba2"; }
.ri-cloudy-2-line:before { content: "\eba3"; }
.ri-cloudy-fill:before { content: "\eba4"; }
.ri-cloudy-line:before { content: "\eba5"; }
.ri-code-box-fill:before { content: "\eba6"; }
.ri-code-box-line:before { content: "\eba7"; }
.ri-code-fill:before { content: "\eba8"; }
.ri-code-line:before { content: "\eba9"; }
.ri-code-s-fill:before { content: "\ebaa"; }
.ri-code-s-line:before { content: "\ebab"; }
.ri-code-s-slash-fill:before { content: "\ebac"; }
.ri-code-s-slash-line:before { content: "\ebad"; }
.ri-code-view:before { content: "\ebae"; }
.ri-codepen-fill:before { content: "\ebaf"; }
.ri-codepen-line:before { content: "\ebb0"; }
.ri-coin-fill:before { content: "\ebb1"; }
.ri-coin-line:before { content: "\ebb2"; }
.ri-coins-fill:before { content: "\ebb3"; }
.ri-coins-line:before { content: "\ebb4"; }
.ri-collage-fill:before { content: "\ebb5"; }
.ri-collage-line:before { content: "\ebb6"; }
.ri-command-fill:before { content: "\ebb7"; }
.ri-command-line:before { content: "\ebb8"; }
.ri-community-fill:before { content: "\ebb9"; }
.ri-community-line:before { content: "\ebba"; }
.ri-compass-2-fill:before { content: "\ebbb"; }
.ri-compass-2-line:before { content: "\ebbc"; }
.ri-compass-3-fill:before { content: "\ebbd"; }
.ri-compass-3-line:before { content: "\ebbe"; }
.ri-compass-4-fill:before { content: "\ebbf"; }
.ri-compass-4-line:before { content: "\ebc0"; }
.ri-compass-discover-fill:before { content: "\ebc1"; }
.ri-compass-discover-line:before { content: "\ebc2"; }
.ri-compass-fill:before { content: "\ebc3"; }
.ri-compass-line:before { content: "\ebc4"; }
.ri-compasses-2-fill:before { content: "\ebc5"; }
.ri-compasses-2-line:before { content: "\ebc6"; }
.ri-compasses-fill:before { content: "\ebc7"; }
.ri-compasses-line:before { content: "\ebc8"; }
.ri-computer-fill:before { content: "\ebc9"; }
.ri-computer-line:before { content: "\ebca"; }
.ri-contacts-book-2-fill:before { content: "\ebcb"; }
.ri-contacts-book-2-line:before { content: "\ebcc"; }
.ri-contacts-book-fill:before { content: "\ebcd"; }
.ri-contacts-book-line:before { content: "\ebce"; }
.ri-contacts-book-upload-fill:before { content: "\ebcf"; }
.ri-contacts-book-upload-line:before { content: "\ebd0"; }
.ri-contacts-fill:before { content: "\ebd1"; }
.ri-contacts-line:before { content: "\ebd2"; }
.ri-contrast-2-fill:before { content: "\ebd3"; }
.ri-contrast-2-line:before { content: "\ebd4"; }
.ri-contrast-drop-2-fill:before { content: "\ebd5"; }
.ri-contrast-drop-2-line:before { content: "\ebd6"; }
.ri-contrast-drop-fill:before { content: "\ebd7"; }
.ri-contrast-drop-line:before { content: "\ebd8"; }
.ri-contrast-fill:before { content: "\ebd9"; }
.ri-contrast-line:before { content: "\ebda"; }
.ri-copper-coin-fill:before { content: "\ebdb"; }
.ri-copper-coin-line:before { content: "\ebdc"; }
.ri-copper-diamond-fill:before { content: "\ebdd"; }
.ri-copper-diamond-line:before { content: "\ebde"; }
.ri-copyleft-fill:before { content: "\ebdf"; }
.ri-copyleft-line:before { content: "\ebe0"; }
.ri-copyright-fill:before { content: "\ebe1"; }
.ri-copyright-line:before { content: "\ebe2"; }
.ri-coreos-fill:before { content: "\ebe3"; }
.ri-coreos-line:before { content: "\ebe4"; }
.ri-coupon-2-fill:before { content: "\ebe5"; }
.ri-coupon-2-line:before { content: "\ebe6"; }
.ri-coupon-3-fill:before { content: "\ebe7"; }
.ri-coupon-3-line:before { content: "\ebe8"; }
.ri-coupon-4-fill:before { content: "\ebe9"; }
.ri-coupon-4-line:before { content: "\ebea"; }
.ri-coupon-5-fill:before { content: "\ebeb"; }
.ri-coupon-5-line:before { content: "\ebec"; }
.ri-coupon-fill:before { content: "\ebed"; }
.ri-coupon-line:before { content: "\ebee"; }
.ri-cpu-fill:before { content: "\ebef"; }
.ri-cpu-line:before { content: "\ebf0"; }
.ri-creative-commons-by-fill:before { content: "\ebf1"; }
.ri-creative-commons-by-line:before { content: "\ebf2"; }
.ri-creative-commons-fill:before { content: "\ebf3"; }
.ri-creative-commons-line:before { content: "\ebf4"; }
.ri-creative-commons-nc-fill:before { content: "\ebf5"; }
.ri-creative-commons-nc-line:before { content: "\ebf6"; }
.ri-creative-commons-nd-fill:before { content: "\ebf7"; }
.ri-creative-commons-nd-line:before { content: "\ebf8"; }
.ri-creative-commons-sa-fill:before { content: "\ebf9"; }
.ri-creative-commons-sa-line:before { content: "\ebfa"; }
.ri-creative-commons-zero-fill:before { content: "\ebfb"; }
.ri-creative-commons-zero-line:before { content: "\ebfc"; }
.ri-criminal-fill:before { content: "\ebfd"; }
.ri-criminal-line:before { content: "\ebfe"; }
.ri-crop-2-fill:before { content: "\ebff"; }
.ri-crop-2-line:before { content: "\ec00"; }
.ri-crop-fill:before { content: "\ec01"; }
.ri-crop-line:before { content: "\ec02"; }
.ri-css3-fill:before { content: "\ec03"; }
.ri-css3-line:before { content: "\ec04"; }
.ri-cup-fill:before { content: "\ec05"; }
.ri-cup-line:before { content: "\ec06"; }
.ri-currency-fill:before { content: "\ec07"; }
.ri-currency-line:before { content: "\ec08"; }
.ri-cursor-fill:before { content: "\ec09"; }
.ri-cursor-line:before { content: "\ec0a"; }
.ri-customer-service-2-fill:before { content: "\ec0b"; }
.ri-customer-service-2-line:before { content: "\ec0c"; }
.ri-customer-service-fill:before { content: "\ec0d"; }
.ri-customer-service-line:before { content: "\ec0e"; }
.ri-dashboard-2-fill:before { content: "\ec0f"; }
.ri-dashboard-2-line:before { content: "\ec10"; }
.ri-dashboard-3-fill:before { content: "\ec11"; }
.ri-dashboard-3-line:before { content: "\ec12"; }
.ri-dashboard-fill:before { content: "\ec13"; }
.ri-dashboard-line:before { content: "\ec14"; }
.ri-database-2-fill:before { content: "\ec15"; }
.ri-database-2-line:before { content: "\ec16"; }
.ri-database-fill:before { content: "\ec17"; }
.ri-database-line:before { content: "\ec18"; }
.ri-delete-back-2-fill:before { content: "\ec19"; }
.ri-delete-back-2-line:before { content: "\ec1a"; }
.ri-delete-back-fill:before { content: "\ec1b"; }
.ri-delete-back-line:before { content: "\ec1c"; }
.ri-delete-bin-2-fill:before { content: "\ec1d"; }
.ri-delete-bin-2-line:before { content: "\ec1e"; }
.ri-delete-bin-3-fill:before { content: "\ec1f"; }
.ri-delete-bin-3-line:before { content: "\ec20"; }
.ri-delete-bin-4-fill:before { content: "\ec21"; }
.ri-delete-bin-4-line:before { content: "\ec22"; }
.ri-delete-bin-5-fill:before { content: "\ec23"; }
.ri-delete-bin-5-line:before { content: "\ec24"; }
.ri-delete-bin-6-fill:before { content: "\ec25"; }
.ri-delete-bin-6-line:before { content: "\ec26"; }
.ri-delete-bin-7-fill:before { content: "\ec27"; }
.ri-delete-bin-7-line:before { content: "\ec28"; }
.ri-delete-bin-fill:before { content: "\ec29"; }
.ri-delete-bin-line:before { content: "\ec2a"; }
.ri-delete-column:before { content: "\ec2b"; }
.ri-delete-row:before { content: "\ec2c"; }
.ri-device-fill:before { content: "\ec2d"; }
.ri-device-line:before { content: "\ec2e"; }
.ri-device-recover-fill:before { content: "\ec2f"; }
.ri-device-recover-line:before { content: "\ec30"; }
.ri-dingding-fill:before { content: "\ec31"; }
.ri-dingding-line:before { content: "\ec32"; }
.ri-direction-fill:before { content: "\ec33"; }
.ri-direction-line:before { content: "\ec34"; }
.ri-disc-fill:before { content: "\ec35"; }
.ri-disc-line:before { content: "\ec36"; }
.ri-discord-fill:before { content: "\ec37"; }
.ri-discord-line:before { content: "\ec38"; }
.ri-discuss-fill:before { content: "\ec39"; }
.ri-discuss-line:before { content: "\ec3a"; }
.ri-dislike-fill:before { content: "\ec3b"; }
.ri-dislike-line:before { content: "\ec3c"; }
.ri-disqus-fill:before { content: "\ec3d"; }
.ri-disqus-line:before { content: "\ec3e"; }
.ri-divide-fill:before { content: "\ec3f"; }
.ri-divide-line:before { content: "\ec40"; }
.ri-donut-chart-fill:before { content: "\ec41"; }
.ri-donut-chart-line:before { content: "\ec42"; }
.ri-door-closed-fill:before { content: "\ec43"; }
.ri-door-closed-line:before { content: "\ec44"; }
.ri-door-fill:before { content: "\ec45"; }
.ri-door-line:before { content: "\ec46"; }
.ri-door-lock-box-fill:before { content: "\ec47"; }
.ri-door-lock-box-line:before { content: "\ec48"; }
.ri-door-lock-fill:before { content: "\ec49"; }
.ri-door-lock-line:before { content: "\ec4a"; }
.ri-door-open-fill:before { content: "\ec4b"; }
.ri-door-open-line:before { content: "\ec4c"; }
.ri-dossier-fill:before { content: "\ec4d"; }
.ri-dossier-line:before { content: "\ec4e"; }
.ri-douban-fill:before { content: "\ec4f"; }
.ri-douban-line:before { content: "\ec50"; }
.ri-double-quotes-l:before { content: "\ec51"; }
.ri-double-quotes-r:before { content: "\ec52"; }
.ri-download-2-fill:before { content: "\ec53"; }
.ri-download-2-line:before { content: "\ec54"; }
.ri-download-cloud-2-fill:before { content: "\ec55"; }
.ri-download-cloud-2-line:before { content: "\ec56"; }
.ri-download-cloud-fill:before { content: "\ec57"; }
.ri-download-cloud-line:before { content: "\ec58"; }
.ri-download-fill:before { content: "\ec59"; }
.ri-download-line:before { content: "\ec5a"; }
.ri-draft-fill:before { content: "\ec5b"; }
.ri-draft-line:before { content: "\ec5c"; }
.ri-drag-drop-fill:before { content: "\ec5d"; }
.ri-drag-drop-line:before { content: "\ec5e"; }
.ri-drag-move-2-fill:before { content: "\ec5f"; }
.ri-drag-move-2-line:before { content: "\ec60"; }
.ri-drag-move-fill:before { content: "\ec61"; }
.ri-drag-move-line:before { content: "\ec62"; }
.ri-dribbble-fill:before { content: "\ec63"; }
.ri-dribbble-line:before { content: "\ec64"; }
.ri-drive-fill:before { content: "\ec65"; }
.ri-drive-line:before { content: "\ec66"; }
.ri-drizzle-fill:before { content: "\ec67"; }
.ri-drizzle-line:before { content: "\ec68"; }
.ri-drop-fill:before { content: "\ec69"; }
.ri-drop-line:before { content: "\ec6a"; }
.ri-dropbox-fill:before { content: "\ec6b"; }
.ri-dropbox-line:before { content: "\ec6c"; }
.ri-dual-sim-1-fill:before { content: "\ec6d"; }
.ri-dual-sim-1-line:before { content: "\ec6e"; }
.ri-dual-sim-2-fill:before { content: "\ec6f"; }
.ri-dual-sim-2-line:before { content: "\ec70"; }
.ri-dv-fill:before { content: "\ec71"; }
.ri-dv-line:before { content: "\ec72"; }
.ri-dvd-fill:before { content: "\ec73"; }
.ri-dvd-line:before { content: "\ec74"; }
.ri-e-bike-2-fill:before { content: "\ec75"; }
.ri-e-bike-2-line:before { content: "\ec76"; }
.ri-e-bike-fill:before { content: "\ec77"; }
.ri-e-bike-line:before { content: "\ec78"; }
.ri-earth-fill:before { content: "\ec79"; }
.ri-earth-line:before { content: "\ec7a"; }
.ri-earthquake-fill:before { content: "\ec7b"; }
.ri-earthquake-line:before { content: "\ec7c"; }
.ri-edge-fill:before { content: "\ec7d"; }
.ri-edge-line:before { content: "\ec7e"; }
.ri-edit-2-fill:before { content: "\ec7f"; }
.ri-edit-2-line:before { content: "\ec80"; }
.ri-edit-box-fill:before { content: "\ec81"; }
.ri-edit-box-line:before { content: "\ec82"; }
.ri-edit-circle-fill:before { content: "\ec83"; }
.ri-edit-circle-line:before { content: "\ec84"; }
.ri-edit-fill:before { content: "\ec85"; }
.ri-edit-line:before { content: "\ec86"; }
.ri-eject-fill:before { content: "\ec87"; }
.ri-eject-line:before { content: "\ec88"; }
.ri-emotion-2-fill:before { content: "\ec89"; }
.ri-emotion-2-line:before { content: "\ec8a"; }
.ri-emotion-fill:before { content: "\ec8b"; }
.ri-emotion-happy-fill:before { content: "\ec8c"; }
.ri-emotion-happy-line:before { content: "\ec8d"; }
.ri-emotion-laugh-fill:before { content: "\ec8e"; }
.ri-emotion-laugh-line:before { content: "\ec8f"; }
.ri-emotion-line:before { content: "\ec90"; }
.ri-emotion-normal-fill:before { content: "\ec91"; }
.ri-emotion-normal-line:before { content: "\ec92"; }
.ri-emotion-sad-fill:before { content: "\ec93"; }
.ri-emotion-sad-line:before { content: "\ec94"; }
.ri-emotion-unhappy-fill:before { content: "\ec95"; }
.ri-emotion-unhappy-line:before { content: "\ec96"; }
.ri-empathize-fill:before { content: "\ec97"; }
.ri-empathize-line:before { content: "\ec98"; }
.ri-emphasis-cn:before { content: "\ec99"; }
.ri-emphasis:before { content: "\ec9a"; }
.ri-english-input:before { content: "\ec9b"; }
.ri-equalizer-fill:before { content: "\ec9c"; }
.ri-equalizer-line:before { content: "\ec9d"; }
.ri-eraser-fill:before { content: "\ec9e"; }
.ri-eraser-line:before { content: "\ec9f"; }
.ri-error-warning-fill:before { content: "\eca0"; }
.ri-error-warning-line:before { content: "\eca1"; }
.ri-evernote-fill:before { content: "\eca2"; }
.ri-evernote-line:before { content: "\eca3"; }
.ri-exchange-box-fill:before { content: "\eca4"; }
.ri-exchange-box-line:before { content: "\eca5"; }
.ri-exchange-cny-fill:before { content: "\eca6"; }
.ri-exchange-cny-line:before { content: "\eca7"; }
.ri-exchange-dollar-fill:before { content: "\eca8"; }
.ri-exchange-dollar-line:before { content: "\eca9"; }
.ri-exchange-fill:before { content: "\ecaa"; }
.ri-exchange-funds-fill:before { content: "\ecab"; }
.ri-exchange-funds-line:before { content: "\ecac"; }
.ri-exchange-line:before { content: "\ecad"; }
.ri-external-link-fill:before { content: "\ecae"; }
.ri-external-link-line:before { content: "\ecaf"; }
.ri-eye-2-fill:before { content: "\ecb0"; }
.ri-eye-2-line:before { content: "\ecb1"; }
.ri-eye-close-fill:before { content: "\ecb2"; }
.ri-eye-close-line:before { content: "\ecb3"; }
.ri-eye-fill:before { content: "\ecb4"; }
.ri-eye-line:before { content: "\ecb5"; }
.ri-eye-off-fill:before { content: "\ecb6"; }
.ri-eye-off-line:before { content: "\ecb7"; }
.ri-facebook-box-fill:before { content: "\ecb8"; }
.ri-facebook-box-line:before { content: "\ecb9"; }
.ri-facebook-circle-fill:before { content: "\ecba"; }
.ri-facebook-circle-line:before { content: "\ecbb"; }
.ri-facebook-fill:before { content: "\ecbc"; }
.ri-facebook-line:before { content: "\ecbd"; }
.ri-fahrenheit-fill:before { content: "\ecbe"; }
.ri-fahrenheit-line:before { content: "\ecbf"; }
.ri-feedback-fill:before { content: "\ecc0"; }
.ri-feedback-line:before { content: "\ecc1"; }
.ri-file-2-fill:before { content: "\ecc2"; }
.ri-file-2-line:before { content: "\ecc3"; }
.ri-file-3-fill:before { content: "\ecc4"; }
.ri-file-3-line:before { content: "\ecc5"; }
.ri-file-4-fill:before { content: "\ecc6"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-file-add-fill:before { content: "\ecc8"; }
.ri-file-add-line:before { content: "\ecc9"; }
.ri-file-chart-2-fill:before { content: "\ecca"; }
.ri-file-chart-2-line:before { content: "\eccb"; }
.ri-file-chart-fill:before { content: "\eccc"; }
.ri-file-chart-line:before { content: "\eccd"; }
.ri-file-cloud-fill:before { content: "\ecce"; }
.ri-file-cloud-line:before { content: "\eccf"; }
.ri-file-code-fill:before { content: "\ecd0"; }
.ri-file-code-line:before { content: "\ecd1"; }
.ri-file-copy-2-fill:before { content: "\ecd2"; }
.ri-file-copy-2-line:before { content: "\ecd3"; }
.ri-file-copy-fill:before { content: "\ecd4"; }
.ri-file-copy-line:before { content: "\ecd5"; }
.ri-file-damage-fill:before { content: "\ecd6"; }
.ri-file-damage-line:before { content: "\ecd7"; }
.ri-file-download-fill:before { content: "\ecd8"; }
.ri-file-download-line:before { content: "\ecd9"; }
.ri-file-edit-fill:before { content: "\ecda"; }
.ri-file-edit-line:before { content: "\ecdb"; }
.ri-file-excel-2-fill:before { content: "\ecdc"; }
.ri-file-excel-2-line:before { content: "\ecdd"; }
.ri-file-excel-fill:before { content: "\ecde"; }
.ri-file-excel-line:before { content: "\ecdf"; }
.ri-file-fill:before { content: "\ece0"; }
.ri-file-forbid-fill:before { content: "\ece1"; }
.ri-file-forbid-line:before { content: "\ece2"; }
.ri-file-gif-fill:before { content: "\ece3"; }
.ri-file-gif-line:before { content: "\ece4"; }
.ri-file-history-fill:before { content: "\ece5"; }
.ri-file-history-line:before { content: "\ece6"; }
.ri-file-hwp-fill:before { content: "\ece7"; }
.ri-file-hwp-line:before { content: "\ece8"; }
.ri-file-info-fill:before { content: "\ece9"; }
.ri-file-info-line:before { content: "\ecea"; }
.ri-file-line:before { content: "\eceb"; }
.ri-file-list-2-fill:before { content: "\ecec"; }
.ri-file-list-2-line:before { content: "\eced"; }
.ri-file-list-3-fill:before { content: "\ecee"; }
.ri-file-list-3-line:before { content: "\ecef"; }
.ri-file-list-fill:before { content: "\ecf0"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-lock-fill:before { content: "\ecf2"; }
.ri-file-lock-line:before { content: "\ecf3"; }
.ri-file-marked-fill:before { content: "\ecf4"; }
.ri-file-marked-line:before { content: "\ecf5"; }
.ri-file-music-fill:before { content: "\ecf6"; }
.ri-file-music-line:before { content: "\ecf7"; }
.ri-file-paper-2-fill:before { content: "\ecf8"; }
.ri-file-paper-2-line:before { content: "\ecf9"; }
.ri-file-paper-fill:before { content: "\ecfa"; }
.ri-file-paper-line:before { content: "\ecfb"; }
.ri-file-pdf-fill:before { content: "\ecfc"; }
.ri-file-pdf-line:before { content: "\ecfd"; }
.ri-file-ppt-2-fill:before { content: "\ecfe"; }
.ri-file-ppt-2-line:before { content: "\ecff"; }
.ri-file-ppt-fill:before { content: "\ed00"; }
.ri-file-ppt-line:before { content: "\ed01"; }
.ri-file-reduce-fill:before { content: "\ed02"; }
.ri-file-reduce-line:before { content: "\ed03"; }
.ri-file-search-fill:before { content: "\ed04"; }
.ri-file-search-line:before { content: "\ed05"; }
.ri-file-settings-fill:before { content: "\ed06"; }
.ri-file-settings-line:before { content: "\ed07"; }
.ri-file-shield-2-fill:before { content: "\ed08"; }
.ri-file-shield-2-line:before { content: "\ed09"; }
.ri-file-shield-fill:before { content: "\ed0a"; }
.ri-file-shield-line:before { content: "\ed0b"; }
.ri-file-shred-fill:before { content: "\ed0c"; }
.ri-file-shred-line:before { content: "\ed0d"; }
.ri-file-text-fill:before { content: "\ed0e"; }
.ri-file-text-line:before { content: "\ed0f"; }
.ri-file-transfer-fill:before { content: "\ed10"; }
.ri-file-transfer-line:before { content: "\ed11"; }
.ri-file-unknow-fill:before { content: "\ed12"; }
.ri-file-unknow-line:before { content: "\ed13"; }
.ri-file-upload-fill:before { content: "\ed14"; }
.ri-file-upload-line:before { content: "\ed15"; }
.ri-file-user-fill:before { content: "\ed16"; }
.ri-file-user-line:before { content: "\ed17"; }
.ri-file-warning-fill:before { content: "\ed18"; }
.ri-file-warning-line:before { content: "\ed19"; }
.ri-file-word-2-fill:before { content: "\ed1a"; }
.ri-file-word-2-line:before { content: "\ed1b"; }
.ri-file-word-fill:before { content: "\ed1c"; }
.ri-file-word-line:before { content: "\ed1d"; }
.ri-file-zip-fill:before { content: "\ed1e"; }
.ri-file-zip-line:before { content: "\ed1f"; }
.ri-film-fill:before { content: "\ed20"; }
.ri-film-line:before { content: "\ed21"; }
.ri-filter-2-fill:before { content: "\ed22"; }
.ri-filter-2-line:before { content: "\ed23"; }
.ri-filter-3-fill:before { content: "\ed24"; }
.ri-filter-3-line:before { content: "\ed25"; }
.ri-filter-fill:before { content: "\ed26"; }
.ri-filter-line:before { content: "\ed27"; }
.ri-filter-off-fill:before { content: "\ed28"; }
.ri-filter-off-line:before { content: "\ed29"; }
.ri-find-replace-fill:before { content: "\ed2a"; }
.ri-find-replace-line:before { content: "\ed2b"; }
.ri-finder-fill:before { content: "\ed2c"; }
.ri-finder-line:before { content: "\ed2d"; }
.ri-fingerprint-2-fill:before { content: "\ed2e"; }
.ri-fingerprint-2-line:before { content: "\ed2f"; }
.ri-fingerprint-fill:before { content: "\ed30"; }
.ri-fingerprint-line:before { content: "\ed31"; }
.ri-fire-fill:before { content: "\ed32"; }
.ri-fire-line:before { content: "\ed33"; }
.ri-firefox-fill:before { content: "\ed34"; }
.ri-firefox-line:before { content: "\ed35"; }
.ri-first-aid-kit-fill:before { content: "\ed36"; }
.ri-first-aid-kit-line:before { content: "\ed37"; }
.ri-flag-2-fill:before { content: "\ed38"; }
.ri-flag-2-line:before { content: "\ed39"; }
.ri-flag-fill:before { content: "\ed3a"; }
.ri-flag-line:before { content: "\ed3b"; }
.ri-flashlight-fill:before { content: "\ed3c"; }
.ri-flashlight-line:before { content: "\ed3d"; }
.ri-flask-fill:before { content: "\ed3e"; }
.ri-flask-line:before { content: "\ed3f"; }
.ri-flight-land-fill:before { content: "\ed40"; }
.ri-flight-land-line:before { content: "\ed41"; }
.ri-flight-takeoff-fill:before { content: "\ed42"; }
.ri-flight-takeoff-line:before { content: "\ed43"; }
.ri-flood-fill:before { content: "\ed44"; }
.ri-flood-line:before { content: "\ed45"; }
.ri-flow-chart:before { content: "\ed46"; }
.ri-flutter-fill:before { content: "\ed47"; }
.ri-flutter-line:before { content: "\ed48"; }
.ri-focus-2-fill:before { content: "\ed49"; }
.ri-focus-2-line:before { content: "\ed4a"; }
.ri-focus-3-fill:before { content: "\ed4b"; }
.ri-focus-3-line:before { content: "\ed4c"; }
.ri-focus-fill:before { content: "\ed4d"; }
.ri-focus-line:before { content: "\ed4e"; }
.ri-foggy-fill:before { content: "\ed4f"; }
.ri-foggy-line:before { content: "\ed50"; }
.ri-folder-2-fill:before { content: "\ed51"; }
.ri-folder-2-line:before { content: "\ed52"; }
.ri-folder-3-fill:before { content: "\ed53"; }
.ri-folder-3-line:before { content: "\ed54"; }
.ri-folder-4-fill:before { content: "\ed55"; }
.ri-folder-4-line:before { content: "\ed56"; }
.ri-folder-5-fill:before { content: "\ed57"; }
.ri-folder-5-line:before { content: "\ed58"; }
.ri-folder-add-fill:before { content: "\ed59"; }
.ri-folder-add-line:before { content: "\ed5a"; }
.ri-folder-chart-2-fill:before { content: "\ed5b"; }
.ri-folder-chart-2-line:before { content: "\ed5c"; }
.ri-folder-chart-fill:before { content: "\ed5d"; }
.ri-folder-chart-line:before { content: "\ed5e"; }
.ri-folder-download-fill:before { content: "\ed5f"; }
.ri-folder-download-line:before { content: "\ed60"; }
.ri-folder-fill:before { content: "\ed61"; }
.ri-folder-forbid-fill:before { content: "\ed62"; }
.ri-folder-forbid-line:before { content: "\ed63"; }
.ri-folder-history-fill:before { content: "\ed64"; }
.ri-folder-history-line:before { content: "\ed65"; }
.ri-folder-info-fill:before { content: "\ed66"; }
.ri-folder-info-line:before { content: "\ed67"; }
.ri-folder-keyhole-fill:before { content: "\ed68"; }
.ri-folder-keyhole-line:before { content: "\ed69"; }
.ri-folder-line:before { content: "\ed6a"; }
.ri-folder-lock-fill:before { content: "\ed6b"; }
.ri-folder-lock-line:before { content: "\ed6c"; }
.ri-folder-music-fill:before { content: "\ed6d"; }
.ri-folder-music-line:before { content: "\ed6e"; }
.ri-folder-open-fill:before { content: "\ed6f"; }
.ri-folder-open-line:before { content: "\ed70"; }
.ri-folder-received-fill:before { content: "\ed71"; }
.ri-folder-received-line:before { content: "\ed72"; }
.ri-folder-reduce-fill:before { content: "\ed73"; }
.ri-folder-reduce-line:before { content: "\ed74"; }
.ri-folder-settings-fill:before { content: "\ed75"; }
.ri-folder-settings-line:before { content: "\ed76"; }
.ri-folder-shared-fill:before { content: "\ed77"; }
.ri-folder-shared-line:before { content: "\ed78"; }
.ri-folder-shield-2-fill:before { content: "\ed79"; }
.ri-folder-shield-2-line:before { content: "\ed7a"; }
.ri-folder-shield-fill:before { content: "\ed7b"; }
.ri-folder-shield-line:before { content: "\ed7c"; }
.ri-folder-transfer-fill:before { content: "\ed7d"; }
.ri-folder-transfer-line:before { content: "\ed7e"; }
.ri-folder-unknow-fill:before { content: "\ed7f"; }
.ri-folder-unknow-line:before { content: "\ed80"; }
.ri-folder-upload-fill:before { content: "\ed81"; }
.ri-folder-upload-line:before { content: "\ed82"; }
.ri-folder-user-fill:before { content: "\ed83"; }
.ri-folder-user-line:before { content: "\ed84"; }
.ri-folder-warning-fill:before { content: "\ed85"; }
.ri-folder-warning-line:before { content: "\ed86"; }
.ri-folder-zip-fill:before { content: "\ed87"; }
.ri-folder-zip-line:before { content: "\ed88"; }
.ri-folders-fill:before { content: "\ed89"; }
.ri-folders-line:before { content: "\ed8a"; }
.ri-font-color:before { content: "\ed8b"; }
.ri-font-size-2:before { content: "\ed8c"; }
.ri-font-size:before { content: "\ed8d"; }
.ri-football-fill:before { content: "\ed8e"; }
.ri-football-line:before { content: "\ed8f"; }
.ri-footprint-fill:before { content: "\ed90"; }
.ri-footprint-line:before { content: "\ed91"; }
.ri-forbid-2-fill:before { content: "\ed92"; }
.ri-forbid-2-line:before { content: "\ed93"; }
.ri-forbid-fill:before { content: "\ed94"; }
.ri-forbid-line:before { content: "\ed95"; }
.ri-format-clear:before { content: "\ed96"; }
.ri-fridge-fill:before { content: "\ed97"; }
.ri-fridge-line:before { content: "\ed98"; }
.ri-fullscreen-exit-fill:before { content: "\ed99"; }
.ri-fullscreen-exit-line:before { content: "\ed9a"; }
.ri-fullscreen-fill:before { content: "\ed9b"; }
.ri-fullscreen-line:before { content: "\ed9c"; }
.ri-function-fill:before { content: "\ed9d"; }
.ri-function-line:before { content: "\ed9e"; }
.ri-functions:before { content: "\ed9f"; }
.ri-funds-box-fill:before { content: "\eda0"; }
.ri-funds-box-line:before { content: "\eda1"; }
.ri-funds-fill:before { content: "\eda2"; }
.ri-funds-line:before { content: "\eda3"; }
.ri-gallery-fill:before { content: "\eda4"; }
.ri-gallery-line:before { content: "\eda5"; }
.ri-gallery-upload-fill:before { content: "\eda6"; }
.ri-gallery-upload-line:before { content: "\eda7"; }
.ri-game-fill:before { content: "\eda8"; }
.ri-game-line:before { content: "\eda9"; }
.ri-gamepad-fill:before { content: "\edaa"; }
.ri-gamepad-line:before { content: "\edab"; }
.ri-gas-station-fill:before { content: "\edac"; }
.ri-gas-station-line:before { content: "\edad"; }
.ri-gatsby-fill:before { content: "\edae"; }
.ri-gatsby-line:before { content: "\edaf"; }
.ri-genderless-fill:before { content: "\edb0"; }
.ri-genderless-line:before { content: "\edb1"; }
.ri-ghost-2-fill:before { content: "\edb2"; }
.ri-ghost-2-line:before { content: "\edb3"; }
.ri-ghost-fill:before { content: "\edb4"; }
.ri-ghost-line:before { content: "\edb5"; }
.ri-ghost-smile-fill:before { content: "\edb6"; }
.ri-ghost-smile-line:before { content: "\edb7"; }
.ri-gift-2-fill:before { content: "\edb8"; }
.ri-gift-2-line:before { content: "\edb9"; }
.ri-gift-fill:before { content: "\edba"; }
.ri-gift-line:before { content: "\edbb"; }
.ri-git-branch-fill:before { content: "\edbc"; }
.ri-git-branch-line:before { content: "\edbd"; }
.ri-git-commit-fill:before { content: "\edbe"; }
.ri-git-commit-line:before { content: "\edbf"; }
.ri-git-merge-fill:before { content: "\edc0"; }
.ri-git-merge-line:before { content: "\edc1"; }
.ri-git-pull-request-fill:before { content: "\edc2"; }
.ri-git-pull-request-line:before { content: "\edc3"; }
.ri-git-repository-commits-fill:before { content: "\edc4"; }
.ri-git-repository-commits-line:before { content: "\edc5"; }
.ri-git-repository-fill:before { content: "\edc6"; }
.ri-git-repository-line:before { content: "\edc7"; }
.ri-git-repository-private-fill:before { content: "\edc8"; }
.ri-git-repository-private-line:before { content: "\edc9"; }
.ri-github-fill:before { content: "\edca"; }
.ri-github-line:before { content: "\edcb"; }
.ri-gitlab-fill:before { content: "\edcc"; }
.ri-gitlab-line:before { content: "\edcd"; }
.ri-global-fill:before { content: "\edce"; }
.ri-global-line:before { content: "\edcf"; }
.ri-globe-fill:before { content: "\edd0"; }
.ri-globe-line:before { content: "\edd1"; }
.ri-goblet-fill:before { content: "\edd2"; }
.ri-goblet-line:before { content: "\edd3"; }
.ri-google-fill:before { content: "\edd4"; }
.ri-google-line:before { content: "\edd5"; }
.ri-google-play-fill:before { content: "\edd6"; }
.ri-google-play-line:before { content: "\edd7"; }
.ri-government-fill:before { content: "\edd8"; }
.ri-government-line:before { content: "\edd9"; }
.ri-gps-fill:before { content: "\edda"; }
.ri-gps-line:before { content: "\eddb"; }
.ri-gradienter-fill:before { content: "\eddc"; }
.ri-gradienter-line:before { content: "\eddd"; }
.ri-grid-fill:before { content: "\edde"; }
.ri-grid-line:before { content: "\eddf"; }
.ri-group-2-fill:before { content: "\ede0"; }
.ri-group-2-line:before { content: "\ede1"; }
.ri-group-fill:before { content: "\ede2"; }
.ri-group-line:before { content: "\ede3"; }
.ri-guide-fill:before { content: "\ede4"; }
.ri-guide-line:before { content: "\ede5"; }
.ri-h-1:before { content: "\ede6"; }
.ri-h-2:before { content: "\ede7"; }
.ri-h-3:before { content: "\ede8"; }
.ri-h-4:before { content: "\ede9"; }
.ri-h-5:before { content: "\edea"; }
.ri-h-6:before { content: "\edeb"; }
.ri-hail-fill:before { content: "\edec"; }
.ri-hail-line:before { content: "\eded"; }
.ri-hammer-fill:before { content: "\edee"; }
.ri-hammer-line:before { content: "\edef"; }
.ri-hand-coin-fill:before { content: "\edf0"; }
.ri-hand-coin-line:before { content: "\edf1"; }
.ri-hand-heart-fill:before { content: "\edf2"; }
.ri-hand-heart-line:before { content: "\edf3"; }
.ri-hand-sanitizer-fill:before { content: "\edf4"; }
.ri-hand-sanitizer-line:before { content: "\edf5"; }
.ri-handbag-fill:before { content: "\edf6"; }
.ri-handbag-line:before { content: "\edf7"; }
.ri-hard-drive-2-fill:before { content: "\edf8"; }
.ri-hard-drive-2-line:before { content: "\edf9"; }
.ri-hard-drive-fill:before { content: "\edfa"; }
.ri-hard-drive-line:before { content: "\edfb"; }
.ri-hashtag:before { content: "\edfc"; }
.ri-haze-2-fill:before { content: "\edfd"; }
.ri-haze-2-line:before { content: "\edfe"; }
.ri-haze-fill:before { content: "\edff"; }
.ri-haze-line:before { content: "\ee00"; }
.ri-hd-fill:before { content: "\ee01"; }
.ri-hd-line:before { content: "\ee02"; }
.ri-heading:before { content: "\ee03"; }
.ri-headphone-fill:before { content: "\ee04"; }
.ri-headphone-line:before { content: "\ee05"; }
.ri-health-book-fill:before { content: "\ee06"; }
.ri-health-book-line:before { content: "\ee07"; }
.ri-heart-2-fill:before { content: "\ee08"; }
.ri-heart-2-line:before { content: "\ee09"; }
.ri-heart-3-fill:before { content: "\ee0a"; }
.ri-heart-3-line:before { content: "\ee0b"; }
.ri-heart-add-fill:before { content: "\ee0c"; }
.ri-heart-add-line:before { content: "\ee0d"; }
.ri-heart-fill:before { content: "\ee0e"; }
.ri-heart-line:before { content: "\ee0f"; }
.ri-heart-pulse-fill:before { content: "\ee10"; }
.ri-heart-pulse-line:before { content: "\ee11"; }
.ri-hearts-fill:before { content: "\ee12"; }
.ri-hearts-line:before { content: "\ee13"; }
.ri-heavy-showers-fill:before { content: "\ee14"; }
.ri-heavy-showers-line:before { content: "\ee15"; }
.ri-history-fill:before { content: "\ee16"; }
.ri-history-line:before { content: "\ee17"; }
.ri-home-2-fill:before { content: "\ee18"; }
.ri-home-2-line:before { content: "\ee19"; }
.ri-home-3-fill:before { content: "\ee1a"; }
.ri-home-3-line:before { content: "\ee1b"; }
.ri-home-4-fill:before { content: "\ee1c"; }
.ri-home-4-line:before { content: "\ee1d"; }
.ri-home-5-fill:before { content: "\ee1e"; }
.ri-home-5-line:before { content: "\ee1f"; }
.ri-home-6-fill:before { content: "\ee20"; }
.ri-home-6-line:before { content: "\ee21"; }
.ri-home-7-fill:before { content: "\ee22"; }
.ri-home-7-line:before { content: "\ee23"; }
.ri-home-8-fill:before { content: "\ee24"; }
.ri-home-8-line:before { content: "\ee25"; }
.ri-home-fill:before { content: "\ee26"; }
.ri-home-gear-fill:before { content: "\ee27"; }
.ri-home-gear-line:before { content: "\ee28"; }
.ri-home-heart-fill:before { content: "\ee29"; }
.ri-home-heart-line:before { content: "\ee2a"; }
.ri-home-line:before { content: "\ee2b"; }
.ri-home-smile-2-fill:before { content: "\ee2c"; }
.ri-home-smile-2-line:before { content: "\ee2d"; }
.ri-home-smile-fill:before { content: "\ee2e"; }
.ri-home-smile-line:before { content: "\ee2f"; }
.ri-home-wifi-fill:before { content: "\ee30"; }
.ri-home-wifi-line:before { content: "\ee31"; }
.ri-honor-of-kings-fill:before { content: "\ee32"; }
.ri-honor-of-kings-line:before { content: "\ee33"; }
.ri-honour-fill:before { content: "\ee34"; }
.ri-honour-line:before { content: "\ee35"; }
.ri-hospital-fill:before { content: "\ee36"; }
.ri-hospital-line:before { content: "\ee37"; }
.ri-hotel-bed-fill:before { content: "\ee38"; }
.ri-hotel-bed-line:before { content: "\ee39"; }
.ri-hotel-fill:before { content: "\ee3a"; }
.ri-hotel-line:before { content: "\ee3b"; }
.ri-hotspot-fill:before { content: "\ee3c"; }
.ri-hotspot-line:before { content: "\ee3d"; }
.ri-hq-fill:before { content: "\ee3e"; }
.ri-hq-line:before { content: "\ee3f"; }
.ri-html5-fill:before { content: "\ee40"; }
.ri-html5-line:before { content: "\ee41"; }
.ri-ie-fill:before { content: "\ee42"; }
.ri-ie-line:before { content: "\ee43"; }
.ri-image-2-fill:before { content: "\ee44"; }
.ri-image-2-line:before { content: "\ee45"; }
.ri-image-add-fill:before { content: "\ee46"; }
.ri-image-add-line:before { content: "\ee47"; }
.ri-image-edit-fill:before { content: "\ee48"; }
.ri-image-edit-line:before { content: "\ee49"; }
.ri-image-fill:before { content: "\ee4a"; }
.ri-image-line:before { content: "\ee4b"; }
.ri-inbox-archive-fill:before { content: "\ee4c"; }
.ri-inbox-archive-line:before { content: "\ee4d"; }
.ri-inbox-fill:before { content: "\ee4e"; }
.ri-inbox-line:before { content: "\ee4f"; }
.ri-inbox-unarchive-fill:before { content: "\ee50"; }
.ri-inbox-unarchive-line:before { content: "\ee51"; }
.ri-increase-decrease-fill:before { content: "\ee52"; }
.ri-increase-decrease-line:before { content: "\ee53"; }
.ri-indent-decrease:before { content: "\ee54"; }
.ri-indent-increase:before { content: "\ee55"; }
.ri-indeterminate-circle-fill:before { content: "\ee56"; }
.ri-indeterminate-circle-line:before { content: "\ee57"; }
.ri-information-fill:before { content: "\ee58"; }
.ri-information-line:before { content: "\ee59"; }
.ri-infrared-thermometer-fill:before { content: "\ee5a"; }
.ri-infrared-thermometer-line:before { content: "\ee5b"; }
.ri-ink-bottle-fill:before { content: "\ee5c"; }
.ri-ink-bottle-line:before { content: "\ee5d"; }
.ri-input-cursor-move:before { content: "\ee5e"; }
.ri-input-method-fill:before { content: "\ee5f"; }
.ri-input-method-line:before { content: "\ee60"; }
.ri-insert-column-left:before { content: "\ee61"; }
.ri-insert-column-right:before { content: "\ee62"; }
.ri-insert-row-bottom:before { content: "\ee63"; }
.ri-insert-row-top:before { content: "\ee64"; }
.ri-instagram-fill:before { content: "\ee65"; }
.ri-instagram-line:before { content: "\ee66"; }
.ri-install-fill:before { content: "\ee67"; }
.ri-install-line:before { content: "\ee68"; }
.ri-invision-fill:before { content: "\ee69"; }
.ri-invision-line:before { content: "\ee6a"; }
.ri-italic:before { content: "\ee6b"; }
.ri-kakao-talk-fill:before { content: "\ee6c"; }
.ri-kakao-talk-line:before { content: "\ee6d"; }
.ri-key-2-fill:before { content: "\ee6e"; }
.ri-key-2-line:before { content: "\ee6f"; }
.ri-key-fill:before { content: "\ee70"; }
.ri-key-line:before { content: "\ee71"; }
.ri-keyboard-box-fill:before { content: "\ee72"; }
.ri-keyboard-box-line:before { content: "\ee73"; }
.ri-keyboard-fill:before { content: "\ee74"; }
.ri-keyboard-line:before { content: "\ee75"; }
.ri-keynote-fill:before { content: "\ee76"; }
.ri-keynote-line:before { content: "\ee77"; }
.ri-knife-blood-fill:before { content: "\ee78"; }
.ri-knife-blood-line:before { content: "\ee79"; }
.ri-knife-fill:before { content: "\ee7a"; }
.ri-knife-line:before { content: "\ee7b"; }
.ri-landscape-fill:before { content: "\ee7c"; }
.ri-landscape-line:before { content: "\ee7d"; }
.ri-layout-2-fill:before { content: "\ee7e"; }
.ri-layout-2-line:before { content: "\ee7f"; }
.ri-layout-3-fill:before { content: "\ee80"; }
.ri-layout-3-line:before { content: "\ee81"; }
.ri-layout-4-fill:before { content: "\ee82"; }
.ri-layout-4-line:before { content: "\ee83"; }
.ri-layout-5-fill:before { content: "\ee84"; }
.ri-layout-5-line:before { content: "\ee85"; }
.ri-layout-6-fill:before { content: "\ee86"; }
.ri-layout-6-line:before { content: "\ee87"; }
.ri-layout-bottom-2-fill:before { content: "\ee88"; }
.ri-layout-bottom-2-line:before { content: "\ee89"; }
.ri-layout-bottom-fill:before { content: "\ee8a"; }
.ri-layout-bottom-line:before { content: "\ee8b"; }
.ri-layout-column-fill:before { content: "\ee8c"; }
.ri-layout-column-line:before { content: "\ee8d"; }
.ri-layout-fill:before { content: "\ee8e"; }
.ri-layout-grid-fill:before { content: "\ee8f"; }
.ri-layout-grid-line:before { content: "\ee90"; }
.ri-layout-left-2-fill:before { content: "\ee91"; }
.ri-layout-left-2-line:before { content: "\ee92"; }
.ri-layout-left-fill:before { content: "\ee93"; }
.ri-layout-left-line:before { content: "\ee94"; }
.ri-layout-line:before { content: "\ee95"; }
.ri-layout-masonry-fill:before { content: "\ee96"; }
.ri-layout-masonry-line:before { content: "\ee97"; }
.ri-layout-right-2-fill:before { content: "\ee98"; }
.ri-layout-right-2-line:before { content: "\ee99"; }
.ri-layout-right-fill:before { content: "\ee9a"; }
.ri-layout-right-line:before { content: "\ee9b"; }
.ri-layout-row-fill:before { content: "\ee9c"; }
.ri-layout-row-line:before { content: "\ee9d"; }
.ri-layout-top-2-fill:before { content: "\ee9e"; }
.ri-layout-top-2-line:before { content: "\ee9f"; }
.ri-layout-top-fill:before { content: "\eea0"; }
.ri-layout-top-line:before { content: "\eea1"; }
.ri-leaf-fill:before { content: "\eea2"; }
.ri-leaf-line:before { content: "\eea3"; }
.ri-lifebuoy-fill:before { content: "\eea4"; }
.ri-lifebuoy-line:before { content: "\eea5"; }
.ri-lightbulb-fill:before { content: "\eea6"; }
.ri-lightbulb-flash-fill:before { content: "\eea7"; }
.ri-lightbulb-flash-line:before { content: "\eea8"; }
.ri-lightbulb-line:before { content: "\eea9"; }
.ri-line-chart-fill:before { content: "\eeaa"; }
.ri-line-chart-line:before { content: "\eeab"; }
.ri-line-fill:before { content: "\eeac"; }
.ri-line-height:before { content: "\eead"; }
.ri-line-line:before { content: "\eeae"; }
.ri-link-m:before { content: "\eeaf"; }
.ri-link-unlink-m:before { content: "\eeb0"; }
.ri-link-unlink:before { content: "\eeb1"; }
.ri-link:before { content: "\eeb2"; }
.ri-linkedin-box-fill:before { content: "\eeb3"; }
.ri-linkedin-box-line:before { content: "\eeb4"; }
.ri-linkedin-fill:before { content: "\eeb5"; }
.ri-linkedin-line:before { content: "\eeb6"; }
.ri-links-fill:before { content: "\eeb7"; }
.ri-links-line:before { content: "\eeb8"; }
.ri-list-check-2:before { content: "\eeb9"; }
.ri-list-check:before { content: "\eeba"; }
.ri-list-ordered:before { content: "\eebb"; }
.ri-list-settings-fill:before { content: "\eebc"; }
.ri-list-settings-line:before { content: "\eebd"; }
.ri-list-unordered:before { content: "\eebe"; }
.ri-live-fill:before { content: "\eebf"; }
.ri-live-line:before { content: "\eec0"; }
.ri-loader-2-fill:before { content: "\eec1"; }
.ri-loader-2-line:before { content: "\eec2"; }
.ri-loader-3-fill:before { content: "\eec3"; }
.ri-loader-3-line:before { content: "\eec4"; }
.ri-loader-4-fill:before { content: "\eec5"; }
.ri-loader-4-line:before { content: "\eec6"; }
.ri-loader-5-fill:before { content: "\eec7"; }
.ri-loader-5-line:before { content: "\eec8"; }
.ri-loader-fill:before { content: "\eec9"; }
.ri-loader-line:before { content: "\eeca"; }
.ri-lock-2-fill:before { content: "\eecb"; }
.ri-lock-2-line:before { content: "\eecc"; }
.ri-lock-fill:before { content: "\eecd"; }
.ri-lock-line:before { content: "\eece"; }
.ri-lock-password-fill:before { content: "\eecf"; }
.ri-lock-password-line:before { content: "\eed0"; }
.ri-lock-unlock-fill:before { content: "\eed1"; }
.ri-lock-unlock-line:before { content: "\eed2"; }
.ri-login-box-fill:before { content: "\eed3"; }
.ri-login-box-line:before { content: "\eed4"; }
.ri-login-circle-fill:before { content: "\eed5"; }
.ri-login-circle-line:before { content: "\eed6"; }
.ri-logout-box-fill:before { content: "\eed7"; }
.ri-logout-box-line:before { content: "\eed8"; }
.ri-logout-box-r-fill:before { content: "\eed9"; }
.ri-logout-box-r-line:before { content: "\eeda"; }
.ri-logout-circle-fill:before { content: "\eedb"; }
.ri-logout-circle-line:before { content: "\eedc"; }
.ri-logout-circle-r-fill:before { content: "\eedd"; }
.ri-logout-circle-r-line:before { content: "\eede"; }
.ri-luggage-cart-fill:before { content: "\eedf"; }
.ri-luggage-cart-line:before { content: "\eee0"; }
.ri-luggage-deposit-fill:before { content: "\eee1"; }
.ri-luggage-deposit-line:before { content: "\eee2"; }
.ri-lungs-fill:before { content: "\eee3"; }
.ri-lungs-line:before { content: "\eee4"; }
.ri-mac-fill:before { content: "\eee5"; }
.ri-mac-line:before { content: "\eee6"; }
.ri-macbook-fill:before { content: "\eee7"; }
.ri-macbook-line:before { content: "\eee8"; }
.ri-magic-fill:before { content: "\eee9"; }
.ri-magic-line:before { content: "\eeea"; }
.ri-mail-add-fill:before { content: "\eeeb"; }
.ri-mail-add-line:before { content: "\eeec"; }
.ri-mail-check-fill:before { content: "\eeed"; }
.ri-mail-check-line:before { content: "\eeee"; }
.ri-mail-close-fill:before { content: "\eeef"; }
.ri-mail-close-line:before { content: "\eef0"; }
.ri-mail-download-fill:before { content: "\eef1"; }
.ri-mail-download-line:before { content: "\eef2"; }
.ri-mail-fill:before { content: "\eef3"; }
.ri-mail-forbid-fill:before { content: "\eef4"; }
.ri-mail-forbid-line:before { content: "\eef5"; }
.ri-mail-line:before { content: "\eef6"; }
.ri-mail-lock-fill:before { content: "\eef7"; }
.ri-mail-lock-line:before { content: "\eef8"; }
.ri-mail-open-fill:before { content: "\eef9"; }
.ri-mail-open-line:before { content: "\eefa"; }
.ri-mail-send-fill:before { content: "\eefb"; }
.ri-mail-send-line:before { content: "\eefc"; }
.ri-mail-settings-fill:before { content: "\eefd"; }
.ri-mail-settings-line:before { content: "\eefe"; }
.ri-mail-star-fill:before { content: "\eeff"; }
.ri-mail-star-line:before { content: "\ef00"; }
.ri-mail-unread-fill:before { content: "\ef01"; }
.ri-mail-unread-line:before { content: "\ef02"; }
.ri-mail-volume-fill:before { content: "\ef03"; }
.ri-mail-volume-line:before { content: "\ef04"; }
.ri-map-2-fill:before { content: "\ef05"; }
.ri-map-2-line:before { content: "\ef06"; }
.ri-map-fill:before { content: "\ef07"; }
.ri-map-line:before { content: "\ef08"; }
.ri-map-pin-2-fill:before { content: "\ef09"; }
.ri-map-pin-2-line:before { content: "\ef0a"; }
.ri-map-pin-3-fill:before { content: "\ef0b"; }
.ri-map-pin-3-line:before { content: "\ef0c"; }
.ri-map-pin-4-fill:before { content: "\ef0d"; }
.ri-map-pin-4-line:before { content: "\ef0e"; }
.ri-map-pin-5-fill:before { content: "\ef0f"; }
.ri-map-pin-5-line:before { content: "\ef10"; }
.ri-map-pin-add-fill:before { content: "\ef11"; }
.ri-map-pin-add-line:before { content: "\ef12"; }
.ri-map-pin-fill:before { content: "\ef13"; }
.ri-map-pin-line:before { content: "\ef14"; }
.ri-map-pin-range-fill:before { content: "\ef15"; }
.ri-map-pin-range-line:before { content: "\ef16"; }
.ri-map-pin-time-fill:before { content: "\ef17"; }
.ri-map-pin-time-line:before { content: "\ef18"; }
.ri-map-pin-user-fill:before { content: "\ef19"; }
.ri-map-pin-user-line:before { content: "\ef1a"; }
.ri-mark-pen-fill:before { content: "\ef1b"; }
.ri-mark-pen-line:before { content: "\ef1c"; }
.ri-markdown-fill:before { content: "\ef1d"; }
.ri-markdown-line:before { content: "\ef1e"; }
.ri-markup-fill:before { content: "\ef1f"; }
.ri-markup-line:before { content: "\ef20"; }
.ri-mastercard-fill:before { content: "\ef21"; }
.ri-mastercard-line:before { content: "\ef22"; }
.ri-mastodon-fill:before { content: "\ef23"; }
.ri-mastodon-line:before { content: "\ef24"; }
.ri-medal-2-fill:before { content: "\ef25"; }
.ri-medal-2-line:before { content: "\ef26"; }
.ri-medal-fill:before { content: "\ef27"; }
.ri-medal-line:before { content: "\ef28"; }
.ri-medicine-bottle-fill:before { content: "\ef29"; }
.ri-medicine-bottle-line:before { content: "\ef2a"; }
.ri-medium-fill:before { content: "\ef2b"; }
.ri-medium-line:before { content: "\ef2c"; }
.ri-men-fill:before { content: "\ef2d"; }
.ri-men-line:before { content: "\ef2e"; }
.ri-mental-health-fill:before { content: "\ef2f"; }
.ri-mental-health-line:before { content: "\ef30"; }
.ri-menu-2-fill:before { content: "\ef31"; }
.ri-menu-2-line:before { content: "\ef32"; }
.ri-menu-3-fill:before { content: "\ef33"; }
.ri-menu-3-line:before { content: "\ef34"; }
.ri-menu-4-fill:before { content: "\ef35"; }
.ri-menu-4-line:before { content: "\ef36"; }
.ri-menu-5-fill:before { content: "\ef37"; }
.ri-menu-5-line:before { content: "\ef38"; }
.ri-menu-add-fill:before { content: "\ef39"; }
.ri-menu-add-line:before { content: "\ef3a"; }
.ri-menu-fill:before { content: "\ef3b"; }
.ri-menu-fold-fill:before { content: "\ef3c"; }
.ri-menu-fold-line:before { content: "\ef3d"; }
.ri-menu-line:before { content: "\ef3e"; }
.ri-menu-unfold-fill:before { content: "\ef3f"; }
.ri-menu-unfold-line:before { content: "\ef40"; }
.ri-merge-cells-horizontal:before { content: "\ef41"; }
.ri-merge-cells-vertical:before { content: "\ef42"; }
.ri-message-2-fill:before { content: "\ef43"; }
.ri-message-2-line:before { content: "\ef44"; }
.ri-message-3-fill:before { content: "\ef45"; }
.ri-message-3-line:before { content: "\ef46"; }
.ri-message-fill:before { content: "\ef47"; }
.ri-message-line:before { content: "\ef48"; }
.ri-messenger-fill:before { content: "\ef49"; }
.ri-messenger-line:before { content: "\ef4a"; }
.ri-meteor-fill:before { content: "\ef4b"; }
.ri-meteor-line:before { content: "\ef4c"; }
.ri-mic-2-fill:before { content: "\ef4d"; }
.ri-mic-2-line:before { content: "\ef4e"; }
.ri-mic-fill:before { content: "\ef4f"; }
.ri-mic-line:before { content: "\ef50"; }
.ri-mic-off-fill:before { content: "\ef51"; }
.ri-mic-off-line:before { content: "\ef52"; }
.ri-mickey-fill:before { content: "\ef53"; }
.ri-mickey-line:before { content: "\ef54"; }
.ri-microscope-fill:before { content: "\ef55"; }
.ri-microscope-line:before { content: "\ef56"; }
.ri-microsoft-fill:before { content: "\ef57"; }
.ri-microsoft-line:before { content: "\ef58"; }
.ri-mind-map:before { content: "\ef59"; }
.ri-mini-program-fill:before { content: "\ef5a"; }
.ri-mini-program-line:before { content: "\ef5b"; }
.ri-mist-fill:before { content: "\ef5c"; }
.ri-mist-line:before { content: "\ef5d"; }
.ri-money-cny-box-fill:before { content: "\ef5e"; }
.ri-money-cny-box-line:before { content: "\ef5f"; }
.ri-money-cny-circle-fill:before { content: "\ef60"; }
.ri-money-cny-circle-line:before { content: "\ef61"; }
.ri-money-dollar-box-fill:before { content: "\ef62"; }
.ri-money-dollar-box-line:before { content: "\ef63"; }
.ri-money-dollar-circle-fill:before { content: "\ef64"; }
.ri-money-dollar-circle-line:before { content: "\ef65"; }
.ri-money-euro-box-fill:before { content: "\ef66"; }
.ri-money-euro-box-line:before { content: "\ef67"; }
.ri-money-euro-circle-fill:before { content: "\ef68"; }
.ri-money-euro-circle-line:before { content: "\ef69"; }
.ri-money-pound-box-fill:before { content: "\ef6a"; }
.ri-money-pound-box-line:before { content: "\ef6b"; }
.ri-money-pound-circle-fill:before { content: "\ef6c"; }
.ri-money-pound-circle-line:before { content: "\ef6d"; }
.ri-moon-clear-fill:before { content: "\ef6e"; }
.ri-moon-clear-line:before { content: "\ef6f"; }
.ri-moon-cloudy-fill:before { content: "\ef70"; }
.ri-moon-cloudy-line:before { content: "\ef71"; }
.ri-moon-fill:before { content: "\ef72"; }
.ri-moon-foggy-fill:before { content: "\ef73"; }
.ri-moon-foggy-line:before { content: "\ef74"; }
.ri-moon-line:before { content: "\ef75"; }
.ri-more-2-fill:before { content: "\ef76"; }
.ri-more-2-line:before { content: "\ef77"; }
.ri-more-fill:before { content: "\ef78"; }
.ri-more-line:before { content: "\ef79"; }
.ri-motorbike-fill:before { content: "\ef7a"; }
.ri-motorbike-line:before { content: "\ef7b"; }
.ri-mouse-fill:before { content: "\ef7c"; }
.ri-mouse-line:before { content: "\ef7d"; }
.ri-movie-2-fill:before { content: "\ef7e"; }
.ri-movie-2-line:before { content: "\ef7f"; }
.ri-movie-fill:before { content: "\ef80"; }
.ri-movie-line:before { content: "\ef81"; }
.ri-music-2-fill:before { content: "\ef82"; }
.ri-music-2-line:before { content: "\ef83"; }
.ri-music-fill:before { content: "\ef84"; }
.ri-music-line:before { content: "\ef85"; }
.ri-mv-fill:before { content: "\ef86"; }
.ri-mv-line:before { content: "\ef87"; }
.ri-navigation-fill:before { content: "\ef88"; }
.ri-navigation-line:before { content: "\ef89"; }
.ri-netease-cloud-music-fill:before { content: "\ef8a"; }
.ri-netease-cloud-music-line:before { content: "\ef8b"; }
.ri-netflix-fill:before { content: "\ef8c"; }
.ri-netflix-line:before { content: "\ef8d"; }
.ri-newspaper-fill:before { content: "\ef8e"; }
.ri-newspaper-line:before { content: "\ef8f"; }
.ri-node-tree:before { content: "\ef90"; }
.ri-notification-2-fill:before { content: "\ef91"; }
.ri-notification-2-line:before { content: "\ef92"; }
.ri-notification-3-fill:before { content: "\ef93"; }
.ri-notification-3-line:before { content: "\ef94"; }
.ri-notification-4-fill:before { content: "\ef95"; }
.ri-notification-4-line:before { content: "\ef96"; }
.ri-notification-badge-fill:before { content: "\ef97"; }
.ri-notification-badge-line:before { content: "\ef98"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-notification-line:before { content: "\ef9a"; }
.ri-notification-off-fill:before { content: "\ef9b"; }
.ri-notification-off-line:before { content: "\ef9c"; }
.ri-npmjs-fill:before { content: "\ef9d"; }
.ri-npmjs-line:before { content: "\ef9e"; }
.ri-number-0:before { content: "\ef9f"; }
.ri-number-1:before { content: "\efa0"; }
.ri-number-2:before { content: "\efa1"; }
.ri-number-3:before { content: "\efa2"; }
.ri-number-4:before { content: "\efa3"; }
.ri-number-5:before { content: "\efa4"; }
.ri-number-6:before { content: "\efa5"; }
.ri-number-7:before { content: "\efa6"; }
.ri-number-8:before { content: "\efa7"; }
.ri-number-9:before { content: "\efa8"; }
.ri-numbers-fill:before { content: "\efa9"; }
.ri-numbers-line:before { content: "\efaa"; }
.ri-nurse-fill:before { content: "\efab"; }
.ri-nurse-line:before { content: "\efac"; }
.ri-oil-fill:before { content: "\efad"; }
.ri-oil-line:before { content: "\efae"; }
.ri-omega:before { content: "\efaf"; }
.ri-open-arm-fill:before { content: "\efb0"; }
.ri-open-arm-line:before { content: "\efb1"; }
.ri-open-source-fill:before { content: "\efb2"; }
.ri-open-source-line:before { content: "\efb3"; }
.ri-opera-fill:before { content: "\efb4"; }
.ri-opera-line:before { content: "\efb5"; }
.ri-order-play-fill:before { content: "\efb6"; }
.ri-order-play-line:before { content: "\efb7"; }
.ri-organization-chart:before { content: "\efb8"; }
.ri-outlet-2-fill:before { content: "\efb9"; }
.ri-outlet-2-line:before { content: "\efba"; }
.ri-outlet-fill:before { content: "\efbb"; }
.ri-outlet-line:before { content: "\efbc"; }
.ri-page-separator:before { content: "\efbd"; }
.ri-pages-fill:before { content: "\efbe"; }
.ri-pages-line:before { content: "\efbf"; }
.ri-paint-brush-fill:before { content: "\efc0"; }
.ri-paint-brush-line:before { content: "\efc1"; }
.ri-paint-fill:before { content: "\efc2"; }
.ri-paint-line:before { content: "\efc3"; }
.ri-palette-fill:before { content: "\efc4"; }
.ri-palette-line:before { content: "\efc5"; }
.ri-pantone-fill:before { content: "\efc6"; }
.ri-pantone-line:before { content: "\efc7"; }
.ri-paragraph:before { content: "\efc8"; }
.ri-parent-fill:before { content: "\efc9"; }
.ri-parent-line:before { content: "\efca"; }
.ri-parentheses-fill:before { content: "\efcb"; }
.ri-parentheses-line:before { content: "\efcc"; }
.ri-parking-box-fill:before { content: "\efcd"; }
.ri-parking-box-line:before { content: "\efce"; }
.ri-parking-fill:before { content: "\efcf"; }
.ri-parking-line:before { content: "\efd0"; }
.ri-passport-fill:before { content: "\efd1"; }
.ri-passport-line:before { content: "\efd2"; }
.ri-patreon-fill:before { content: "\efd3"; }
.ri-patreon-line:before { content: "\efd4"; }
.ri-pause-circle-fill:before { content: "\efd5"; }
.ri-pause-circle-line:before { content: "\efd6"; }
.ri-pause-fill:before { content: "\efd7"; }
.ri-pause-line:before { content: "\efd8"; }
.ri-pause-mini-fill:before { content: "\efd9"; }
.ri-pause-mini-line:before { content: "\efda"; }
.ri-paypal-fill:before { content: "\efdb"; }
.ri-paypal-line:before { content: "\efdc"; }
.ri-pen-nib-fill:before { content: "\efdd"; }
.ri-pen-nib-line:before { content: "\efde"; }
.ri-pencil-fill:before { content: "\efdf"; }
.ri-pencil-line:before { content: "\efe0"; }
.ri-pencil-ruler-2-fill:before { content: "\efe1"; }
.ri-pencil-ruler-2-line:before { content: "\efe2"; }
.ri-pencil-ruler-fill:before { content: "\efe3"; }
.ri-pencil-ruler-line:before { content: "\efe4"; }
.ri-percent-fill:before { content: "\efe5"; }
.ri-percent-line:before { content: "\efe6"; }
.ri-phone-camera-fill:before { content: "\efe7"; }
.ri-phone-camera-line:before { content: "\efe8"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-phone-find-fill:before { content: "\efea"; }
.ri-phone-find-line:before { content: "\efeb"; }
.ri-phone-line:before { content: "\efec"; }
.ri-phone-lock-fill:before { content: "\efed"; }
.ri-phone-lock-line:before { content: "\efee"; }
.ri-picture-in-picture-2-fill:before { content: "\efef"; }
.ri-picture-in-picture-2-line:before { content: "\eff0"; }
.ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
.ri-picture-in-picture-exit-line:before { content: "\eff2"; }
.ri-picture-in-picture-fill:before { content: "\eff3"; }
.ri-picture-in-picture-line:before { content: "\eff4"; }
.ri-pie-chart-2-fill:before { content: "\eff5"; }
.ri-pie-chart-2-line:before { content: "\eff6"; }
.ri-pie-chart-box-fill:before { content: "\eff7"; }
.ri-pie-chart-box-line:before { content: "\eff8"; }
.ri-pie-chart-fill:before { content: "\eff9"; }
.ri-pie-chart-line:before { content: "\effa"; }
.ri-pin-distance-fill:before { content: "\effb"; }
.ri-pin-distance-line:before { content: "\effc"; }
.ri-ping-pong-fill:before { content: "\effd"; }
.ri-ping-pong-line:before { content: "\effe"; }
.ri-pinterest-fill:before { content: "\efff"; }
.ri-pinterest-line:before { content: "\f000"; }
.ri-pinyin-input:before { content: "\f001"; }
.ri-pixelfed-fill:before { content: "\f002"; }
.ri-pixelfed-line:before { content: "\f003"; }
.ri-plane-fill:before { content: "\f004"; }
.ri-plane-line:before { content: "\f005"; }
.ri-plant-fill:before { content: "\f006"; }
.ri-plant-line:before { content: "\f007"; }
.ri-play-circle-fill:before { content: "\f008"; }
.ri-play-circle-line:before { content: "\f009"; }
.ri-play-fill:before { content: "\f00a"; }
.ri-play-line:before { content: "\f00b"; }
.ri-play-list-2-fill:before { content: "\f00c"; }
.ri-play-list-2-line:before { content: "\f00d"; }
.ri-play-list-add-fill:before { content: "\f00e"; }
.ri-play-list-add-line:before { content: "\f00f"; }
.ri-play-list-fill:before { content: "\f010"; }
.ri-play-list-line:before { content: "\f011"; }
.ri-play-mini-fill:before { content: "\f012"; }
.ri-play-mini-line:before { content: "\f013"; }
.ri-playstation-fill:before { content: "\f014"; }
.ri-playstation-line:before { content: "\f015"; }
.ri-plug-2-fill:before { content: "\f016"; }
.ri-plug-2-line:before { content: "\f017"; }
.ri-plug-fill:before { content: "\f018"; }
.ri-plug-line:before { content: "\f019"; }
.ri-polaroid-2-fill:before { content: "\f01a"; }
.ri-polaroid-2-line:before { content: "\f01b"; }
.ri-polaroid-fill:before { content: "\f01c"; }
.ri-polaroid-line:before { content: "\f01d"; }
.ri-police-car-fill:before { content: "\f01e"; }
.ri-police-car-line:before { content: "\f01f"; }
.ri-price-tag-2-fill:before { content: "\f020"; }
.ri-price-tag-2-line:before { content: "\f021"; }
.ri-price-tag-3-fill:before { content: "\f022"; }
.ri-price-tag-3-line:before { content: "\f023"; }
.ri-price-tag-fill:before { content: "\f024"; }
.ri-price-tag-line:before { content: "\f025"; }
.ri-printer-cloud-fill:before { content: "\f026"; }
.ri-printer-cloud-line:before { content: "\f027"; }
.ri-printer-fill:before { content: "\f028"; }
.ri-printer-line:before { content: "\f029"; }
.ri-product-hunt-fill:before { content: "\f02a"; }
.ri-product-hunt-line:before { content: "\f02b"; }
.ri-profile-fill:before { content: "\f02c"; }
.ri-profile-line:before { content: "\f02d"; }
.ri-projector-2-fill:before { content: "\f02e"; }
.ri-projector-2-line:before { content: "\f02f"; }
.ri-projector-fill:before { content: "\f030"; }
.ri-projector-line:before { content: "\f031"; }
.ri-psychotherapy-fill:before { content: "\f032"; }
.ri-psychotherapy-line:before { content: "\f033"; }
.ri-pulse-fill:before { content: "\f034"; }
.ri-pulse-line:before { content: "\f035"; }
.ri-pushpin-2-fill:before { content: "\f036"; }
.ri-pushpin-2-line:before { content: "\f037"; }
.ri-pushpin-fill:before { content: "\f038"; }
.ri-pushpin-line:before { content: "\f039"; }
.ri-qq-fill:before { content: "\f03a"; }
.ri-qq-line:before { content: "\f03b"; }
.ri-qr-code-fill:before { content: "\f03c"; }
.ri-qr-code-line:before { content: "\f03d"; }
.ri-qr-scan-2-fill:before { content: "\f03e"; }
.ri-qr-scan-2-line:before { content: "\f03f"; }
.ri-qr-scan-fill:before { content: "\f040"; }
.ri-qr-scan-line:before { content: "\f041"; }
.ri-question-answer-fill:before { content: "\f042"; }
.ri-question-answer-line:before { content: "\f043"; }
.ri-question-fill:before { content: "\f044"; }
.ri-question-line:before { content: "\f045"; }
.ri-question-mark:before { content: "\f046"; }
.ri-questionnaire-fill:before { content: "\f047"; }
.ri-questionnaire-line:before { content: "\f048"; }
.ri-quill-pen-fill:before { content: "\f049"; }
.ri-quill-pen-line:before { content: "\f04a"; }
.ri-radar-fill:before { content: "\f04b"; }
.ri-radar-line:before { content: "\f04c"; }
.ri-radio-2-fill:before { content: "\f04d"; }
.ri-radio-2-line:before { content: "\f04e"; }
.ri-radio-button-fill:before { content: "\f04f"; }
.ri-radio-button-line:before { content: "\f050"; }
.ri-radio-fill:before { content: "\f051"; }
.ri-radio-line:before { content: "\f052"; }
.ri-rainbow-fill:before { content: "\f053"; }
.ri-rainbow-line:before { content: "\f054"; }
.ri-rainy-fill:before { content: "\f055"; }
.ri-rainy-line:before { content: "\f056"; }
.ri-reactjs-fill:before { content: "\f057"; }
.ri-reactjs-line:before { content: "\f058"; }
.ri-record-circle-fill:before { content: "\f059"; }
.ri-record-circle-line:before { content: "\f05a"; }
.ri-record-mail-fill:before { content: "\f05b"; }
.ri-record-mail-line:before { content: "\f05c"; }
.ri-recycle-fill:before { content: "\f05d"; }
.ri-recycle-line:before { content: "\f05e"; }
.ri-red-packet-fill:before { content: "\f05f"; }
.ri-red-packet-line:before { content: "\f060"; }
.ri-reddit-fill:before { content: "\f061"; }
.ri-reddit-line:before { content: "\f062"; }
.ri-refresh-fill:before { content: "\f063"; }
.ri-refresh-line:before { content: "\f064"; }
.ri-refund-2-fill:before { content: "\f065"; }
.ri-refund-2-line:before { content: "\f066"; }
.ri-refund-fill:before { content: "\f067"; }
.ri-refund-line:before { content: "\f068"; }
.ri-registered-fill:before { content: "\f069"; }
.ri-registered-line:before { content: "\f06a"; }
.ri-remixicon-fill:before { content: "\f06b"; }
.ri-remixicon-line:before { content: "\f06c"; }
.ri-remote-control-2-fill:before { content: "\f06d"; }
.ri-remote-control-2-line:before { content: "\f06e"; }
.ri-remote-control-fill:before { content: "\f06f"; }
.ri-remote-control-line:before { content: "\f070"; }
.ri-repeat-2-fill:before { content: "\f071"; }
.ri-repeat-2-line:before { content: "\f072"; }
.ri-repeat-fill:before { content: "\f073"; }
.ri-repeat-line:before { content: "\f074"; }
.ri-repeat-one-fill:before { content: "\f075"; }
.ri-repeat-one-line:before { content: "\f076"; }
.ri-reply-all-fill:before { content: "\f077"; }
.ri-reply-all-line:before { content: "\f078"; }
.ri-reply-fill:before { content: "\f079"; }
.ri-reply-line:before { content: "\f07a"; }
.ri-reserved-fill:before { content: "\f07b"; }
.ri-reserved-line:before { content: "\f07c"; }
.ri-rest-time-fill:before { content: "\f07d"; }
.ri-rest-time-line:before { content: "\f07e"; }
.ri-restart-fill:before { content: "\f07f"; }
.ri-restart-line:before { content: "\f080"; }
.ri-restaurant-2-fill:before { content: "\f081"; }
.ri-restaurant-2-line:before { content: "\f082"; }
.ri-restaurant-fill:before { content: "\f083"; }
.ri-restaurant-line:before { content: "\f084"; }
.ri-rewind-fill:before { content: "\f085"; }
.ri-rewind-line:before { content: "\f086"; }
.ri-rewind-mini-fill:before { content: "\f087"; }
.ri-rewind-mini-line:before { content: "\f088"; }
.ri-rhythm-fill:before { content: "\f089"; }
.ri-rhythm-line:before { content: "\f08a"; }
.ri-riding-fill:before { content: "\f08b"; }
.ri-riding-line:before { content: "\f08c"; }
.ri-road-map-fill:before { content: "\f08d"; }
.ri-road-map-line:before { content: "\f08e"; }
.ri-roadster-fill:before { content: "\f08f"; }
.ri-roadster-line:before { content: "\f090"; }
.ri-robot-fill:before { content: "\f091"; }
.ri-robot-line:before { content: "\f092"; }
.ri-rocket-2-fill:before { content: "\f093"; }
.ri-rocket-2-line:before { content: "\f094"; }
.ri-rocket-fill:before { content: "\f095"; }
.ri-rocket-line:before { content: "\f096"; }
.ri-rotate-lock-fill:before { content: "\f097"; }
.ri-rotate-lock-line:before { content: "\f098"; }
.ri-rounded-corner:before { content: "\f099"; }
.ri-route-fill:before { content: "\f09a"; }
.ri-route-line:before { content: "\f09b"; }
.ri-router-fill:before { content: "\f09c"; }
.ri-router-line:before { content: "\f09d"; }
.ri-rss-fill:before { content: "\f09e"; }
.ri-rss-line:before { content: "\f09f"; }
.ri-ruler-2-fill:before { content: "\f0a0"; }
.ri-ruler-2-line:before { content: "\f0a1"; }
.ri-ruler-fill:before { content: "\f0a2"; }
.ri-ruler-line:before { content: "\f0a3"; }
.ri-run-fill:before { content: "\f0a4"; }
.ri-run-line:before { content: "\f0a5"; }
.ri-safari-fill:before { content: "\f0a6"; }
.ri-safari-line:before { content: "\f0a7"; }
.ri-safe-2-fill:before { content: "\f0a8"; }
.ri-safe-2-line:before { content: "\f0a9"; }
.ri-safe-fill:before { content: "\f0aa"; }
.ri-safe-line:before { content: "\f0ab"; }
.ri-sailboat-fill:before { content: "\f0ac"; }
.ri-sailboat-line:before { content: "\f0ad"; }
.ri-save-2-fill:before { content: "\f0ae"; }
.ri-save-2-line:before { content: "\f0af"; }
.ri-save-3-fill:before { content: "\f0b0"; }
.ri-save-3-line:before { content: "\f0b1"; }
.ri-save-fill:before { content: "\f0b2"; }
.ri-save-line:before { content: "\f0b3"; }
.ri-scales-2-fill:before { content: "\f0b4"; }
.ri-scales-2-line:before { content: "\f0b5"; }
.ri-scales-3-fill:before { content: "\f0b6"; }
.ri-scales-3-line:before { content: "\f0b7"; }
.ri-scales-fill:before { content: "\f0b8"; }
.ri-scales-line:before { content: "\f0b9"; }
.ri-scan-2-fill:before { content: "\f0ba"; }
.ri-scan-2-line:before { content: "\f0bb"; }
.ri-scan-fill:before { content: "\f0bc"; }
.ri-scan-line:before { content: "\f0bd"; }
.ri-scissors-2-fill:before { content: "\f0be"; }
.ri-scissors-2-line:before { content: "\f0bf"; }
.ri-scissors-cut-fill:before { content: "\f0c0"; }
.ri-scissors-cut-line:before { content: "\f0c1"; }
.ri-scissors-fill:before { content: "\f0c2"; }
.ri-scissors-line:before { content: "\f0c3"; }
.ri-screenshot-2-fill:before { content: "\f0c4"; }
.ri-screenshot-2-line:before { content: "\f0c5"; }
.ri-screenshot-fill:before { content: "\f0c6"; }
.ri-screenshot-line:before { content: "\f0c7"; }
.ri-sd-card-fill:before { content: "\f0c8"; }
.ri-sd-card-line:before { content: "\f0c9"; }
.ri-sd-card-mini-fill:before { content: "\f0ca"; }
.ri-sd-card-mini-line:before { content: "\f0cb"; }
.ri-search-2-fill:before { content: "\f0cc"; }
.ri-search-2-line:before { content: "\f0cd"; }
.ri-search-eye-fill:before { content: "\f0ce"; }
.ri-search-eye-line:before { content: "\f0cf"; }
.ri-search-fill:before { content: "\f0d0"; }
.ri-search-line:before { content: "\f0d1"; }
.ri-secure-payment-fill:before { content: "\f0d2"; }
.ri-secure-payment-line:before { content: "\f0d3"; }
.ri-seedling-fill:before { content: "\f0d4"; }
.ri-seedling-line:before { content: "\f0d5"; }
.ri-send-backward:before { content: "\f0d6"; }
.ri-send-plane-2-fill:before { content: "\f0d7"; }
.ri-send-plane-2-line:before { content: "\f0d8"; }
.ri-send-plane-fill:before { content: "\f0d9"; }
.ri-send-plane-line:before { content: "\f0da"; }
.ri-send-to-back:before { content: "\f0db"; }
.ri-sensor-fill:before { content: "\f0dc"; }
.ri-sensor-line:before { content: "\f0dd"; }
.ri-separator:before { content: "\f0de"; }
.ri-server-fill:before { content: "\f0df"; }
.ri-server-line:before { content: "\f0e0"; }
.ri-service-fill:before { content: "\f0e1"; }
.ri-service-line:before { content: "\f0e2"; }
.ri-settings-2-fill:before { content: "\f0e3"; }
.ri-settings-2-line:before { content: "\f0e4"; }
.ri-settings-3-fill:before { content: "\f0e5"; }
.ri-settings-3-line:before { content: "\f0e6"; }
.ri-settings-4-fill:before { content: "\f0e7"; }
.ri-settings-4-line:before { content: "\f0e8"; }
.ri-settings-5-fill:before { content: "\f0e9"; }
.ri-settings-5-line:before { content: "\f0ea"; }
.ri-settings-6-fill:before { content: "\f0eb"; }
.ri-settings-6-line:before { content: "\f0ec"; }
.ri-settings-fill:before { content: "\f0ed"; }
.ri-settings-line:before { content: "\f0ee"; }
.ri-shape-2-fill:before { content: "\f0ef"; }
.ri-shape-2-line:before { content: "\f0f0"; }
.ri-shape-fill:before { content: "\f0f1"; }
.ri-shape-line:before { content: "\f0f2"; }
.ri-share-box-fill:before { content: "\f0f3"; }
.ri-share-box-line:before { content: "\f0f4"; }
.ri-share-circle-fill:before { content: "\f0f5"; }
.ri-share-circle-line:before { content: "\f0f6"; }
.ri-share-fill:before { content: "\f0f7"; }
.ri-share-forward-2-fill:before { content: "\f0f8"; }
.ri-share-forward-2-line:before { content: "\f0f9"; }
.ri-share-forward-box-fill:before { content: "\f0fa"; }
.ri-share-forward-box-line:before { content: "\f0fb"; }
.ri-share-forward-fill:before { content: "\f0fc"; }
.ri-share-forward-line:before { content: "\f0fd"; }
.ri-share-line:before { content: "\f0fe"; }
.ri-shield-check-fill:before { content: "\f0ff"; }
.ri-shield-check-line:before { content: "\f100"; }
.ri-shield-cross-fill:before { content: "\f101"; }
.ri-shield-cross-line:before { content: "\f102"; }
.ri-shield-fill:before { content: "\f103"; }
.ri-shield-flash-fill:before { content: "\f104"; }
.ri-shield-flash-line:before { content: "\f105"; }
.ri-shield-keyhole-fill:before { content: "\f106"; }
.ri-shield-keyhole-line:before { content: "\f107"; }
.ri-shield-line:before { content: "\f108"; }
.ri-shield-star-fill:before { content: "\f109"; }
.ri-shield-star-line:before { content: "\f10a"; }
.ri-shield-user-fill:before { content: "\f10b"; }
.ri-shield-user-line:before { content: "\f10c"; }
.ri-ship-2-fill:before { content: "\f10d"; }
.ri-ship-2-line:before { content: "\f10e"; }
.ri-ship-fill:before { content: "\f10f"; }
.ri-ship-line:before { content: "\f110"; }
.ri-shirt-fill:before { content: "\f111"; }
.ri-shirt-line:before { content: "\f112"; }
.ri-shopping-bag-2-fill:before { content: "\f113"; }
.ri-shopping-bag-2-line:before { content: "\f114"; }
.ri-shopping-bag-3-fill:before { content: "\f115"; }
.ri-shopping-bag-3-line:before { content: "\f116"; }
.ri-shopping-bag-fill:before { content: "\f117"; }
.ri-shopping-bag-line:before { content: "\f118"; }
.ri-shopping-basket-2-fill:before { content: "\f119"; }
.ri-shopping-basket-2-line:before { content: "\f11a"; }
.ri-shopping-basket-fill:before { content: "\f11b"; }
.ri-shopping-basket-line:before { content: "\f11c"; }
.ri-shopping-cart-2-fill:before { content: "\f11d"; }
.ri-shopping-cart-2-line:before { content: "\f11e"; }
.ri-shopping-cart-fill:before { content: "\f11f"; }
.ri-shopping-cart-line:before { content: "\f120"; }
.ri-showers-fill:before { content: "\f121"; }
.ri-showers-line:before { content: "\f122"; }
.ri-shuffle-fill:before { content: "\f123"; }
.ri-shuffle-line:before { content: "\f124"; }
.ri-shut-down-fill:before { content: "\f125"; }
.ri-shut-down-line:before { content: "\f126"; }
.ri-side-bar-fill:before { content: "\f127"; }
.ri-side-bar-line:before { content: "\f128"; }
.ri-signal-tower-fill:before { content: "\f129"; }
.ri-signal-tower-line:before { content: "\f12a"; }
.ri-signal-wifi-1-fill:before { content: "\f12b"; }
.ri-signal-wifi-1-line:before { content: "\f12c"; }
.ri-signal-wifi-2-fill:before { content: "\f12d"; }
.ri-signal-wifi-2-line:before { content: "\f12e"; }
.ri-signal-wifi-3-fill:before { content: "\f12f"; }
.ri-signal-wifi-3-line:before { content: "\f130"; }
.ri-signal-wifi-error-fill:before { content: "\f131"; }
.ri-signal-wifi-error-line:before { content: "\f132"; }
.ri-signal-wifi-fill:before { content: "\f133"; }
.ri-signal-wifi-line:before { content: "\f134"; }
.ri-signal-wifi-off-fill:before { content: "\f135"; }
.ri-signal-wifi-off-line:before { content: "\f136"; }
.ri-sim-card-2-fill:before { content: "\f137"; }
.ri-sim-card-2-line:before { content: "\f138"; }
.ri-sim-card-fill:before { content: "\f139"; }
.ri-sim-card-line:before { content: "\f13a"; }
.ri-single-quotes-l:before { content: "\f13b"; }
.ri-single-quotes-r:before { content: "\f13c"; }
.ri-sip-fill:before { content: "\f13d"; }
.ri-sip-line:before { content: "\f13e"; }
.ri-skip-back-fill:before { content: "\f13f"; }
.ri-skip-back-line:before { content: "\f140"; }
.ri-skip-back-mini-fill:before { content: "\f141"; }
.ri-skip-back-mini-line:before { content: "\f142"; }
.ri-skip-forward-fill:before { content: "\f143"; }
.ri-skip-forward-line:before { content: "\f144"; }
.ri-skip-forward-mini-fill:before { content: "\f145"; }
.ri-skip-forward-mini-line:before { content: "\f146"; }
.ri-skull-2-fill:before { content: "\f147"; }
.ri-skull-2-line:before { content: "\f148"; }
.ri-skull-fill:before { content: "\f149"; }
.ri-skull-line:before { content: "\f14a"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-skype-line:before { content: "\f14c"; }
.ri-slack-fill:before { content: "\f14d"; }
.ri-slack-line:before { content: "\f14e"; }
.ri-slice-fill:before { content: "\f14f"; }
.ri-slice-line:before { content: "\f150"; }
.ri-slideshow-2-fill:before { content: "\f151"; }
.ri-slideshow-2-line:before { content: "\f152"; }
.ri-slideshow-3-fill:before { content: "\f153"; }
.ri-slideshow-3-line:before { content: "\f154"; }
.ri-slideshow-4-fill:before { content: "\f155"; }
.ri-slideshow-4-line:before { content: "\f156"; }
.ri-slideshow-fill:before { content: "\f157"; }
.ri-slideshow-line:before { content: "\f158"; }
.ri-smartphone-fill:before { content: "\f159"; }
.ri-smartphone-line:before { content: "\f15a"; }
.ri-snapchat-fill:before { content: "\f15b"; }
.ri-snapchat-line:before { content: "\f15c"; }
.ri-snowy-fill:before { content: "\f15d"; }
.ri-snowy-line:before { content: "\f15e"; }
.ri-sort-asc:before { content: "\f15f"; }
.ri-sort-desc:before { content: "\f160"; }
.ri-sound-module-fill:before { content: "\f161"; }
.ri-sound-module-line:before { content: "\f162"; }
.ri-soundcloud-fill:before { content: "\f163"; }
.ri-soundcloud-line:before { content: "\f164"; }
.ri-space-ship-fill:before { content: "\f165"; }
.ri-space-ship-line:before { content: "\f166"; }
.ri-space:before { content: "\f167"; }
.ri-spam-2-fill:before { content: "\f168"; }
.ri-spam-2-line:before { content: "\f169"; }
.ri-spam-3-fill:before { content: "\f16a"; }
.ri-spam-3-line:before { content: "\f16b"; }
.ri-spam-fill:before { content: "\f16c"; }
.ri-spam-line:before { content: "\f16d"; }
.ri-speaker-2-fill:before { content: "\f16e"; }
.ri-speaker-2-line:before { content: "\f16f"; }
.ri-speaker-3-fill:before { content: "\f170"; }
.ri-speaker-3-line:before { content: "\f171"; }
.ri-speaker-fill:before { content: "\f172"; }
.ri-speaker-line:before { content: "\f173"; }
.ri-spectrum-fill:before { content: "\f174"; }
.ri-spectrum-line:before { content: "\f175"; }
.ri-speed-fill:before { content: "\f176"; }
.ri-speed-line:before { content: "\f177"; }
.ri-speed-mini-fill:before { content: "\f178"; }
.ri-speed-mini-line:before { content: "\f179"; }
.ri-split-cells-horizontal:before { content: "\f17a"; }
.ri-split-cells-vertical:before { content: "\f17b"; }
.ri-spotify-fill:before { content: "\f17c"; }
.ri-spotify-line:before { content: "\f17d"; }
.ri-spy-fill:before { content: "\f17e"; }
.ri-spy-line:before { content: "\f17f"; }
.ri-stack-fill:before { content: "\f180"; }
.ri-stack-line:before { content: "\f181"; }
.ri-stack-overflow-fill:before { content: "\f182"; }
.ri-stack-overflow-line:before { content: "\f183"; }
.ri-stackshare-fill:before { content: "\f184"; }
.ri-stackshare-line:before { content: "\f185"; }
.ri-star-fill:before { content: "\f186"; }
.ri-star-half-fill:before { content: "\f187"; }
.ri-star-half-line:before { content: "\f188"; }
.ri-star-half-s-fill:before { content: "\f189"; }
.ri-star-half-s-line:before { content: "\f18a"; }
.ri-star-line:before { content: "\f18b"; }
.ri-star-s-fill:before { content: "\f18c"; }
.ri-star-s-line:before { content: "\f18d"; }
.ri-star-smile-fill:before { content: "\f18e"; }
.ri-star-smile-line:before { content: "\f18f"; }
.ri-steam-fill:before { content: "\f190"; }
.ri-steam-line:before { content: "\f191"; }
.ri-steering-2-fill:before { content: "\f192"; }
.ri-steering-2-line:before { content: "\f193"; }
.ri-steering-fill:before { content: "\f194"; }
.ri-steering-line:before { content: "\f195"; }
.ri-stethoscope-fill:before { content: "\f196"; }
.ri-stethoscope-line:before { content: "\f197"; }
.ri-sticky-note-2-fill:before { content: "\f198"; }
.ri-sticky-note-2-line:before { content: "\f199"; }
.ri-sticky-note-fill:before { content: "\f19a"; }
.ri-sticky-note-line:before { content: "\f19b"; }
.ri-stock-fill:before { content: "\f19c"; }
.ri-stock-line:before { content: "\f19d"; }
.ri-stop-circle-fill:before { content: "\f19e"; }
.ri-stop-circle-line:before { content: "\f19f"; }
.ri-stop-fill:before { content: "\f1a0"; }
.ri-stop-line:before { content: "\f1a1"; }
.ri-stop-mini-fill:before { content: "\f1a2"; }
.ri-stop-mini-line:before { content: "\f1a3"; }
.ri-store-2-fill:before { content: "\f1a4"; }
.ri-store-2-line:before { content: "\f1a5"; }
.ri-store-3-fill:before { content: "\f1a6"; }
.ri-store-3-line:before { content: "\f1a7"; }
.ri-store-fill:before { content: "\f1a8"; }
.ri-store-line:before { content: "\f1a9"; }
.ri-strikethrough-2:before { content: "\f1aa"; }
.ri-strikethrough:before { content: "\f1ab"; }
.ri-subscript-2:before { content: "\f1ac"; }
.ri-subscript:before { content: "\f1ad"; }
.ri-subtract-fill:before { content: "\f1ae"; }
.ri-subtract-line:before { content: "\f1af"; }
.ri-subway-fill:before { content: "\f1b0"; }
.ri-subway-line:before { content: "\f1b1"; }
.ri-subway-wifi-fill:before { content: "\f1b2"; }
.ri-subway-wifi-line:before { content: "\f1b3"; }
.ri-suitcase-2-fill:before { content: "\f1b4"; }
.ri-suitcase-2-line:before { content: "\f1b5"; }
.ri-suitcase-3-fill:before { content: "\f1b6"; }
.ri-suitcase-3-line:before { content: "\f1b7"; }
.ri-suitcase-fill:before { content: "\f1b8"; }
.ri-suitcase-line:before { content: "\f1b9"; }
.ri-sun-cloudy-fill:before { content: "\f1ba"; }
.ri-sun-cloudy-line:before { content: "\f1bb"; }
.ri-sun-fill:before { content: "\f1bc"; }
.ri-sun-foggy-fill:before { content: "\f1bd"; }
.ri-sun-foggy-line:before { content: "\f1be"; }
.ri-sun-line:before { content: "\f1bf"; }
.ri-superscript-2:before { content: "\f1c0"; }
.ri-superscript:before { content: "\f1c1"; }
.ri-surgical-mask-fill:before { content: "\f1c2"; }
.ri-surgical-mask-line:before { content: "\f1c3"; }
.ri-surround-sound-fill:before { content: "\f1c4"; }
.ri-surround-sound-line:before { content: "\f1c5"; }
.ri-survey-fill:before { content: "\f1c6"; }
.ri-survey-line:before { content: "\f1c7"; }
.ri-swap-box-fill:before { content: "\f1c8"; }
.ri-swap-box-line:before { content: "\f1c9"; }
.ri-swap-fill:before { content: "\f1ca"; }
.ri-swap-line:before { content: "\f1cb"; }
.ri-switch-fill:before { content: "\f1cc"; }
.ri-switch-line:before { content: "\f1cd"; }
.ri-sword-fill:before { content: "\f1ce"; }
.ri-sword-line:before { content: "\f1cf"; }
.ri-syringe-fill:before { content: "\f1d0"; }
.ri-syringe-line:before { content: "\f1d1"; }
.ri-t-box-fill:before { content: "\f1d2"; }
.ri-t-box-line:before { content: "\f1d3"; }
.ri-t-shirt-2-fill:before { content: "\f1d4"; }
.ri-t-shirt-2-line:before { content: "\f1d5"; }
.ri-t-shirt-air-fill:before { content: "\f1d6"; }
.ri-t-shirt-air-line:before { content: "\f1d7"; }
.ri-t-shirt-fill:before { content: "\f1d8"; }
.ri-t-shirt-line:before { content: "\f1d9"; }
.ri-table-2:before { content: "\f1da"; }
.ri-table-alt-fill:before { content: "\f1db"; }
.ri-table-alt-line:before { content: "\f1dc"; }
.ri-table-fill:before { content: "\f1dd"; }
.ri-table-line:before { content: "\f1de"; }
.ri-tablet-fill:before { content: "\f1df"; }
.ri-tablet-line:before { content: "\f1e0"; }
.ri-takeaway-fill:before { content: "\f1e1"; }
.ri-takeaway-line:before { content: "\f1e2"; }
.ri-taobao-fill:before { content: "\f1e3"; }
.ri-taobao-line:before { content: "\f1e4"; }
.ri-tape-fill:before { content: "\f1e5"; }
.ri-tape-line:before { content: "\f1e6"; }
.ri-task-fill:before { content: "\f1e7"; }
.ri-task-line:before { content: "\f1e8"; }
.ri-taxi-fill:before { content: "\f1e9"; }
.ri-taxi-line:before { content: "\f1ea"; }
.ri-taxi-wifi-fill:before { content: "\f1eb"; }
.ri-taxi-wifi-line:before { content: "\f1ec"; }
.ri-team-fill:before { content: "\f1ed"; }
.ri-team-line:before { content: "\f1ee"; }
.ri-telegram-fill:before { content: "\f1ef"; }
.ri-telegram-line:before { content: "\f1f0"; }
.ri-temp-cold-fill:before { content: "\f1f1"; }
.ri-temp-cold-line:before { content: "\f1f2"; }
.ri-temp-hot-fill:before { content: "\f1f3"; }
.ri-temp-hot-line:before { content: "\f1f4"; }
.ri-terminal-box-fill:before { content: "\f1f5"; }
.ri-terminal-box-line:before { content: "\f1f6"; }
.ri-terminal-fill:before { content: "\f1f7"; }
.ri-terminal-line:before { content: "\f1f8"; }
.ri-terminal-window-fill:before { content: "\f1f9"; }
.ri-terminal-window-line:before { content: "\f1fa"; }
.ri-test-tube-fill:before { content: "\f1fb"; }
.ri-test-tube-line:before { content: "\f1fc"; }
.ri-text-direction-l:before { content: "\f1fd"; }
.ri-text-direction-r:before { content: "\f1fe"; }
.ri-text-spacing:before { content: "\f1ff"; }
.ri-text-wrap:before { content: "\f200"; }
.ri-text:before { content: "\f201"; }
.ri-thermometer-fill:before { content: "\f202"; }
.ri-thermometer-line:before { content: "\f203"; }
.ri-thumb-down-fill:before { content: "\f204"; }
.ri-thumb-down-line:before { content: "\f205"; }
.ri-thumb-up-fill:before { content: "\f206"; }
.ri-thumb-up-line:before { content: "\f207"; }
.ri-thunderstorms-fill:before { content: "\f208"; }
.ri-thunderstorms-line:before { content: "\f209"; }
.ri-ticket-2-fill:before { content: "\f20a"; }
.ri-ticket-2-line:before { content: "\f20b"; }
.ri-ticket-fill:before { content: "\f20c"; }
.ri-ticket-line:before { content: "\f20d"; }
.ri-time-fill:before { content: "\f20e"; }
.ri-time-line:before { content: "\f20f"; }
.ri-timer-2-fill:before { content: "\f210"; }
.ri-timer-2-line:before { content: "\f211"; }
.ri-timer-fill:before { content: "\f212"; }
.ri-timer-flash-fill:before { content: "\f213"; }
.ri-timer-flash-line:before { content: "\f214"; }
.ri-timer-line:before { content: "\f215"; }
.ri-todo-fill:before { content: "\f216"; }
.ri-todo-line:before { content: "\f217"; }
.ri-toggle-fill:before { content: "\f218"; }
.ri-toggle-line:before { content: "\f219"; }
.ri-tools-fill:before { content: "\f21a"; }
.ri-tools-line:before { content: "\f21b"; }
.ri-tornado-fill:before { content: "\f21c"; }
.ri-tornado-line:before { content: "\f21d"; }
.ri-trademark-fill:before { content: "\f21e"; }
.ri-trademark-line:before { content: "\f21f"; }
.ri-traffic-light-fill:before { content: "\f220"; }
.ri-traffic-light-line:before { content: "\f221"; }
.ri-train-fill:before { content: "\f222"; }
.ri-train-line:before { content: "\f223"; }
.ri-train-wifi-fill:before { content: "\f224"; }
.ri-train-wifi-line:before { content: "\f225"; }
.ri-translate-2:before { content: "\f226"; }
.ri-translate:before { content: "\f227"; }
.ri-travesti-fill:before { content: "\f228"; }
.ri-travesti-line:before { content: "\f229"; }
.ri-treasure-map-fill:before { content: "\f22a"; }
.ri-treasure-map-line:before { content: "\f22b"; }
.ri-trello-fill:before { content: "\f22c"; }
.ri-trello-line:before { content: "\f22d"; }
.ri-trophy-fill:before { content: "\f22e"; }
.ri-trophy-line:before { content: "\f22f"; }
.ri-truck-fill:before { content: "\f230"; }
.ri-truck-line:before { content: "\f231"; }
.ri-tumblr-fill:before { content: "\f232"; }
.ri-tumblr-line:before { content: "\f233"; }
.ri-tv-2-fill:before { content: "\f234"; }
.ri-tv-2-line:before { content: "\f235"; }
.ri-tv-fill:before { content: "\f236"; }
.ri-tv-line:before { content: "\f237"; }
.ri-twitch-fill:before { content: "\f238"; }
.ri-twitch-line:before { content: "\f239"; }
.ri-twitter-fill:before { content: "\f23a"; }
.ri-twitter-line:before { content: "\f23b"; }
.ri-typhoon-fill:before { content: "\f23c"; }
.ri-typhoon-line:before { content: "\f23d"; }
.ri-u-disk-fill:before { content: "\f23e"; }
.ri-u-disk-line:before { content: "\f23f"; }
.ri-ubuntu-fill:before { content: "\f240"; }
.ri-ubuntu-line:before { content: "\f241"; }
.ri-umbrella-fill:before { content: "\f242"; }
.ri-umbrella-line:before { content: "\f243"; }
.ri-underline:before { content: "\f244"; }
.ri-uninstall-fill:before { content: "\f245"; }
.ri-uninstall-line:before { content: "\f246"; }
.ri-unsplash-fill:before { content: "\f247"; }
.ri-unsplash-line:before { content: "\f248"; }
.ri-upload-2-fill:before { content: "\f249"; }
.ri-upload-2-line:before { content: "\f24a"; }
.ri-upload-cloud-2-fill:before { content: "\f24b"; }
.ri-upload-cloud-2-line:before { content: "\f24c"; }
.ri-upload-cloud-fill:before { content: "\f24d"; }
.ri-upload-cloud-line:before { content: "\f24e"; }
.ri-upload-fill:before { content: "\f24f"; }
.ri-upload-line:before { content: "\f250"; }
.ri-usb-fill:before { content: "\f251"; }
.ri-usb-line:before { content: "\f252"; }
.ri-user-2-fill:before { content: "\f253"; }
.ri-user-2-line:before { content: "\f254"; }
.ri-user-3-fill:before { content: "\f255"; }
.ri-user-3-line:before { content: "\f256"; }
.ri-user-4-fill:before { content: "\f257"; }
.ri-user-4-line:before { content: "\f258"; }
.ri-user-5-fill:before { content: "\f259"; }
.ri-user-5-line:before { content: "\f25a"; }
.ri-user-6-fill:before { content: "\f25b"; }
.ri-user-6-line:before { content: "\f25c"; }
.ri-user-add-fill:before { content: "\f25d"; }
.ri-user-add-line:before { content: "\f25e"; }
.ri-user-fill:before { content: "\f25f"; }
.ri-user-follow-fill:before { content: "\f260"; }
.ri-user-follow-line:before { content: "\f261"; }
.ri-user-heart-fill:before { content: "\f262"; }
.ri-user-heart-line:before { content: "\f263"; }
.ri-user-line:before { content: "\f264"; }
.ri-user-location-fill:before { content: "\f265"; }
.ri-user-location-line:before { content: "\f266"; }
.ri-user-received-2-fill:before { content: "\f267"; }
.ri-user-received-2-line:before { content: "\f268"; }
.ri-user-received-fill:before { content: "\f269"; }
.ri-user-received-line:before { content: "\f26a"; }
.ri-user-search-fill:before { content: "\f26b"; }
.ri-user-search-line:before { content: "\f26c"; }
.ri-user-settings-fill:before { content: "\f26d"; }
.ri-user-settings-line:before { content: "\f26e"; }
.ri-user-shared-2-fill:before { content: "\f26f"; }
.ri-user-shared-2-line:before { content: "\f270"; }
.ri-user-shared-fill:before { content: "\f271"; }
.ri-user-shared-line:before { content: "\f272"; }
.ri-user-smile-fill:before { content: "\f273"; }
.ri-user-smile-line:before { content: "\f274"; }
.ri-user-star-fill:before { content: "\f275"; }
.ri-user-star-line:before { content: "\f276"; }
.ri-user-unfollow-fill:before { content: "\f277"; }
.ri-user-unfollow-line:before { content: "\f278"; }
.ri-user-voice-fill:before { content: "\f279"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-video-add-fill:before { content: "\f27b"; }
.ri-video-add-line:before { content: "\f27c"; }
.ri-video-chat-fill:before { content: "\f27d"; }
.ri-video-chat-line:before { content: "\f27e"; }
.ri-video-download-fill:before { content: "\f27f"; }
.ri-video-download-line:before { content: "\f280"; }
.ri-video-fill:before { content: "\f281"; }
.ri-video-line:before { content: "\f282"; }
.ri-video-upload-fill:before { content: "\f283"; }
.ri-video-upload-line:before { content: "\f284"; }
.ri-vidicon-2-fill:before { content: "\f285"; }
.ri-vidicon-2-line:before { content: "\f286"; }
.ri-vidicon-fill:before { content: "\f287"; }
.ri-vidicon-line:before { content: "\f288"; }
.ri-vimeo-fill:before { content: "\f289"; }
.ri-vimeo-line:before { content: "\f28a"; }
.ri-vip-crown-2-fill:before { content: "\f28b"; }
.ri-vip-crown-2-line:before { content: "\f28c"; }
.ri-vip-crown-fill:before { content: "\f28d"; }
.ri-vip-crown-line:before { content: "\f28e"; }
.ri-vip-diamond-fill:before { content: "\f28f"; }
.ri-vip-diamond-line:before { content: "\f290"; }
.ri-vip-fill:before { content: "\f291"; }
.ri-vip-line:before { content: "\f292"; }
.ri-virus-fill:before { content: "\f293"; }
.ri-virus-line:before { content: "\f294"; }
.ri-visa-fill:before { content: "\f295"; }
.ri-visa-line:before { content: "\f296"; }
.ri-voice-recognition-fill:before { content: "\f297"; }
.ri-voice-recognition-line:before { content: "\f298"; }
.ri-voiceprint-fill:before { content: "\f299"; }
.ri-voiceprint-line:before { content: "\f29a"; }
.ri-volume-down-fill:before { content: "\f29b"; }
.ri-volume-down-line:before { content: "\f29c"; }
.ri-volume-mute-fill:before { content: "\f29d"; }
.ri-volume-mute-line:before { content: "\f29e"; }
.ri-volume-off-vibrate-fill:before { content: "\f29f"; }
.ri-volume-off-vibrate-line:before { content: "\f2a0"; }
.ri-volume-up-fill:before { content: "\f2a1"; }
.ri-volume-up-line:before { content: "\f2a2"; }
.ri-volume-vibrate-fill:before { content: "\f2a3"; }
.ri-volume-vibrate-line:before { content: "\f2a4"; }
.ri-vuejs-fill:before { content: "\f2a5"; }
.ri-vuejs-line:before { content: "\f2a6"; }
.ri-walk-fill:before { content: "\f2a7"; }
.ri-walk-line:before { content: "\f2a8"; }
.ri-wallet-2-fill:before { content: "\f2a9"; }
.ri-wallet-2-line:before { content: "\f2aa"; }
.ri-wallet-3-fill:before { content: "\f2ab"; }
.ri-wallet-3-line:before { content: "\f2ac"; }
.ri-wallet-fill:before { content: "\f2ad"; }
.ri-wallet-line:before { content: "\f2ae"; }
.ri-water-flash-fill:before { content: "\f2af"; }
.ri-water-flash-line:before { content: "\f2b0"; }
.ri-webcam-fill:before { content: "\f2b1"; }
.ri-webcam-line:before { content: "\f2b2"; }
.ri-wechat-2-fill:before { content: "\f2b3"; }
.ri-wechat-2-line:before { content: "\f2b4"; }
.ri-wechat-fill:before { content: "\f2b5"; }
.ri-wechat-line:before { content: "\f2b6"; }
.ri-wechat-pay-fill:before { content: "\f2b7"; }
.ri-wechat-pay-line:before { content: "\f2b8"; }
.ri-weibo-fill:before { content: "\f2b9"; }
.ri-weibo-line:before { content: "\f2ba"; }
.ri-whatsapp-fill:before { content: "\f2bb"; }
.ri-whatsapp-line:before { content: "\f2bc"; }
.ri-wheelchair-fill:before { content: "\f2bd"; }
.ri-wheelchair-line:before { content: "\f2be"; }
.ri-wifi-fill:before { content: "\f2bf"; }
.ri-wifi-line:before { content: "\f2c0"; }
.ri-wifi-off-fill:before { content: "\f2c1"; }
.ri-wifi-off-line:before { content: "\f2c2"; }
.ri-window-2-fill:before { content: "\f2c3"; }
.ri-window-2-line:before { content: "\f2c4"; }
.ri-window-fill:before { content: "\f2c5"; }
.ri-window-line:before { content: "\f2c6"; }
.ri-windows-fill:before { content: "\f2c7"; }
.ri-windows-line:before { content: "\f2c8"; }
.ri-windy-fill:before { content: "\f2c9"; }
.ri-windy-line:before { content: "\f2ca"; }
.ri-wireless-charging-fill:before { content: "\f2cb"; }
.ri-wireless-charging-line:before { content: "\f2cc"; }
.ri-women-fill:before { content: "\f2cd"; }
.ri-women-line:before { content: "\f2ce"; }
.ri-wubi-input:before { content: "\f2cf"; }
.ri-xbox-fill:before { content: "\f2d0"; }
.ri-xbox-line:before { content: "\f2d1"; }
.ri-xing-fill:before { content: "\f2d2"; }
.ri-xing-line:before { content: "\f2d3"; }
.ri-youtube-fill:before { content: "\f2d4"; }
.ri-youtube-line:before { content: "\f2d5"; }
.ri-zcool-fill:before { content: "\f2d6"; }
.ri-zcool-line:before { content: "\f2d7"; }
.ri-zhihu-fill:before { content: "\f2d8"; }
.ri-zhihu-line:before { content: "\f2d9"; }
.ri-zoom-in-fill:before { content: "\f2da"; }
.ri-zoom-in-line:before { content: "\f2db"; }
.ri-zoom-out-fill:before { content: "\f2dc"; }
.ri-zoom-out-line:before { content: "\f2dd"; }
.ri-zzz-fill:before { content: "\f2de"; }
.ri-zzz-line:before { content: "\f2df"; }
.ri-arrow-down-double-fill:before { content: "\f2e0"; }
.ri-arrow-down-double-line:before { content: "\f2e1"; }
.ri-arrow-left-double-fill:before { content: "\f2e2"; }
.ri-arrow-left-double-line:before { content: "\f2e3"; }
.ri-arrow-right-double-fill:before { content: "\f2e4"; }
.ri-arrow-right-double-line:before { content: "\f2e5"; }
.ri-arrow-turn-back-fill:before { content: "\f2e6"; }
.ri-arrow-turn-back-line:before { content: "\f2e7"; }
.ri-arrow-turn-forward-fill:before { content: "\f2e8"; }
.ri-arrow-turn-forward-line:before { content: "\f2e9"; }
.ri-arrow-up-double-fill:before { content: "\f2ea"; }
.ri-arrow-up-double-line:before { content: "\f2eb"; }
.ri-bard-fill:before { content: "\f2ec"; }
.ri-bard-line:before { content: "\f2ed"; }
.ri-bootstrap-fill:before { content: "\f2ee"; }
.ri-bootstrap-line:before { content: "\f2ef"; }
.ri-box-1-fill:before { content: "\f2f0"; }
.ri-box-1-line:before { content: "\f2f1"; }
.ri-box-2-fill:before { content: "\f2f2"; }
.ri-box-2-line:before { content: "\f2f3"; }
.ri-box-3-fill:before { content: "\f2f4"; }
.ri-box-3-line:before { content: "\f2f5"; }
.ri-brain-fill:before { content: "\f2f6"; }
.ri-brain-line:before { content: "\f2f7"; }
.ri-candle-fill:before { content: "\f2f8"; }
.ri-candle-line:before { content: "\f2f9"; }
.ri-cash-fill:before { content: "\f2fa"; }
.ri-cash-line:before { content: "\f2fb"; }
.ri-contract-left-fill:before { content: "\f2fc"; }
.ri-contract-left-line:before { content: "\f2fd"; }
.ri-contract-left-right-fill:before { content: "\f2fe"; }
.ri-contract-left-right-line:before { content: "\f2ff"; }
.ri-contract-right-fill:before { content: "\f300"; }
.ri-contract-right-line:before { content: "\f301"; }
.ri-contract-up-down-fill:before { content: "\f302"; }
.ri-contract-up-down-line:before { content: "\f303"; }
.ri-copilot-fill:before { content: "\f304"; }
.ri-copilot-line:before { content: "\f305"; }
.ri-corner-down-left-fill:before { content: "\f306"; }
.ri-corner-down-left-line:before { content: "\f307"; }
.ri-corner-down-right-fill:before { content: "\f308"; }
.ri-corner-down-right-line:before { content: "\f309"; }
.ri-corner-left-down-fill:before { content: "\f30a"; }
.ri-corner-left-down-line:before { content: "\f30b"; }
.ri-corner-left-up-fill:before { content: "\f30c"; }
.ri-corner-left-up-line:before { content: "\f30d"; }
.ri-corner-right-down-fill:before { content: "\f30e"; }
.ri-corner-right-down-line:before { content: "\f30f"; }
.ri-corner-right-up-fill:before { content: "\f310"; }
.ri-corner-right-up-line:before { content: "\f311"; }
.ri-corner-up-left-double-fill:before { content: "\f312"; }
.ri-corner-up-left-double-line:before { content: "\f313"; }
.ri-corner-up-left-fill:before { content: "\f314"; }
.ri-corner-up-left-line:before { content: "\f315"; }
.ri-corner-up-right-double-fill:before { content: "\f316"; }
.ri-corner-up-right-double-line:before { content: "\f317"; }
.ri-corner-up-right-fill:before { content: "\f318"; }
.ri-corner-up-right-line:before { content: "\f319"; }
.ri-cross-fill:before { content: "\f31a"; }
.ri-cross-line:before { content: "\f31b"; }
.ri-edge-new-fill:before { content: "\f31c"; }
.ri-edge-new-line:before { content: "\f31d"; }
.ri-equal-fill:before { content: "\f31e"; }
.ri-equal-line:before { content: "\f31f"; }
.ri-expand-left-fill:before { content: "\f320"; }
.ri-expand-left-line:before { content: "\f321"; }
.ri-expand-left-right-fill:before { content: "\f322"; }
.ri-expand-left-right-line:before { content: "\f323"; }
.ri-expand-right-fill:before { content: "\f324"; }
.ri-expand-right-line:before { content: "\f325"; }
.ri-expand-up-down-fill:before { content: "\f326"; }
.ri-expand-up-down-line:before { content: "\f327"; }
.ri-flickr-fill:before { content: "\f328"; }
.ri-flickr-line:before { content: "\f329"; }
.ri-forward-10-fill:before { content: "\f32a"; }
.ri-forward-10-line:before { content: "\f32b"; }
.ri-forward-15-fill:before { content: "\f32c"; }
.ri-forward-15-line:before { content: "\f32d"; }
.ri-forward-30-fill:before { content: "\f32e"; }
.ri-forward-30-line:before { content: "\f32f"; }
.ri-forward-5-fill:before { content: "\f330"; }
.ri-forward-5-line:before { content: "\f331"; }
.ri-graduation-cap-fill:before { content: "\f332"; }
.ri-graduation-cap-line:before { content: "\f333"; }
.ri-home-office-fill:before { content: "\f334"; }
.ri-home-office-line:before { content: "\f335"; }
.ri-hourglass-2-fill:before { content: "\f336"; }
.ri-hourglass-2-line:before { content: "\f337"; }
.ri-hourglass-fill:before { content: "\f338"; }
.ri-hourglass-line:before { content: "\f339"; }
.ri-javascript-fill:before { content: "\f33a"; }
.ri-javascript-line:before { content: "\f33b"; }
.ri-loop-left-fill:before { content: "\f33c"; }
.ri-loop-left-line:before { content: "\f33d"; }
.ri-loop-right-fill:before { content: "\f33e"; }
.ri-loop-right-line:before { content: "\f33f"; }
.ri-memories-fill:before { content: "\f340"; }
.ri-memories-line:before { content: "\f341"; }
.ri-meta-fill:before { content: "\f342"; }
.ri-meta-line:before { content: "\f343"; }
.ri-microsoft-loop-fill:before { content: "\f344"; }
.ri-microsoft-loop-line:before { content: "\f345"; }
.ri-nft-fill:before { content: "\f346"; }
.ri-nft-line:before { content: "\f347"; }
.ri-notion-fill:before { content: "\f348"; }
.ri-notion-line:before { content: "\f349"; }
.ri-openai-fill:before { content: "\f34a"; }
.ri-openai-line:before { content: "\f34b"; }
.ri-overline:before { content: "\f34c"; }
.ri-p2p-fill:before { content: "\f34d"; }
.ri-p2p-line:before { content: "\f34e"; }
.ri-presentation-fill:before { content: "\f34f"; }
.ri-presentation-line:before { content: "\f350"; }
.ri-replay-10-fill:before { content: "\f351"; }
.ri-replay-10-line:before { content: "\f352"; }
.ri-replay-15-fill:before { content: "\f353"; }
.ri-replay-15-line:before { content: "\f354"; }
.ri-replay-30-fill:before { content: "\f355"; }
.ri-replay-30-line:before { content: "\f356"; }
.ri-replay-5-fill:before { content: "\f357"; }
.ri-replay-5-line:before { content: "\f358"; }
.ri-school-fill:before { content: "\f359"; }
.ri-school-line:before { content: "\f35a"; }
.ri-shining-2-fill:before { content: "\f35b"; }
.ri-shining-2-line:before { content: "\f35c"; }
.ri-shining-fill:before { content: "\f35d"; }
.ri-shining-line:before { content: "\f35e"; }
.ri-sketching:before { content: "\f35f"; }
.ri-skip-down-fill:before { content: "\f360"; }
.ri-skip-down-line:before { content: "\f361"; }
.ri-skip-left-fill:before { content: "\f362"; }
.ri-skip-left-line:before { content: "\f363"; }
.ri-skip-right-fill:before { content: "\f364"; }
.ri-skip-right-line:before { content: "\f365"; }
.ri-skip-up-fill:before { content: "\f366"; }
.ri-skip-up-line:before { content: "\f367"; }
.ri-slow-down-fill:before { content: "\f368"; }
.ri-slow-down-line:before { content: "\f369"; }
.ri-sparkling-2-fill:before { content: "\f36a"; }
.ri-sparkling-2-line:before { content: "\f36b"; }
.ri-sparkling-fill:before { content: "\f36c"; }
.ri-sparkling-line:before { content: "\f36d"; }
.ri-speak-fill:before { content: "\f36e"; }
.ri-speak-line:before { content: "\f36f"; }
.ri-speed-up-fill:before { content: "\f370"; }
.ri-speed-up-line:before { content: "\f371"; }
.ri-tiktok-fill:before { content: "\f372"; }
.ri-tiktok-line:before { content: "\f373"; }
.ri-token-swap-fill:before { content: "\f374"; }
.ri-token-swap-line:before { content: "\f375"; }
.ri-unpin-fill:before { content: "\f376"; }
.ri-unpin-line:before { content: "\f377"; }
.ri-wechat-channels-fill:before { content: "\f378"; }
.ri-wechat-channels-line:before { content: "\f379"; }
.ri-wordpress-fill:before { content: "\f37a"; }
.ri-wordpress-line:before { content: "\f37b"; }
.ri-blender-fill:before { content: "\f37c"; }
.ri-blender-line:before { content: "\f37d"; }
.ri-emoji-sticker-fill:before { content: "\f37e"; }
.ri-emoji-sticker-line:before { content: "\f37f"; }
.ri-git-close-pull-request-fill:before { content: "\f380"; }
.ri-git-close-pull-request-line:before { content: "\f381"; }
.ri-instance-fill:before { content: "\f382"; }
.ri-instance-line:before { content: "\f383"; }
.ri-megaphone-fill:before { content: "\f384"; }
.ri-megaphone-line:before { content: "\f385"; }
.ri-pass-expired-fill:before { content: "\f386"; }
.ri-pass-expired-line:before { content: "\f387"; }
.ri-pass-pending-fill:before { content: "\f388"; }
.ri-pass-pending-line:before { content: "\f389"; }
.ri-pass-valid-fill:before { content: "\f38a"; }
.ri-pass-valid-line:before { content: "\f38b"; }
.ri-ai-generate:before { content: "\f38c"; }
.ri-calendar-close-fill:before { content: "\f38d"; }
.ri-calendar-close-line:before { content: "\f38e"; }
.ri-draggable:before { content: "\f38f"; }
.ri-font-family:before { content: "\f390"; }
.ri-font-mono:before { content: "\f391"; }
.ri-font-sans-serif:before { content: "\f392"; }
.ri-font-sans:before { content: "\f393"; }
.ri-hard-drive-3-fill:before { content: "\f394"; }
.ri-hard-drive-3-line:before { content: "\f395"; }
.ri-kick-fill:before { content: "\f396"; }
.ri-kick-line:before { content: "\f397"; }
.ri-list-check-3:before { content: "\f398"; }
.ri-list-indefinite:before { content: "\f399"; }
.ri-list-ordered-2:before { content: "\f39a"; }
.ri-list-radio:before { content: "\f39b"; }
.ri-openbase-fill:before { content: "\f39c"; }
.ri-openbase-line:before { content: "\f39d"; }
.ri-planet-fill:before { content: "\f39e"; }
.ri-planet-line:before { content: "\f39f"; }
.ri-prohibited-fill:before { content: "\f3a0"; }
.ri-prohibited-line:before { content: "\f3a1"; }
.ri-quote-text:before { content: "\f3a2"; }
.ri-seo-fill:before { content: "\f3a3"; }
.ri-seo-line:before { content: "\f3a4"; }
.ri-slash-commands:before { content: "\f3a5"; }
.ri-archive-2-fill:before { content: "\f3a6"; }
.ri-archive-2-line:before { content: "\f3a7"; }
.ri-inbox-2-fill:before { content: "\f3a8"; }
.ri-inbox-2-line:before { content: "\f3a9"; }
.ri-shake-hands-fill:before { content: "\f3aa"; }
.ri-shake-hands-line:before { content: "\f3ab"; }
.ri-supabase-fill:before { content: "\f3ac"; }
.ri-supabase-line:before { content: "\f3ad"; }
.ri-water-percent-fill:before { content: "\f3ae"; }
.ri-water-percent-line:before { content: "\f3af"; }
.ri-yuque-fill:before { content: "\f3b0"; }
.ri-yuque-line:before { content: "\f3b1"; }
.ri-crosshair-2-fill:before { content: "\f3b2"; }
.ri-crosshair-2-line:before { content: "\f3b3"; }
.ri-crosshair-fill:before { content: "\f3b4"; }
.ri-crosshair-line:before { content: "\f3b5"; }
.ri-file-close-fill:before { content: "\f3b6"; }
.ri-file-close-line:before { content: "\f3b7"; }
.ri-infinity-fill:before { content: "\f3b8"; }
.ri-infinity-line:before { content: "\f3b9"; }
.ri-rfid-fill:before { content: "\f3ba"; }
.ri-rfid-line:before { content: "\f3bb"; }
.ri-slash-commands-2:before { content: "\f3bc"; }
.ri-user-forbid-fill:before { content: "\f3bd"; }
.ri-user-forbid-line:before { content: "\f3be"; }
.ri-beer-fill:before { content: "\f3bf"; }
.ri-beer-line:before { content: "\f3c0"; }
.ri-circle-fill:before { content: "\f3c1"; }
.ri-circle-line:before { content: "\f3c2"; }
.ri-dropdown-list:before { content: "\f3c3"; }
.ri-file-image-fill:before { content: "\f3c4"; }
.ri-file-image-line:before { content: "\f3c5"; }
.ri-file-pdf-2-fill:before { content: "\f3c6"; }
.ri-file-pdf-2-line:before { content: "\f3c7"; }
.ri-file-video-fill:before { content: "\f3c8"; }
.ri-file-video-line:before { content: "\f3c9"; }
.ri-folder-image-fill:before { content: "\f3ca"; }
.ri-folder-image-line:before { content: "\f3cb"; }
.ri-folder-video-fill:before { content: "\f3cc"; }
.ri-folder-video-line:before { content: "\f3cd"; }
.ri-hexagon-fill:before { content: "\f3ce"; }
.ri-hexagon-line:before { content: "\f3cf"; }
.ri-menu-search-fill:before { content: "\f3d0"; }
.ri-menu-search-line:before { content: "\f3d1"; }
.ri-octagon-fill:before { content: "\f3d2"; }
.ri-octagon-line:before { content: "\f3d3"; }
.ri-pentagon-fill:before { content: "\f3d4"; }
.ri-pentagon-line:before { content: "\f3d5"; }
.ri-rectangle-fill:before { content: "\f3d6"; }
.ri-rectangle-line:before { content: "\f3d7"; }
.ri-robot-2-fill:before { content: "\f3d8"; }
.ri-robot-2-line:before { content: "\f3d9"; }
.ri-shapes-fill:before { content: "\f3da"; }
.ri-shapes-line:before { content: "\f3db"; }
.ri-square-fill:before { content: "\f3dc"; }
.ri-square-line:before { content: "\f3dd"; }
.ri-tent-fill:before { content: "\f3de"; }
.ri-tent-line:before { content: "\f3df"; }
.ri-threads-fill:before { content: "\f3e0"; }
.ri-threads-line:before { content: "\f3e1"; }
.ri-tree-fill:before { content: "\f3e2"; }
.ri-tree-line:before { content: "\f3e3"; }
.ri-triangle-fill:before { content: "\f3e4"; }
.ri-triangle-line:before { content: "\f3e5"; }
.ri-twitter-x-fill:before { content: "\f3e6"; }
.ri-twitter-x-line:before { content: "\f3e7"; }
.ri-verified-badge-fill:before { content: "\f3e8"; }
.ri-verified-badge-line:before { content: "\f3e9"; }
.ri-armchair-fill:before { content: "\f3ea"; }
.ri-armchair-line:before { content: "\f3eb"; }
.ri-bnb-fill:before { content: "\f3ec"; }
.ri-bnb-line:before { content: "\f3ed"; }
.ri-bread-fill:before { content: "\f3ee"; }
.ri-bread-line:before { content: "\f3ef"; }
.ri-btc-fill:before { content: "\f3f0"; }
.ri-btc-line:before { content: "\f3f1"; }
.ri-calendar-schedule-fill:before { content: "\f3f2"; }
.ri-calendar-schedule-line:before { content: "\f3f3"; }
.ri-dice-1-fill:before { content: "\f3f4"; }
.ri-dice-1-line:before { content: "\f3f5"; }
.ri-dice-2-fill:before { content: "\f3f6"; }
.ri-dice-2-line:before { content: "\f3f7"; }
.ri-dice-3-fill:before { content: "\f3f8"; }
.ri-dice-3-line:before { content: "\f3f9"; }
.ri-dice-4-fill:before { content: "\f3fa"; }
.ri-dice-4-line:before { content: "\f3fb"; }
.ri-dice-5-fill:before { content: "\f3fc"; }
.ri-dice-5-line:before { content: "\f3fd"; }
.ri-dice-6-fill:before { content: "\f3fe"; }
.ri-dice-6-line:before { content: "\f3ff"; }
.ri-dice-fill:before { content: "\f400"; }
.ri-dice-line:before { content: "\f401"; }
.ri-drinks-fill:before { content: "\f402"; }
.ri-drinks-line:before { content: "\f403"; }
.ri-equalizer-2-fill:before { content: "\f404"; }
.ri-equalizer-2-line:before { content: "\f405"; }
.ri-equalizer-3-fill:before { content: "\f406"; }
.ri-equalizer-3-line:before { content: "\f407"; }
.ri-eth-fill:before { content: "\f408"; }
.ri-eth-line:before { content: "\f409"; }
.ri-flower-fill:before { content: "\f40a"; }
.ri-flower-line:before { content: "\f40b"; }
.ri-glasses-2-fill:before { content: "\f40c"; }
.ri-glasses-2-line:before { content: "\f40d"; }
.ri-glasses-fill:before { content: "\f40e"; }
.ri-glasses-line:before { content: "\f40f"; }
.ri-goggles-fill:before { content: "\f410"; }
.ri-goggles-line:before { content: "\f411"; }
.ri-image-circle-fill:before { content: "\f412"; }
.ri-image-circle-line:before { content: "\f413"; }
.ri-info-i:before { content: "\f414"; }
.ri-money-rupee-circle-fill:before { content: "\f415"; }
.ri-money-rupee-circle-line:before { content: "\f416"; }
.ri-news-fill:before { content: "\f417"; }
.ri-news-line:before { content: "\f418"; }
.ri-robot-3-fill:before { content: "\f419"; }
.ri-robot-3-line:before { content: "\f41a"; }
.ri-share-2-fill:before { content: "\f41b"; }
.ri-share-2-line:before { content: "\f41c"; }
.ri-sofa-fill:before { content: "\f41d"; }
.ri-sofa-line:before { content: "\f41e"; }
.ri-svelte-fill:before { content: "\f41f"; }
.ri-svelte-line:before { content: "\f420"; }
.ri-vk-fill:before { content: "\f421"; }
.ri-vk-line:before { content: "\f422"; }
.ri-xrp-fill:before { content: "\f423"; }
.ri-xrp-line:before { content: "\f424"; }
.ri-xtz-fill:before { content: "\f425"; }
.ri-xtz-line:before { content: "\f426"; }
.ri-archive-stack-fill:before { content: "\f427"; }
.ri-archive-stack-line:before { content: "\f428"; }
.ri-bowl-fill:before { content: "\f429"; }
.ri-bowl-line:before { content: "\f42a"; }
.ri-calendar-view:before { content: "\f42b"; }
.ri-carousel-view:before { content: "\f42c"; }
.ri-code-block:before { content: "\f42d"; }
.ri-color-filter-fill:before { content: "\f42e"; }
.ri-color-filter-line:before { content: "\f42f"; }
.ri-contacts-book-3-fill:before { content: "\f430"; }
.ri-contacts-book-3-line:before { content: "\f431"; }
.ri-contract-fill:before { content: "\f432"; }
.ri-contract-line:before { content: "\f433"; }
.ri-drinks-2-fill:before { content: "\f434"; }
.ri-drinks-2-line:before { content: "\f435"; }
.ri-export-fill:before { content: "\f436"; }
.ri-export-line:before { content: "\f437"; }
.ri-file-check-fill:before { content: "\f438"; }
.ri-file-check-line:before { content: "\f439"; }
.ri-focus-mode:before { content: "\f43a"; }
.ri-folder-6-fill:before { content: "\f43b"; }
.ri-folder-6-line:before { content: "\f43c"; }
.ri-folder-check-fill:before { content: "\f43d"; }
.ri-folder-check-line:before { content: "\f43e"; }
.ri-folder-close-fill:before { content: "\f43f"; }
.ri-folder-close-line:before { content: "\f440"; }
.ri-folder-cloud-fill:before { content: "\f441"; }
.ri-folder-cloud-line:before { content: "\f442"; }
.ri-gallery-view-2:before { content: "\f443"; }
.ri-gallery-view:before { content: "\f444"; }
.ri-hand:before { content: "\f445"; }
.ri-import-fill:before { content: "\f446"; }
.ri-import-line:before { content: "\f447"; }
.ri-information-2-fill:before { content: "\f448"; }
.ri-information-2-line:before { content: "\f449"; }
.ri-kanban-view-2:before { content: "\f44a"; }
.ri-kanban-view:before { content: "\f44b"; }
.ri-list-view:before { content: "\f44c"; }
.ri-lock-star-fill:before { content: "\f44d"; }
.ri-lock-star-line:before { content: "\f44e"; }
.ri-puzzle-2-fill:before { content: "\f44f"; }
.ri-puzzle-2-line:before { content: "\f450"; }
.ri-puzzle-fill:before { content: "\f451"; }
.ri-puzzle-line:before { content: "\f452"; }
.ri-ram-2-fill:before { content: "\f453"; }
.ri-ram-2-line:before { content: "\f454"; }
.ri-ram-fill:before { content: "\f455"; }
.ri-ram-line:before { content: "\f456"; }
.ri-receipt-fill:before { content: "\f457"; }
.ri-receipt-line:before { content: "\f458"; }
.ri-shadow-fill:before { content: "\f459"; }
.ri-shadow-line:before { content: "\f45a"; }
.ri-sidebar-fold-fill:before { content: "\f45b"; }
.ri-sidebar-fold-line:before { content: "\f45c"; }
.ri-sidebar-unfold-fill:before { content: "\f45d"; }
.ri-sidebar-unfold-line:before { content: "\f45e"; }
.ri-slideshow-view:before { content: "\f45f"; }
.ri-sort-alphabet-asc:before { content: "\f460"; }
.ri-sort-alphabet-desc:before { content: "\f461"; }
.ri-sort-number-asc:before { content: "\f462"; }
.ri-sort-number-desc:before { content: "\f463"; }
.ri-stacked-view:before { content: "\f464"; }
.ri-sticky-note-add-fill:before { content: "\f465"; }
.ri-sticky-note-add-line:before { content: "\f466"; }
.ri-swap-2-fill:before { content: "\f467"; }
.ri-swap-2-line:before { content: "\f468"; }
.ri-swap-3-fill:before { content: "\f469"; }
.ri-swap-3-line:before { content: "\f46a"; }
.ri-table-3:before { content: "\f46b"; }
.ri-table-view:before { content: "\f46c"; }
.ri-text-block:before { content: "\f46d"; }
.ri-text-snippet:before { content: "\f46e"; }
.ri-timeline-view:before { content: "\f46f"; }
.ri-blogger-fill:before { content: "\f470"; }
.ri-blogger-line:before { content: "\f471"; }
.ri-chat-thread-fill:before { content: "\f472"; }
.ri-chat-thread-line:before { content: "\f473"; }
.ri-discount-percent-fill:before { content: "\f474"; }
.ri-discount-percent-line:before { content: "\f475"; }
.ri-exchange-2-fill:before { content: "\f476"; }
.ri-exchange-2-line:before { content: "\f477"; }
.ri-git-fork-fill:before { content: "\f478"; }
.ri-git-fork-line:before { content: "\f479"; }
.ri-input-field:before { content: "\f47a"; }
.ri-progress-1-fill:before { content: "\f47b"; }
.ri-progress-1-line:before { content: "\f47c"; }
.ri-progress-2-fill:before { content: "\f47d"; }
.ri-progress-2-line:before { content: "\f47e"; }
.ri-progress-3-fill:before { content: "\f47f"; }
.ri-progress-3-line:before { content: "\f480"; }
.ri-progress-4-fill:before { content: "\f481"; }
.ri-progress-4-line:before { content: "\f482"; }
.ri-progress-5-fill:before { content: "\f483"; }
.ri-progress-5-line:before { content: "\f484"; }
.ri-progress-6-fill:before { content: "\f485"; }
.ri-progress-6-line:before { content: "\f486"; }
.ri-progress-7-fill:before { content: "\f487"; }
.ri-progress-7-line:before { content: "\f488"; }
.ri-progress-8-fill:before { content: "\f489"; }
.ri-progress-8-line:before { content: "\f48a"; }
.ri-remix-run-fill:before { content: "\f48b"; }
.ri-remix-run-line:before { content: "\f48c"; }
.ri-signpost-fill:before { content: "\f48d"; }
.ri-signpost-line:before { content: "\f48e"; }
.ri-time-zone-fill:before { content: "\f48f"; }
.ri-time-zone-line:before { content: "\f490"; }
.ri-arrow-down-wide-fill:before { content: "\f491"; }
.ri-arrow-down-wide-line:before { content: "\f492"; }
.ri-arrow-left-wide-fill:before { content: "\f493"; }
.ri-arrow-left-wide-line:before { content: "\f494"; }
.ri-arrow-right-wide-fill:before { content: "\f495"; }
.ri-arrow-right-wide-line:before { content: "\f496"; }
.ri-arrow-up-wide-fill:before { content: "\f497"; }
.ri-arrow-up-wide-line:before { content: "\f498"; }
.ri-bluesky-fill:before { content: "\f499"; }
.ri-bluesky-line:before { content: "\f49a"; }
.ri-expand-height-fill:before { content: "\f49b"; }
.ri-expand-height-line:before { content: "\f49c"; }
.ri-expand-width-fill:before { content: "\f49d"; }
.ri-expand-width-line:before { content: "\f49e"; }
.ri-forward-end-fill:before { content: "\f49f"; }
.ri-forward-end-line:before { content: "\f4a0"; }
.ri-forward-end-mini-fill:before { content: "\f4a1"; }
.ri-forward-end-mini-line:before { content: "\f4a2"; }
.ri-friendica-fill:before { content: "\f4a3"; }
.ri-friendica-line:before { content: "\f4a4"; }
.ri-git-pr-draft-fill:before { content: "\f4a5"; }
.ri-git-pr-draft-line:before { content: "\f4a6"; }
.ri-play-reverse-fill:before { content: "\f4a7"; }
.ri-play-reverse-line:before { content: "\f4a8"; }
.ri-play-reverse-mini-fill:before { content: "\f4a9"; }
.ri-play-reverse-mini-line:before { content: "\f4aa"; }
.ri-rewind-start-fill:before { content: "\f4ab"; }
.ri-rewind-start-line:before { content: "\f4ac"; }
.ri-rewind-start-mini-fill:before { content: "\f4ad"; }
.ri-rewind-start-mini-line:before { content: "\f4ae"; }
.ri-scroll-to-bottom-fill:before { content: "\f4af"; }
.ri-scroll-to-bottom-line:before { content: "\f4b0"; }
.ri-add-large-fill:before { content: "\f4b1"; }
.ri-add-large-line:before { content: "\f4b2"; }
.ri-aed-electrodes-fill:before { content: "\f4b3"; }
.ri-aed-electrodes-line:before { content: "\f4b4"; }
.ri-aed-fill:before { content: "\f4b5"; }
.ri-aed-line:before { content: "\f4b6"; }
.ri-alibaba-cloud-fill:before { content: "\f4b7"; }
.ri-alibaba-cloud-line:before { content: "\f4b8"; }
.ri-align-item-bottom-fill:before { content: "\f4b9"; }
.ri-align-item-bottom-line:before { content: "\f4ba"; }
.ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
.ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
.ri-align-item-left-fill:before { content: "\f4bd"; }
.ri-align-item-left-line:before { content: "\f4be"; }
.ri-align-item-right-fill:before { content: "\f4bf"; }
.ri-align-item-right-line:before { content: "\f4c0"; }
.ri-align-item-top-fill:before { content: "\f4c1"; }
.ri-align-item-top-line:before { content: "\f4c2"; }
.ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
.ri-align-item-vertical-center-line:before { content: "\f4c4"; }
.ri-apps-2-add-fill:before { content: "\f4c5"; }
.ri-apps-2-add-line:before { content: "\f4c6"; }
.ri-close-large-fill:before { content: "\f4c7"; }
.ri-close-large-line:before { content: "\f4c8"; }
.ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
.ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
.ri-collapse-diagonal-fill:before { content: "\f4cb"; }
.ri-collapse-diagonal-line:before { content: "\f4cc"; }
.ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
.ri-dashboard-horizontal-line:before { content: "\f4ce"; }
.ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
.ri-expand-diagonal-2-line:before { content: "\f4d0"; }
.ri-expand-diagonal-fill:before { content: "\f4d1"; }
.ri-expand-diagonal-line:before { content: "\f4d2"; }
.ri-firebase-fill:before { content: "\f4d3"; }
.ri-firebase-line:before { content: "\f4d4"; }
.ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
.ri-flip-horizontal-2-line:before { content: "\f4d6"; }
.ri-flip-horizontal-fill:before { content: "\f4d7"; }
.ri-flip-horizontal-line:before { content: "\f4d8"; }
.ri-flip-vertical-2-fill:before { content: "\f4d9"; }
.ri-flip-vertical-2-line:before { content: "\f4da"; }
.ri-flip-vertical-fill:before { content: "\f4db"; }
.ri-flip-vertical-line:before { content: "\f4dc"; }
.ri-formula:before { content: "\f4dd"; }
.ri-function-add-fill:before { content: "\f4de"; }
.ri-function-add-line:before { content: "\f4df"; }
.ri-goblet-2-fill:before { content: "\f4e0"; }
.ri-goblet-2-line:before { content: "\f4e1"; }
.ri-golf-ball-fill:before { content: "\f4e2"; }
.ri-golf-ball-line:before { content: "\f4e3"; }
.ri-group-3-fill:before { content: "\f4e4"; }
.ri-group-3-line:before { content: "\f4e5"; }
.ri-heart-add-2-fill:before { content: "\f4e6"; }
.ri-heart-add-2-line:before { content: "\f4e7"; }
.ri-id-card-fill:before { content: "\f4e8"; }
.ri-id-card-line:before { content: "\f4e9"; }
.ri-information-off-fill:before { content: "\f4ea"; }
.ri-information-off-line:before { content: "\f4eb"; }
.ri-java-fill:before { content: "\f4ec"; }
.ri-java-line:before { content: "\f4ed"; }
.ri-layout-grid-2-fill:before { content: "\f4ee"; }
.ri-layout-grid-2-line:before { content: "\f4ef"; }
.ri-layout-horizontal-fill:before { content: "\f4f0"; }
.ri-layout-horizontal-line:before { content: "\f4f1"; }
.ri-layout-vertical-fill:before { content: "\f4f2"; }
.ri-layout-vertical-line:before { content: "\f4f3"; }
.ri-menu-fold-2-fill:before { content: "\f4f4"; }
.ri-menu-fold-2-line:before { content: "\f4f5"; }
.ri-menu-fold-3-fill:before { content: "\f4f6"; }
.ri-menu-fold-3-line:before { content: "\f4f7"; }
.ri-menu-fold-4-fill:before { content: "\f4f8"; }
.ri-menu-fold-4-line:before { content: "\f4f9"; }
.ri-menu-unfold-2-fill:before { content: "\f4fa"; }
.ri-menu-unfold-2-line:before { content: "\f4fb"; }
.ri-menu-unfold-3-fill:before { content: "\f4fc"; }
.ri-menu-unfold-3-line:before { content: "\f4fd"; }
.ri-menu-unfold-4-fill:before { content: "\f4fe"; }
.ri-menu-unfold-4-line:before { content: "\f4ff"; }
.ri-mobile-download-fill:before { content: "\f500"; }
.ri-mobile-download-line:before { content: "\f501"; }
.ri-nextjs-fill:before { content: "\f502"; }
.ri-nextjs-line:before { content: "\f503"; }
.ri-nodejs-fill:before { content: "\f504"; }
.ri-nodejs-line:before { content: "\f505"; }
.ri-pause-large-fill:before { content: "\f506"; }
.ri-pause-large-line:before { content: "\f507"; }
.ri-play-large-fill:before { content: "\f508"; }
.ri-play-large-line:before { content: "\f509"; }
.ri-play-reverse-large-fill:before { content: "\f50a"; }
.ri-play-reverse-large-line:before { content: "\f50b"; }
.ri-police-badge-fill:before { content: "\f50c"; }
.ri-police-badge-line:before { content: "\f50d"; }
.ri-prohibited-2-fill:before { content: "\f50e"; }
.ri-prohibited-2-line:before { content: "\f50f"; }
.ri-shopping-bag-4-fill:before { content: "\f510"; }
.ri-shopping-bag-4-line:before { content: "\f511"; }
.ri-snowflake-fill:before { content: "\f512"; }
.ri-snowflake-line:before { content: "\f513"; }
.ri-square-root:before { content: "\f514"; }
.ri-stop-large-fill:before { content: "\f515"; }
.ri-stop-large-line:before { content: "\f516"; }
.ri-tailwind-css-fill:before { content: "\f517"; }
.ri-tailwind-css-line:before { content: "\f518"; }
.ri-tooth-fill:before { content: "\f519"; }
.ri-tooth-line:before { content: "\f51a"; }
.ri-video-off-fill:before { content: "\f51b"; }
.ri-video-off-line:before { content: "\f51c"; }
.ri-video-on-fill:before { content: "\f51d"; }
.ri-video-on-line:before { content: "\f51e"; }
.ri-webhook-fill:before { content: "\f51f"; }
.ri-webhook-line:before { content: "\f520"; }
.ri-weight-fill:before { content: "\f521"; }
.ri-weight-line:before { content: "\f522"; }
.ri-book-shelf-fill:before { content: "\f523"; }
.ri-book-shelf-line:before { content: "\f524"; }
.ri-brain-2-fill:before { content: "\f525"; }
.ri-brain-2-line:before { content: "\f526"; }
.ri-chat-search-fill:before { content: "\f527"; }
.ri-chat-search-line:before { content: "\f528"; }
.ri-chat-unread-fill:before { content: "\f529"; }
.ri-chat-unread-line:before { content: "\f52a"; }
.ri-collapse-horizontal-fill:before { content: "\f52b"; }
.ri-collapse-horizontal-line:before { content: "\f52c"; }
.ri-collapse-vertical-fill:before { content: "\f52d"; }
.ri-collapse-vertical-line:before { content: "\f52e"; }
.ri-dna-fill:before { content: "\f52f"; }
.ri-dna-line:before { content: "\f530"; }
.ri-dropper-fill:before { content: "\f531"; }
.ri-dropper-line:before { content: "\f532"; }
.ri-expand-diagonal-s-2-fill:before { content: "\f533"; }
.ri-expand-diagonal-s-2-line:before { content: "\f534"; }
.ri-expand-diagonal-s-fill:before { content: "\f535"; }
.ri-expand-diagonal-s-line:before { content: "\f536"; }
.ri-expand-horizontal-fill:before { content: "\f537"; }
.ri-expand-horizontal-line:before { content: "\f538"; }
.ri-expand-horizontal-s-fill:before { content: "\f539"; }
.ri-expand-horizontal-s-line:before { content: "\f53a"; }
.ri-expand-vertical-fill:before { content: "\f53b"; }
.ri-expand-vertical-line:before { content: "\f53c"; }
.ri-expand-vertical-s-fill:before { content: "\f53d"; }
.ri-expand-vertical-s-line:before { content: "\f53e"; }
.ri-gemini-fill:before { content: "\f53f"; }
.ri-gemini-line:before { content: "\f540"; }
.ri-reset-left-fill:before { content: "\f541"; }
.ri-reset-left-line:before { content: "\f542"; }
.ri-reset-right-fill:before { content: "\f543"; }
.ri-reset-right-line:before { content: "\f544"; }
.ri-stairs-fill:before { content: "\f545"; }
.ri-stairs-line:before { content: "\f546"; }
.ri-telegram-2-fill:before { content: "\f547"; }
.ri-telegram-2-line:before { content: "\f548"; }
.ri-triangular-flag-fill:before { content: "\f549"; }
.ri-triangular-flag-line:before { content: "\f54a"; }
.ri-user-minus-fill:before { content: "\f54b"; }
.ri-user-minus-line:before { content: "\f54c"; }
.ri-account-box-2-fill:before { content: "\f54d"; }
.ri-account-box-2-line:before { content: "\f54e"; }
.ri-account-circle-2-fill:before { content: "\f54f"; }
.ri-account-circle-2-line:before { content: "\f550"; }
.ri-alarm-snooze-fill:before { content: "\f551"; }
.ri-alarm-snooze-line:before { content: "\f552"; }
.ri-arrow-down-box-fill:before { content: "\f553"; }
.ri-arrow-down-box-line:before { content: "\f554"; }
.ri-arrow-left-box-fill:before { content: "\f555"; }
.ri-arrow-left-box-line:before { content: "\f556"; }
.ri-arrow-left-down-box-fill:before { content: "\f557"; }
.ri-arrow-left-down-box-line:before { content: "\f558"; }
.ri-arrow-left-up-box-fill:before { content: "\f559"; }
.ri-arrow-left-up-box-line:before { content: "\f55a"; }
.ri-arrow-right-box-fill:before { content: "\f55b"; }
.ri-arrow-right-box-line:before { content: "\f55c"; }
.ri-arrow-right-down-box-fill:before { content: "\f55d"; }
.ri-arrow-right-down-box-line:before { content: "\f55e"; }
.ri-arrow-right-up-box-fill:before { content: "\f55f"; }
.ri-arrow-right-up-box-line:before { content: "\f560"; }
.ri-arrow-up-box-fill:before { content: "\f561"; }
.ri-arrow-up-box-line:before { content: "\f562"; }
.ri-bar-chart-box-ai-fill:before { content: "\f563"; }
.ri-bar-chart-box-ai-line:before { content: "\f564"; }
.ri-brush-ai-fill:before { content: "\f565"; }
.ri-brush-ai-line:before { content: "\f566"; }
.ri-camera-ai-fill:before { content: "\f567"; }
.ri-camera-ai-line:before { content: "\f568"; }
.ri-chat-ai-fill:before { content: "\f569"; }
.ri-chat-ai-line:before { content: "\f56a"; }
.ri-chat-smile-ai-fill:before { content: "\f56b"; }
.ri-chat-smile-ai-line:before { content: "\f56c"; }
.ri-chat-voice-ai-fill:before { content: "\f56d"; }
.ri-chat-voice-ai-line:before { content: "\f56e"; }
.ri-code-ai-fill:before { content: "\f56f"; }
.ri-code-ai-line:before { content: "\f570"; }
.ri-color-filter-ai-fill:before { content: "\f571"; }
.ri-color-filter-ai-line:before { content: "\f572"; }
.ri-custom-size:before { content: "\f573"; }
.ri-fediverse-fill:before { content: "\f574"; }
.ri-fediverse-line:before { content: "\f575"; }
.ri-flag-off-fill:before { content: "\f576"; }
.ri-flag-off-line:before { content: "\f577"; }
.ri-home-9-fill:before { content: "\f578"; }
.ri-home-9-line:before { content: "\f579"; }
.ri-image-ai-fill:before { content: "\f57a"; }
.ri-image-ai-line:before { content: "\f57b"; }
.ri-image-circle-ai-fill:before { content: "\f57c"; }
.ri-image-circle-ai-line:before { content: "\f57d"; }
.ri-info-card-fill:before { content: "\f57e"; }
.ri-info-card-line:before { content: "\f57f"; }
.ri-landscape-ai-fill:before { content: "\f580"; }
.ri-landscape-ai-line:before { content: "\f581"; }
.ri-letter-spacing-2:before { content: "\f582"; }
.ri-line-height-2:before { content: "\f583"; }
.ri-mail-ai-fill:before { content: "\f584"; }
.ri-mail-ai-line:before { content: "\f585"; }
.ri-mic-2-ai-fill:before { content: "\f586"; }
.ri-mic-2-ai-line:before { content: "\f587"; }
.ri-mic-ai-fill:before { content: "\f588"; }
.ri-mic-ai-line:before { content: "\f589"; }
.ri-movie-ai-fill:before { content: "\f58a"; }
.ri-movie-ai-line:before { content: "\f58b"; }
.ri-music-ai-fill:before { content: "\f58c"; }
.ri-music-ai-line:before { content: "\f58d"; }
.ri-notification-snooze-fill:before { content: "\f58e"; }
.ri-notification-snooze-line:before { content: "\f58f"; }
.ri-php-fill:before { content: "\f590"; }
.ri-php-line:before { content: "\f591"; }
.ri-pix-fill:before { content: "\f592"; }
.ri-pix-line:before { content: "\f593"; }
.ri-pulse-ai-fill:before { content: "\f594"; }
.ri-pulse-ai-line:before { content: "\f595"; }
.ri-quill-pen-ai-fill:before { content: "\f596"; }
.ri-quill-pen-ai-line:before { content: "\f597"; }
.ri-speak-ai-fill:before { content: "\f598"; }
.ri-speak-ai-line:before { content: "\f599"; }
.ri-star-off-fill:before { content: "\f59a"; }
.ri-star-off-line:before { content: "\f59b"; }
.ri-translate-ai-2:before { content: "\f59c"; }
.ri-translate-ai:before { content: "\f59d"; }
.ri-user-community-fill:before { content: "\f59e"; }
.ri-user-community-line:before { content: "\f59f"; }
.ri-vercel-fill:before { content: "\f5a0"; }
.ri-vercel-line:before { content: "\f5a1"; }
.ri-video-ai-fill:before { content: "\f5a2"; }
.ri-video-ai-line:before { content: "\f5a3"; }
.ri-video-on-ai-fill:before { content: "\f5a4"; }
.ri-video-on-ai-line:before { content: "\f5a5"; }
.ri-voice-ai-fill:before { content: "\f5a6"; }
.ri-voice-ai-line:before { content: "\f5a7"; }
.ri-ai-generate-2:before { content: "\f5a8"; }
.ri-ai-generate-text:before { content: "\f5a9"; }
.ri-anthropic-fill:before { content: "\f5aa"; }
.ri-anthropic-line:before { content: "\f5ab"; }
.ri-apps-2-ai-fill:before { content: "\f5ac"; }
.ri-apps-2-ai-line:before { content: "\f5ad"; }
.ri-camera-lens-ai-fill:before { content: "\f5ae"; }
.ri-camera-lens-ai-line:before { content: "\f5af"; }
.ri-clapperboard-ai-fill:before { content: "\f5b0"; }
.ri-clapperboard-ai-line:before { content: "\f5b1"; }
.ri-claude-fill:before { content: "\f5b2"; }
.ri-claude-line:before { content: "\f5b3"; }
.ri-closed-captioning-ai-fill:before { content: "\f5b4"; }
.ri-closed-captioning-ai-line:before { content: "\f5b5"; }
.ri-dvd-ai-fill:before { content: "\f5b6"; }
.ri-dvd-ai-line:before { content: "\f5b7"; }
.ri-film-ai-fill:before { content: "\f5b8"; }
.ri-film-ai-line:before { content: "\f5b9"; }
.ri-font-size-ai:before { content: "\f5ba"; }
.ri-mixtral-fill:before { content: "\f5bb"; }
.ri-mixtral-line:before { content: "\f5bc"; }
.ri-movie-2-ai-fill:before { content: "\f5bd"; }
.ri-movie-2-ai-line:before { content: "\f5be"; }
.ri-mv-ai-fill:before { content: "\f5bf"; }
.ri-mv-ai-line:before { content: "\f5c0"; }
.ri-perplexity-fill:before { content: "\f5c1"; }
.ri-perplexity-line:before { content: "\f5c2"; }
.ri-poker-clubs-fill:before { content: "\f5c3"; }
.ri-poker-clubs-line:before { content: "\f5c4"; }
.ri-poker-diamonds-fill:before { content: "\f5c5"; }
.ri-poker-diamonds-line:before { content: "\f5c6"; }
.ri-poker-hearts-fill:before { content: "\f5c7"; }
.ri-poker-hearts-line:before { content: "\f5c8"; }
.ri-poker-spades-fill:before { content: "\f5c9"; }
.ri-poker-spades-line:before { content: "\f5ca"; }
.ri-safe-3-fill:before { content: "\f5cb"; }
.ri-safe-3-line:before { content: "\f5cc"; }
.ri-accessibility-fill:before { content: "\f5cd"; }
.ri-accessibility-line:before { content: "\f5ce"; }
.ri-alarm-add-fill:before { content: "\f5cf"; }
.ri-alarm-add-line:before { content: "\f5d0"; }
.ri-arrow-down-long-fill:before { content: "\f5d1"; }
.ri-arrow-down-long-line:before { content: "\f5d2"; }
.ri-arrow-left-down-long-fill:before { content: "\f5d3"; }
.ri-arrow-left-down-long-line:before { content: "\f5d4"; }
.ri-arrow-left-long-fill:before { content: "\f5d5"; }
.ri-arrow-left-long-line:before { content: "\f5d6"; }
.ri-arrow-left-up-long-fill:before { content: "\f5d7"; }
.ri-arrow-left-up-long-line:before { content: "\f5d8"; }
.ri-arrow-right-down-long-fill:before { content: "\f5d9"; }
.ri-arrow-right-down-long-line:before { content: "\f5da"; }
.ri-arrow-right-long-fill:before { content: "\f5db"; }
.ri-arrow-right-long-line:before { content: "\f5dc"; }
.ri-arrow-right-up-long-fill:before { content: "\f5dd"; }
.ri-arrow-right-up-long-line:before { content: "\f5de"; }
.ri-arrow-up-long-fill:before { content: "\f5df"; }
.ri-arrow-up-long-line:before { content: "\f5e0"; }
.ri-chess-fill:before { content: "\f5e1"; }
.ri-chess-line:before { content: "\f5e2"; }
.ri-diamond-fill:before { content: "\f5e3"; }
.ri-diamond-line:before { content: "\f5e4"; }
.ri-diamond-ring-fill:before { content: "\f5e5"; }
.ri-diamond-ring-line:before { content: "\f5e6"; }
.ri-figma-fill:before { content: "\f5e7"; }
.ri-figma-line:before { content: "\f5e8"; }
.ri-firefox-browser-fill:before { content: "\f5e9"; }
.ri-firefox-browser-line:before { content: "\f5ea"; }
.ri-jewelry-fill:before { content: "\f5eb"; }
.ri-jewelry-line:before { content: "\f5ec"; }
.ri-multi-image-fill:before { content: "\f5ed"; }
.ri-multi-image-line:before { content: "\f5ee"; }
.ri-no-credit-card-fill:before { content: "\f5ef"; }
.ri-no-credit-card-line:before { content: "\f5f0"; }
.ri-service-bell-fill:before { content: "\f5f1"; }
.ri-service-bell-line:before { content: "\f5f2"; }