<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(22703,33): run-time error CSS1046: Expect comma, found '0'
(22703,37): run-time error CSS1046: Expect comma, found '/'
 */

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


.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;
}

.campaign-sidebar {
    box-shadow: 0px 0px 25px 0px rgba(223,32,39,0.45);
}

.campaign-sidebar .bx-next {
    background-color: #fff;
    border-radius: 50%;
}

.campaign-sidebar .bx-prev {
    background-color: #fff;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
}

#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;*/
  padding: 15px;
  display:table;
  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;
  padding-left: 10px;
}
.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;
  padding-left:0;
}
.header-middle .search-bar-wrap {
  margin-top: 65px;
  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: 210px;
  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: #ff7f29;
  box-shadow: 0 2px 4px rgba(255, 124, 41, 0.4);
  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;
  margin-top: 65px;
}
.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;
  margin-top: 70px;
}

/**
Ana Menu
*/
#main-menu {
  display: table;
  width: 100%;
  background: #df2027;
  position: relative;
}
#main-menu .parent-menu {
  margin-right: 16px !important;
}
#main-menu .parent-menu &gt; 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 &gt; 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 &gt; li &gt; 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 &gt; li &gt; a:hover {
  color: white;
}
#main-menu .menu-list &gt; li .opacity {
  opacity: 0.6;
}
#main-menu .menu-list &gt; li:first-child &gt; a {
  border-left: solid 1px rgba(255, 255, 255, 0.4);
}
#main-menu .menu-list &gt; li:hover {
  background: #f7272f;
}
#main-menu .menu-list &gt; 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 &gt; ul {
  padding: 0px;
  margin: 0px;
  float: left;
  min-width: 200px;
  position: relative;
  height: 320px;
  columns: 1;
}
#main-menu .sub-menu .inner &gt; ul &gt; li &gt; 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 &gt; ul &gt; li &gt; 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 &gt; ul &gt; li:hover {
  opacity: 1 !important;
  background: #df2027;
}
#main-menu .sub-menu .inner &gt; ul &gt; li:hover .third-level {
  display: table;
  min-height: 200px;
}
#main-menu .sub-menu .inner &gt; ul &gt; li:hover &gt; a {
  border-bottom: solid 1px black;
}
#main-menu .sub-menu .inner &gt; ul &gt; li:hover &gt; a:before {
  background-position: -140px -96px;
}
#main-menu .sub-menu .inner &gt; ul &gt; 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 &gt; ul &gt; li .third-level ul {
  padding: 0px;
}
#main-menu .sub-menu .inner &gt; ul &gt; 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 &gt; ul &gt; 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;
}

.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 {
  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;
}
.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: Arial;
  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 &gt; .accordion &gt; .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 &gt; li &gt; 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;
}
.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;
}

.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-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;
}

.user-profile {
  float: left;
  width: 180px;
  margin: 0px 16px;
}
.user-profile.logged {
  margin: 0px;
  margin-top: 40px;
}
.user-profile .account-bar {
  float: left;
}
.user-profile .account-bar img {
  float: left;
}
.user-profile .account-bar .name {
  float: left;
  height: 20px;
  line-height: 20px;
  font-family: "League Regular", sans-serif;
  font-size: 15px;
  width: 130px;
  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 .account-bar .name {
  display: table;
}
.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: 400px;
}
.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);
}
.user-profile .acc-links .logout-btn {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 39px;
  box-sizing: border-box;
  border-top: solid 1px #dedede;
  color: #df2027;
  text-align: center;
  letter-spacing: 2px;
  font-family: "League Medium", sans-serif;
  font-size: 14px;
}

.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);
}

@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 &gt; 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 &gt; 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 &gt; 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 &gt; li {
  max-width: 192px;
  padding: 4px 4px;
}
.searchBox ul &gt; li a {
  color: #000;
  font-size: 12px;
}
.searchBox ul &gt; li.active .productList {
  visibility: visible !important;
  opacity: 1 !important;
}
.searchBox ul &gt; li:hover {
  background: #f7f7f7;
}
.searchBox ul &gt; 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: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.searchBox .productList li .desc {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.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;
}

.content {
  padding-top: 60px;
  display: inline-block !important;
}
@media (min-width: 1200px) {
  .content {
    padding-top: 278px;
  }
}
@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: 214px;
  }
}

.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;
    }
    .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: 52px;
  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: #666 !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: auto;
  }
}
#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%;
}

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

.page-header .dropdown &gt; 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: right;
    margin-left: 10px;
    border: solid 2px #dedede;
    width: 200px !important;
    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: 200px;
  }
}
.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 .category-filter-bar {
  float: right;
}
.page-header .category-filter-bar .filterWrap {
  position: relative;
  float: right;
}
@media (max-width: 340px) {
  .page-header .category-filter-bar &gt; 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;
  margin-top: 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;
}
.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;
}

#sub-cats {
  /*@media (max-width: 1200px) {
    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;
}

.sub-cats {
  box-sizing: border-box;
  background-color: #f9f9f9;
  border: solid 1px #dedede;
  margin-bottom: 30px;
  padding: 16px;
}
.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;
    }
}
.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",sans-serif;
}

@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;
}
.product-list .product-list-item-wrap .starts .commentPointDivSpan {
  left: 100%;
  top: 1px;
  right: unset;
  word-break: unset;
}
.product-list .product-list-item-wrap .starts .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;
}
.product-list .product-list-item-wrap .starts .commentPointDiv &gt; div {
  overflow: hidden;
}
.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;
}
@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: 0 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: 0px 20px;
  }
}
.product-list .product-list-item-wrap .product-item-head img {
  width: 100%;
}
.product-list .product-list-item-wrap .desc {
  width: 100%;
  height: 160px;
  float: left;
  background: #fff;
  box-sizing: border-box;
  padding: 16px 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 .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 {
  width: 50%;
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  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: 0px;
  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 {
  position: relative;
  align-items: center;
  border: 1px solid #df2027;
  align-self: center;
  margin: 0 auto;
  display: table;
  width: 100%;
}
.discountAmount span {
  color: #2e2e2e;
  font-size: 13px !important;
  width: 100% !important;
  padding: 0px !important;
  line-height: 30px !important;
  margin-top: -2px;
  font-family: "League Medium", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  height: auto !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;
}

.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: inline-block;
}
#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: 34px;
  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;
}
@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 .price .discountAmount {
  padding: 0px 30px;
  margin: 16px 0px;
  text-align:center;
}
#product-detail .product-short-desc .price .discountAmount span {
  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: 30px;
  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;
}
#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;
}

#img-content .prod-active-img &gt; 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;
  }
}
#img-content .image-slider-thumbs li a .text {
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 28px;
  font-size: 14px;
}
@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);
  }
}

.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: #666;
  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: #666;
  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%;
}
@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 &gt; .tech-info {
  float: left;
  width: calc(50% - 15px);
  box-sizing: border-box;
}
.tech-features .inner &gt; .tech-info .title {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}
.tech-features .inner &gt; .tech-info ul {
  float: left;
  width: 100%;
}
.tech-features .inner &gt; .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 &gt; .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 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: 56px;
  border-right: 1px solid #dedede;
  margin-right: 24px;
}
#online-payment-collapse .title {
  width: 150px;
}
#online-payment-collapse h3 img {
  margin-top: -4px;
}

#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;
}

.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: 14px;
  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;
  }
}

.addToCartPopUpMobile {
  display: table;
  width: 300px;
  padding-bottom: 92%;
  background-color: #fff;
  position: relative;
}
.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: "League Medium", sans-serif;
}
.addToCartPopUpMobile .continue-shopping, .addToCartPopUpMobile .goto-cart {
  position: absolute;
  width: 50%;
  bottom: 10px;
  color: #fff;
  background-color: #dc3c3c;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 12px;
  letter-spacing: 0px;
  font-family: "League Medium", sans-serif;
  text-align: center;
}
.addToCartPopUpMobile .continue-shopping {
  background-color: #293033;
  left: 10px;
  width: 50%;
  padding: 0px !important;
  font-size: 10px;
}
.addToCartPopUpMobile .goto-cart {
  right: 10px;
  width: 40%;
}

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: #666666 !important;
}
.addToFavourites a .icon {
  background-position: -60px -136px !important;
  width: 20px !important;
  display: inline-block !important;
  height: 20px !important;
}
.addToFavourites a div {
  width: 170px;
}
.addToFavourites a:hover .icon, .addToFavourites a.active .icon {
  background-position: -80px -136px !important;
}
#product-detail .product-short-desc .addToFavourites a{
    padding-left:30px;
}
.addToLikes a {
    height: 25px;
    line-height: 20px;
    position: relative;
    margin-top: 14px;
    float: left;
    padding-left: 30px;
    font-family: "League Bold", sans-serif;
    color: #666666 !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: #666;
}

@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 {
    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: 992px) {
  .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 &gt; ul {
  list-style: none;
  padding: 0px;
}
.multiProductList &gt; ul &gt; li {
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #dedede;
  padding: 10px;
  height: 120px;
  margin-bottom: 20px;
  display: table;
}
.multiProductList &gt; ul &gt; li .img-wrap {
  float: left;
  width: 110px;
}
.multiProductList &gt; ul &gt; li .img-wrap img {
  width: 100%;
}
.multiProductList &gt; ul &gt; li .text {
  width: calc(100% - 170px);
}
.multiProductList &gt; ul &gt; li .text a {
  float: unset;
}
@media (max-width: 1200px) {
  .multiProductList &gt; ul &gt; li .img-wrap {
    width: 80px;
    float: left;
  }
  .multiProductList &gt; ul &gt; li .text {
    width: calc(100% - 90px);
  }
  .multiProductList &gt; ul &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; input {
  display: none;
}
.product-comments .rating &gt; input:checked ~ label {
  color: #df2027;
}
.product-comments .rating &gt; input:checked ~ label:hover {
  color: red;
}
.product-comments .rating &gt; input:checked ~ label:hover ~ label {
  color: red;
}
.product-comments .rating &gt; input:checked + label:hover {
  color: red;
}
.product-comments .rating &gt; label {
  color: #ddd;
  float: right;
}
.product-comments .rating &gt; label:before {
  margin: 2px;
  font-size: 2em;
  display: inline-block;
  content: "";
  cursor: pointer;
  transition: 0.5s ease;
}
.product-comments .rating &gt; label:hover ~ input:checked ~ label {
  color: red;
}
.product-comments .rating &gt; .half:before {
  content: "";
  position: absolute;
}
.product-comments .rating:not(:checked) &gt; label:hover {
  color: #df2027;
}
.product-comments .rating:not(:checked) &gt; 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 {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable {
    width: 100%;
  }
}
.product-comments .ratingdiv .ratingtable .ratingpoint {
  max-width: 20%;
  width: 20%;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable .ratingpoint {
    width: 100%;
    max-width: unset;
  }
}
.product-comments .ratingdiv .ratingtable .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 .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 .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 .ratingpoint .ratingpointdiv .pointstarts .commentstarts.active {
  background: #9191912e;
    border: 1px solid #df2027;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
    min-width: 170px;
  }
}
.product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts:hover {
  background: #9191912e;
}
.product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label {
  font-size: 18px;
  position: relative;
  bottom: -4px;
}
.product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint {
  font-size: 13px;
  margin-left: 10px;
  font-weight: 600;
}
.product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint span {
  color: #919191;
}
.product-comments .ratingdiv .ratingtable .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 .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
    max-width: unset;
    min-width: unset;
    width: 90%;
  }
}
.product-comments .ratingdiv .ratingtable .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 .ratingpoint .ratingpointdiv .pointstarts .percentpointnumber {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  margin-left: 15px;
}
.product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
  display: flex;
}
@media (max-width: 1200px) {
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .mobilepercent {
    width: 100%;
  }
}
.product-comments .ratingdiv .averagepointdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
  margin-right: 40px;
  text-align: center;
  width: 182px;
  height: 160px;
}
.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: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -10px;
}
.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: 10px;
}
.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: 16px;
  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 {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid lightgray;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint {
    border-right: 1px solid lightgray;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts {
    display: inline-block;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .percentpoint {
    display: none;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts {
    padding: 0;
    min-width: unset;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars {
    width: 100%;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label {
    margin-right: -4px;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .stars label.unstar {
    display: none;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint {
    display: inline-grid;
    text-align: center;
    padding-right: 10px;
    font-size: 11px;
  }
  .product-comments .ratingdiv .ratingtable .ratingpoint .ratingpointdiv .pointstarts .commentstarts .totalpoint span {
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 10px;
  }
  .product-comments .ratingdiv .ratingtable .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 &gt; input {
  display: none;
}
.rating-radio &gt; label:before {
  margin: 2px;
  font-size: 2em;
  display: inline-block;
  cursor: pointer;
  transition: 0.5s ease;
}
.rating-radio &gt; .half:before {
  content: "";
  position: absolute;
}
.rating-radio &gt; label {
  color: #ddd;
  float: right;
  display: table;
  width: auto !important;
}
.rating-radio &gt; input:checked ~ label {
  color: #df2027;
}
.rating-radio:not(:checked) &gt; label:hover {
  color: #df2027;
}
.rating-radio:not(:checked) &gt; label:hover ~ label {
  color: #df2027;
}
.rating-radio &gt; input:checked + label:hover, .rating-radio &gt; input:checked ~ label:hover {
  color: red;
}
.rating-radio &gt; label:hover ~ input:checked ~ label, .rating-radio &gt; 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 &amp; 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: 85px;
  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: 125px;
  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 {
  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;
}
.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: #666;
  font-size: 15px;
}
#compare-accordion .ui-accordion-content .installment-tbl tr:first-child td {
  font-family: "League Medium", sans-serif !important;
  color: #666;
  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: #666;
  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;
    margin: auto;
  }

  .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: 992px) {
  .basket-right {
    padding: 16px;
    width: 100%;
  }
  .basket-right .promo-code input[type=text] {
    width: 70%;
  }
  .basket-right .promo-code input[type=submit] {
    width: 30%;
  }
}
.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 .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 {
    display: none !important;
  }
}
.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-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 .product-name {
  float: left;
  display: table;
  height: 130px;
  width: 45%;
  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;
}
@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 {
    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: 100%;
    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 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;
  bottom: 0;
  border: solid 1px #7a7a7a;
  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;
}
.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;
}
@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 &gt; .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 &gt; li {
  margin-bottom: 10px;
  width: 100%;
  vertical-align: top;
  font-family: "League Medium", sans-serif;
  color: #293033;
  font-size: 16px;
}
#viaCreditCard ul &gt; li:nth-child(odd) {
  padding-right: 20px;
}
#viaCreditCard ul &gt; 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 &gt; li input[type=text] {
  width: 100%;
}
#viaCreditCard ul &gt; li .w50p {
  width: 135px;
  float: left;
}
#viaCreditCard ul &gt; li .w50p .transformSelect {
  width: 91%;
}
#viaCreditCard ul &gt; li .w50p input[type=text] {
  width: 91%;
}
#viaCreditCard ul &gt; li .w50p.year ul {
  width: 100%;
}
#viaCreditCard ul &gt; li .w100pDouble {
  width: 100%;
  float: left;
}
#viaCreditCard ul &gt; li .w100pDouble .clearfix {
  margin: 4px 0;
}
#viaCreditCard ul &gt; li label {
  font-family: "League Regular", sans-serif;
  color: #293033;
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
  margin-right: 10px;
}
#viaCreditCard ul &gt; li .transformSelect {
  width: 100%;
  margin-top: 0;
}
#viaCreditCard ul &gt; li .transformSelect li {
  width: 100%;
  padding: 0;
}
#viaCreditCard ul &gt; 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 &gt; 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 &gt; li .transformSelect li ul li {
  margin-bottom: 0;
}
#viaCreditCard ul &gt; li .transformSelect li ul li span:hover {
  background-color: #f1f1f1;
}
#viaCreditCard ul &gt; li.cardnumber input[type=text] {
  width: 92px;
  float: left;
  margin: 0 5px;
}
#viaCreditCard ul &gt; li.cardnumber input[type=text].first {
  margin-left: 0;
}
#viaCreditCard ul &gt; 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-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 -880px;
}
.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: table;
  float: left;
}
@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%;
}
@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;
}

.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%;
}

.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;

      &amp;: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;
            }
          }

          &amp;.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;

        &amp;[type="button"] {
          background-image: url(/assets/img/old-bg-sprite.svg);
          width: 25px;
          text-indent: -9999px;
          border: 0;
          background-color: transparent;

          &amp;:hover {
            background-color: #fff;
          }

          &amp;.qtyminus {
            background-position: -170px -470px;
          }

          &amp;.qtyplus {
            background-position: -170px -495px;
          }
        }

        &amp;[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;

          &amp;:focus, &amp;: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;

          &amp;.linethrough {
            text-decoration: line-through;
          }

          &amp;.discount-price {
            color: #dc3c3c;
          }
        }
      }
    }

    &amp;.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", Times, 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 &gt; ul {
  width: 100%;
  padding: 0px;
  font-size: 0;
  text-align: left;
}
#new-edit-form &gt; ul &gt; 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 &gt; ul &gt; li {
    width: 100%;
  }
  #new-edit-form &gt; ul &gt; li .label {
    font-size: 12px !important;
  }
}
#new-edit-form &gt; ul &gt; 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 &gt; ul &gt; li input[type=text] {
  width: 100%;
}
#new-edit-form &gt; ul &gt; li textarea {
  width: 100%;
  height: 138px;
  font-family: "League Regular", sans-serif !important;
  padding: 10px;
  font-size: 16px;
}
#new-edit-form &gt; ul &gt; li .w50p {
  width: 50%;
  float: left;
}
#new-edit-form &gt; ul &gt; li .w100pDouble {
  width: 100%;
  float: left;
}
#new-edit-form &gt; ul &gt; li .w100pDouble .clearfix {
  margin: 4px 0;
}
#new-edit-form &gt; ul &gt; li#liPhone input[type=text] {
  float: left;
}
#new-edit-form &gt; ul &gt; li#liPhone input[type=text].areacode {
  width: 27%;
  margin-right: 5%;
}
#new-edit-form &gt; ul &gt; li#liPhone input[type=text].phonenumber {
  width: 68%;
  margin-right: 0%;
}
#new-edit-form &gt; ul &gt; 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;
}
.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: 16px;
  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: 70px;
  position: absolute;
  height: 26px;
  right: 10px;
  top: 40px;
}
@media (min-width: 1200px) {
  #loginAndRegister {
    padding: 32px 0px;
  }
}
@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: 16px;
  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 &gt; .title {
  float: left;
  width: 100%;
  font-family: "League Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 1200px) {
  #registerText &gt; .title {
    font-size: 15px;
  }
}
.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: #666;
  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: 20px;
  text-indent: -44px;
  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;
}
.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: 16px;
    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;
  }
}

#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 &gt; div .title {
  width: 100%;
  margin-bottom: 20px;
  height: 30px;
  padding: 20px;
}
.orderTabs &gt; 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 &gt; div .order-item {
  display: block;
  width: 100%;
  padding: 20px;
  border: solid 1px #7a7a7a;
  display: table;
  height: 120px;
}
.orderTabs &gt; div .order-item ul {
  width: 100%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
}
.orderTabs &gt; 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 &gt; div .order-item ul li .mobileTitle {
  display: none;
}
.orderTabs &gt; div .order-item ul li.status {
  color: #dc3c3c;
  font-size: 14px;
}
.orderTabs &gt; div .order-item ul li.status a {
  color: #dc3c3c;
  font-size: 14px;
  text-decoration: underline;
}
.orderTabs &gt; div .order-item ul li.status a:hover {
  color: #c92822;
}
.orderTabs &gt; div .item-bottom-bar {
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  border: solid 1px #7a7a7a;
  border-top: 0;
}
.orderTabs &gt; 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 &gt; div .item-bottom-bar a:hover, .orderTabs &gt; div .item-bottom-bar a.active {
  background-color: #293033;
  color: #fff;
  border-left-color: #293033;
}
.orderTabs &gt; 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 &gt; 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 &gt; div .item-bottom-bar a:hover .icon, .orderTabs &gt; div .item-bottom-bar a.active .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs &gt; div .item-bottom-bar a:hover .icon.icon-hover, .orderTabs &gt; div .item-bottom-bar a.active .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs &gt; div .item-bottom-bar a.order-detail .icon {
  background-position: -270px -40px;
}
.orderTabs &gt; div .item-bottom-bar a.order-detail .icon.icon-hover {
  background-position: -300px -40px;
}
.orderTabs &gt; div .item-bottom-bar a.order-detail:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs &gt; 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 &gt; 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 &gt; div .item-bottom-bar a.cancel:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs &gt; div .item-bottom-bar a.supportOrder .icon {
  background-position: 0 -550px;
}
.orderTabs &gt; div .item-bottom-bar a.supportOrder .icon.icon-hover {
  background-position: 0 -580px;
}
.orderTabs &gt; div .item-bottom-bar a.supportOrder:hover {
  background-color: #dc3c3c;
  border-left-color: #dc3c3c;
}
.orderTabs &gt; div .item-bottom-bar .requestOrder .icon {
  background-position: -63px -921px !important;
  width: 15px;
  height: 18px;
  top: 11px;
  left: 17px;
}
.orderTabs &gt; div .item-bottom-bar .requestOrder .icon.icon-hover {
  background-position: -163px -641px !important;
  width: 15px;
  height: 18px;
  top: 11px;
  left: 17px;
}
.orderTabs &gt; div .order-products {
  width: 100%;
  overflow: hidden;
  height: 0;
}
.orderTabs &gt; 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 &gt; div .order-products .orderCancel:hover {
  background-color: #dc3c3c;
  color: #fff;
}
.orderTabs &gt; 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 &gt; div .order-products.show {
  width: 100%;
  overflow: hidden;
  height: auto;
}
.orderTabs &gt; div .order-products .product {
  padding: 10px;
  background-color: #f0f0f0;
  margin-top: 3px;
}
.orderTabs &gt; div .order-products .product .prod-img {
  width: 130px;
  height: 130px;
  display: table;
  float: left;
  margin-right: 10px;
  background-color: #fff;
}
.orderTabs &gt; div .order-products .product .prod-img div {
  display: table-cell;
  vertical-align: middle;
}
.orderTabs &gt; div .order-products .product .prod-img div img {
  width: 100%;
}
.orderTabs &gt; div .order-products .product &gt; div {
  text-align: center;
}
.orderTabs &gt; div .order-products .product &gt; div p {
  font-family: "League Medium", sans serif;
  font-size: 20px;
  color: #293033;
  display: table-cell;
  vertical-align: middle;
}
.orderTabs &gt; div .order-products .product .desc {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 500px;
}
.orderTabs &gt; div .order-products .product .quantity {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 80px;
}
.orderTabs &gt; div .order-products .product .price {
  display: table;
  height: 130px;
  float: left;
  margin-right: 10px;
  width: 250px;
}
.orderTabs &gt; 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 &gt; div .order-products .product .remove-item:hover {
  background-color: #dc3c3c;
}
.orderTabs &gt; div .order-products .product .remove-item:hover span {
  color: #fff;
}
.orderTabs &gt; div .order-products .product .remove-item:hover &gt; span .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.orderTabs &gt; div .order-products .product .remove-item:hover &gt; span .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.orderTabs &gt; div .order-products .product .remove-item &gt; 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 &gt; div .order-products .product .remove-item &gt; 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 &gt; div .order-products .product .remove-item &gt; 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 &gt; 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 &gt; div {
  text-align: center;
}
.my-order-detail .product &gt; 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 &gt; span .icon {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.my-order-detail .product .remove-item:hover &gt; span .icon.icon-hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
.my-order-detail .product .remove-item &gt; 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 &gt; 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 &gt; 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 &gt; 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: 22px;
  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;
}
/*@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 .store {
  display: block;
  width: 100%;
  padding: 20px;
  border: solid 1px #f1f1f1;
  margin-bottom: 20px;
}
#services .store: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 .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 &gt; .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: 18px center;
  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 &gt; .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 &gt; .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 &gt; 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 &gt; 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 &gt; div.custom-tooltip &gt; 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 &gt; div.custom-tooltip &gt; 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 &gt; 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-item {
  width: 50%;
}
.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 &gt; .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 &gt; .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%;
}
.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: 10px;
}
.camp-slider-wrap .bx-wrapper .bx-controls-direction a {
  top:35% !important;
}
.camp-slider-wrap .bx-next {
  background-position: -100px -96px !important;
  text-indent: -9999px;
  text-align: inherit;
  width: 40px !important;
  height: 40px !important;
  right: 10px;
  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 .product-item-head {
  display: block;
}
.product-item-wrap .detail {
  padding: 0px 16px;    
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
.product-item-wrap .btn-detail {
  height: 50px;
  line-height: 50px;
  /*color: #fff;*/
  text-align: right;
  padding-right:10px;
  color:#df2027;
  font-family: "League Bold", sans-serif;
  font-size: 16px;
  /*background-color: #df2027;*/
  display: table;
}
.product-item-wrap .date-string {
    height: 50px;
    line-height: 50px;
    /*color: #fff;*/
    text-align: left;
    padding-left: 10px;
    color: #212529;
    font-family: "League Regular", sans-serif;
    font-size: 16px;
    font-weight: 600;
    /*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: 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: #666;
}

#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;
  /** &amp;: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 Regular";
    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 &gt; .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 &gt; .cl {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
}
#vestelIadePage .fac.center &gt; .cl, #vestelIadePage .fc.center &gt; .cl {
  justify-content: center;
}
#vestelIadePage .fac.start &gt; .cl, #vestelIadePage .fc.start &gt; .cl {
  justify-content: flex-start;
}
#vestelIadePage .fac.end &gt; .cl, #vestelIadePage .fc.end &gt; .cl {
  justify-content: flex-end;
}
#vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vestelIadePage .fac.pad &gt; .cl, #vestelIadePage .fc.pad &gt; .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 &gt; .cl, #vestelIadePage .fc.marg &gt; .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 &gt; .fac.pad, #vestelIadePage body &gt; .fac.marg {
  margin-left: auto;
  margin-right: auto;
}
#vestelIadePage .fc.rel &gt; .cl, #vestelIadePage .fac.rel &gt; .cl {
  position: relative;
  z-index: 1;
}
#vestelIadePage .fac &gt; .cl.autow, #vestelIadePage .fc &gt; .cl.autow {
  max-width: -moz-max-content;
  max-width: fit-content;
}
#vestelIadePage .ie .fac &gt; .cl.autow, #vestelIadePage .ie .fc &gt; .cl.autow, #vestelIadePage .edge .fac &gt; .cl.autow, #vestelIadePage .edge .fc &gt; .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 &gt; article {
  padding: 10px;
}
#vestelIadePage .grid-article &gt; article p.img {
  margin: -10px -10px 0 -10px;
}
#vestelIadePage .grid-article &gt; article p.img a {
  display: block;
}
#vestelIadePage .grid-article &gt; article p.img img {
  margin: 0 auto;
}
#vestelIadePage .grid-article &gt; 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] &gt; .slick-list &gt; .slick-track {
  display: grid;
  grid-gap: 0;
  grid-auto-flow: column;
}
#vestelIadePage .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; .slick-slide {
  float: none;
  height: auto;
}
#vestelIadePage .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide {
  padding: 10px;
}
#vestelIadePage .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide p.img {
  margin: -10px -10px 0 -10px;
}
#vestelIadePage .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide p.img + h2 {
  margin-top: 20px;
}
#vestelIadePage .slick-slider {
  z-index: 1;
}
#vestelIadePage .slick-slider &gt; .slick-list &gt; .slick-track &gt; .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 &gt; * + * {
  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 &gt; 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 &gt; 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 &gt; 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 &gt; .cl.dn, #vestelIadePage .fac &gt; .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 &gt; li {
  list-style: none;
  padding: 10px 10px 10px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
#vestelIadePage .multiselect .multi-select-list &gt; 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 &gt; .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 &gt; .cl {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  #vestelIadePage .fac.pad &gt; .cl, #vestelIadePage .fc.pad &gt; .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) &gt; .cl.desktop {
    display: none;
  }
  #vestelIadePage .dn, #vestelIadePage .fc.dn, #vestelIadePage .fac.dn, #vestelIadePage .fc &gt; .cl.dn, #vestelIadePage .fac &gt; .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 &gt; .fac.marg {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .fac.marg + .fac.marg {
    margin-top: 5.5vw;
  }
  #vestelIadePage .fac.marg &gt; .cl {
    margin: 5.5vw;
  }
  #vestelIadePage .fac.pad, #vestelIadePage .fc.pad {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vestelIadePage .fac.pad &gt; .cl, #vestelIadePage .fc.pad &gt; .cl {
    padding: 5.5vw;
  }
  #vestelIadePage .fc:not(.no), #vestelIadePage .fc:not(.no) &gt; .cl, #vestelIadePage .fac:not(.no), #vestelIadePage .fac:not(.no) &gt; .cl {
    display: block;
    max-width: none;
  }
  #vestelIadePage .fc:not(.no) &gt; .cl.full, #vestelIadePage .fc:not(.no) &gt; .cl[class*=cl], #vestelIadePage .fac:not(.no), #vestelIadePage .fac:not(.no) &gt; .cl[class*=ca] {
    width: auto;
  }
  #vestelIadePage .fc:not(.no) &gt; .cl + .cl, #vestelIadePage .fac:not(.no) &gt; .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 &gt; .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vestelIadePage .dn, #vestelIadePage .fc.dn, #vestelIadePage .fac.dn, #vestelIadePage .fc &gt; .cl.dn, #vestelIadePage .fac &gt; .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",sans-serif;
}
#vestelIadePage .vreturn strong, #vestelIadePage .vreturn b {
  font-weight: normal;
  font-family: "League Bold",sans-serif;
}
#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",sans-serif;
  font-size: 34px;
}
#vestelIadePage .vreturn h1 strong {
  font-family: "League Bold",sans-serif;
}
#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",sans-serif;
  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",sans-serif;
}
#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",sans-serif;
}
#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 &gt; a {
  display: block;
  padding: 10px 20px;
  color: #ffffff;
  font-family: "League Bold",sans-serif;
}
#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 &gt; article {
  position: relative;
  z-index: 1;
}
#vestelIadePage .click-toggle .grid-article &gt; article + article {
  margin-top: 20px;
}
#vestelIadePage .click-toggle .grid-article &gt; article .text {
  display: none;
  position: relative;
  z-index: 15;
}
#vestelIadePage .click-toggle .grid-article &gt; 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 &gt; .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 &gt; 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 &gt; article.first {
    border-left: 0;
  }
}
@media only screen and (max-width: 969px) {
  #vestelIadePage .mobile.cc-tab-mobile {
    display: none;
  }
  #vestelIadePage .fac.fac-title.marg &gt; .cl {
    margin: auto 2.5vh;
  }
  #vestelIadePage .fac.fac-title.marg &gt; .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 &gt; .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 &gt; .cl {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
}
#vComment .fac.center &gt; .cl, #vComment .fc.center &gt; .cl {
  justify-content: center;
}
#vComment .fac.start &gt; .cl, #vComment .fc.start &gt; .cl {
  justify-content: flex-start;
}
#vComment .fac.end &gt; .cl, #vComment .fc.end &gt; .cl {
  justify-content: flex-end;
}
#vComment .fac.pad, #vComment .fc.pad {
  margin-left: -1vw;
  margin-right: -1vw;
}
#vComment .fac.pad &gt; .cl, #vComment .fc.pad &gt; .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 &gt; .cl, #vComment .fc.marg &gt; .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 &gt; .fac.pad, #vComment body &gt; .fac.marg {
  margin-left: auto;
  margin-right: auto;
}
#vComment .fc.rel &gt; .cl, #vComment .fac.rel &gt; .cl {
  position: relative;
  z-index: 1;
}
#vComment .fac &gt; .cl.autow, #vComment .fc &gt; .cl.autow {
  max-width: -moz-max-content;
  max-width: fit-content;
}
#vComment .ie .fac &gt; .cl.autow, #vComment .ie .fc &gt; .cl.autow, #vComment .edge .fac &gt; .cl.autow, #vComment .edge .fc &gt; .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 &gt; article {
  padding: 10px;
}
#vComment .grid-article &gt; article p.img {
  margin: -10px -10px 0 -10px;
}
#vComment .grid-article &gt; article p.img a {
  display: block;
}
#vComment .grid-article &gt; article p.img img {
  margin: 0 auto;
}
#vComment .grid-article &gt; 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] &gt; .slick-list &gt; .slick-track {
  display: grid;
  grid-gap: 0;
  grid-auto-flow: column;
}
#vComment .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; .slick-slide {
  float: none;
  height: auto;
}
#vComment .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide {
  padding: 10px;
}
#vComment .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide p.img {
  margin: -10px -10px 0 -10px;
}
#vComment .slick-slider[class*=grid] &gt; .slick-list &gt; .slick-track &gt; article.slick-slide p.img + h2 {
  margin-top: 20px;
}
#vComment .slick-slider {
  z-index: 1;
}
#vComment .slick-slider &gt; .slick-list &gt; .slick-track &gt; .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 &gt; * + * {
  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 &gt; 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 &gt; 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 &gt; 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 &gt; .cl.dn, #vComment .fac &gt; .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 &gt; li {
  list-style: none;
  padding: 10px 10px 10px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
#vComment .multiselect .multi-select-list &gt; 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 &gt; .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 &gt; .cl {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac.pad, #vComment .fc.pad {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  #vComment .fac.pad &gt; .cl, #vComment .fc.pad &gt; .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) &gt; .cl.desktop {
    display: none;
  }
  #vComment .dn, #vComment .fc.dn, #vComment .fac.dn, #vComment .fc &gt; .cl.dn, #vComment .fac &gt; .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 &gt; .fac.marg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac.marg + .fac.marg {
    margin-top: 5.5vw;
  }
  #vComment .fac.marg &gt; .cl {
    margin: 5.5vw;
  }
  #vComment .fac.pad, #vComment .fc.pad {
    margin-left: -5.5vw;
    margin-right: -5.5vw;
  }
  #vComment .fac.pad &gt; .cl, #vComment .fc.pad &gt; .cl {
    padding: 5.5vw;
  }
  #vComment .fc:not(.no), #vComment .fc:not(.no) &gt; .cl, #vComment .fac:not(.no), #vComment .fac:not(.no) &gt; .cl {
    display: block;
    max-width: none;
  }
  #vComment .fc:not(.no) &gt; .cl.full, #vComment .fc:not(.no) &gt; .cl[class*=cl], #vComment .fac:not(.no), #vComment .fac:not(.no) &gt; .cl[class*=ca] {
    width: auto;
  }
  #vComment .fc:not(.no) &gt; .cl + .cl, #vComment .fac:not(.no) &gt; .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 &gt; .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .dn, #vComment .fc.dn, #vComment .fac.dn, #vComment .fc &gt; .cl.dn, #vComment .fac &gt; .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 Semibold",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 &gt; .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 &gt; .cl &gt; 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 &gt; .pg &gt; div + div, #vComment .vcomments .vco-products &gt; .pg &gt; .fac.marg + .fac.marg {
  margin-top: 6vw;
}
#vComment .fac-vco-products.reverse {
  flex-direction: row-reverse;
}
#vComment .fac-vco-products &gt; .cl.text {
  text-align: center;
}
#vComment .fac-vco-products &gt; .cl.text &gt; p:first-child {
  line-height: 2;
  font-size: 20px;
  font-family: "League Bold",sans-serif;
}
#vComment .fac-vco-products &gt; .cl.text &gt; 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 &gt; 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 &gt; * {
  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 &gt; .slick-list &gt; .slick-track &gt; .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 &gt; .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 &gt; .cl {
  position: static;
}
#vComment .vcomments .fac-trilogy &gt; .one {
  z-index: 5;
}
#vComment .vcomments .fac-trilogy &gt; .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 &gt; 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 &gt; article {
  position: relative;
  z-index: 1;
}
#vComment .click-toggle .grid-article &gt; article + article {
  margin-top: 0;
}
#vComment .click-toggle .grid-article &gt; article .text {
  display: none;
  position: relative;
  z-index: 25;
  padding-bottom: 30px;
  border-bottom: 1px solid #BBBBBB;
}
#vComment .click-toggle .grid-article &gt; 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 &gt; 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 &gt; 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 &gt; .bildirim {
  position: fixed;
  z-index: 1001;
  left: 20px;
  right: 20px;
  top: auto;
  bottom: 20px;
  border-radius: 50px;
}
#vComment body &gt; .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 &gt; .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 &gt; .pg {
    margin-left: 0;
    margin-right: 0;
  }
  #vComment .fac-vco-products.fac.marg &gt; .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 &gt; .pg &gt; div + div, #vComment .vcomments .vco-products &gt; .pg &gt; .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 &gt; .bildirim {
    left: 40px;
    bottom: 40px;
    top: auto;
    right: auto;
    width: max-content;
    border-radius: 50px;
  }
  #vComment .fac-trilogy &gt; .cl h3 {
    margin-bottom: 18px;
  }
  #vComment .fac-trilogy &gt; .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 &gt; .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) &gt; .cl + .cl, #vComment .fac:not(.no) &gt; .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 (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
  .container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@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;
  letter-spacing: 2px;
  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;
} 
.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/img/vestel-loader.gif);
  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/img/vestel-loader.gif);
  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: #666;
  transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1);
}
.menuList-V li a.active {
  color: #000;
  border-bottom: solid 3px #df2027;
}

@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 #df2027;
  margin: 16px 0px;
  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;
  font-family: "League Medium", sans-serif;
  font-size: 18px;
  color: #000;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  position: relative;
}
@media (max-width: 1200px) {
  #category-list ul li a .shortdesc {
    height: auto;
    padding-bottom: 70px;
  }
}
#category-list ul li a .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);
}

.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 &gt; .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%;
}

.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;
  }
}

.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 &gt; *, .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: 380px;
  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;
  padding: 0 15px;
  height: 35px !important;
  background-color: #dc3c3c;
  border: 0;
  margin-top: 8px;
  margin-right: 10px;
  display: inline-block;
  width: 120px;
  font-size: .8vw;
}

.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: .8vw;
}

.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 */
.operation-tiles {
    cursor: pointer;
    padding: 5px;
   text-align:center;
}
    .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);
    width: 130px;
    margin-left: -5%;
}
.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%;
}

.op-hour{
    font-size:45px;
}


@media (max-width:320px) {
    .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: 70px;
        display: block;
    }

    .operation-desc {
        font-size: 14px;
    }

    .op-hour {
        font-size: 40px;
    }

    .mobile-op{
        flex-wrap:wrap;
    }
}
@media (min-width: 321px) and (max-width:640px)
{
    .operation-tiles:nth-child(2n):after {
        height: 0 !important;
        width: 0 !important;
    }
}
    @media (min-width: 321px) and (max-width:481px) {

    .operation-tiles:nth-child(2n):after {
        height: 0 !important;
        width: 0 !important;
    }

    .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;
    }

    .mobile-op {
        flex-wrap: wrap;
    }
}

@media (min-width: 482px) and (max-width:641px) 
{
    .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;
    }

    .mobile-op {
        flex-wrap: wrap;
    }
}

@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: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 .shortdesc {
    height: 200px;
    border-right: none;
    border-left: none;
    background-color: #f9f9f9;
}
#teknoloji #category-list ul li a .shortdesc .detail-btn {
    padding: 0 25px;
    left: 15px;
    right: auto;
    font-size: 18px;
    letter-spacing: 0;
    border-radius:8px;
}
#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);
}
    /*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;
    }

.js-birthday-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0.5,0.5,0.5,.5);
    content: "";
    height: 100%;
    z-index: 999999;
}

.birthdayModalArea {
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btnBirthdayPopup {
    position: absolute;
    color: red;
    top: -10px;
    right: -11px;
    font-size: 30px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 27px;
    background: white;
    border-radius: 50%;
    border: 2px solid red;
    text-align: center;
    z-index: 9999;
}
#cozumlerimiz .text-center h3.title {
  font-weight: bold;
  color: #df2027;
  margin: 20px 0;
}

#cozumlerimiz .text-center p.description {
  font-size: 14px;
  color: #000;
  margin: 20px 0;
  font-weight: bold;
}
#cozumlerimiz .category-list ul li .cat-name {
    line-height: 17px;
    margin-top: 4px;
    letter-spacing: 0;
    font-size:14px;
    font-weight:bold;
}
#cozumlerimiz .category-list ul li {
    margin: 20px 0px;
}

.logo-vpo img {
    width: auto!important;
    height: 95px !important;
}
 .other-links {
    margin-top: 60px;
}

 .header-middle .search-bar-wrap {
    margin-top: 40px;
}

 .user-profile, .header-middle .user-header {
    margin-top: 40px;
}

 .header-middle .cart-area {
    margin-top: 45px;
}

.logo-scroll img{
    width: auto;
    height: 95px;
}
body.scrollWrap .other-links {
    margin-top:60px;
}
body.scrollWrap .header-middle .search-bar-wrap {
    margin-top:40px;
}
body.scrollWrap .user-profile, body.scrollWrap .header-middle .user-header {
    margin-top: 40px;
}
body.scrollWrap .header-middle .cart-area {
    margin-top: 45px;
}
#main .camp-slider .product-item-wrap .detail span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
</pre></body></html>