body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #efefef; }

figure {
  margin: 0;
  padding: 0; }

a {
  margin: 0;
  padding: 0;
  text-decoration: none; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

ul, ol {
  margin: 0;
  padding: 0; }
  ul li, ol li {
    margin: 0;
    padding: 0;
    list-style: none; }

input, select, textarea {
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important; }

input[type="submit"], button {
  cursor: pointer; }

button:focus, input:focus {
  outline: none; }

.nm {
  margin: 0 !important; }

.nmt {
  margin-top: 0 !important; }

.nml {
  margin-left: 0 !important; }

.nmb {
  margin-bottom: 0 !important; }

.nmr {
  margin-right: 0 !important; }

.np {
  padding: 0 !important; }

.npt {
  padding-top: 0 !important; }

.npl {
  padding-left: 0 !important; }

.bg-transparent {
  background: transparent !important; }

.npb {
  padding-bottom: 0 !important; }

.npr {
  padding-right: 0 !important; }

.ha {
  height: auto; }

.hf {
  height: 100%; }

.brn {
  border: none !important; }

.dn {
  display: none !important; }

.df {
  display: flex; }

.fdc {
  flex-direction: column; }

.fdr {
  flex-direction: row; }

.ff {
  flex-flow: row wrap; }

.jcfs {
  justify-content: flex-start; }

.jcfe {
  justify-content: flex-end; }

.jcsb {
  justify-content: space-between; }

.jcsa {
  justify-content: space-around; }

.jcc {
  justify-content: center; }

.aifs {
  align-items: flex-start; }

.aife {
  align-items: flex-end; }

.ais {
  align-items: stretch; }

.aib {
  align-items: baseline; }

.aic {
  align-items: center; }

.f {
  flex: 1; }

.ha {
  height: auto; }

.hf {
  height: 100%; }

.wa {
  width: auto !important; }

.more-button {
  width: auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Exo 2";
  font-weight: 700;
  font-size: 14px;
  color: #10262a;
  border: 1px solid transparent;
  padding: 0 20px;
  transition: all .3s; }
  .more-button i {
    margin-left: 15px;
    font-size: 40px; }
  .more-button:hover {
    border-color: #10262a; }

h1 {
  display: block;
  font-family: "Exo 2";
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 40px; }

h2 {
  display: block;
  font-family: "Exo 2";
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 18px; }

h3 {
  display: block;
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px; }

.input-div {
  width: 100%;
  position: relative;
  font-family: "Exo 2";
  margin-bottom: 25px; }
  .input-div i {
    display: none; }
  .input-div .input {
    width: 100%;
    height: 60px;
    border: 1px solid #efefef !important;
    color: #10262a;
    font-size: 16px;
    font-weight: 700;
    padding-left: 18px;
    padding-right: 18px; }
  .input-div textarea.input {
    resize: none;
    height: 125px; }
  .input-div .label {
    position: absolute;
    color: #c6cbcc;
    font-size: 12px;
    font-weight: 700;
    left: 12px;
    top: 17px;
    pointer-events: none;
    padding: 6px;
    transition: all .4s; }
  .input-div.input-img .label {
    left: 41px; }
  .input-div.input-img .input {
    padding-left: 48px; }
  .input-div.input-img i {
    height: 60px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 18px;
    font-size: 20px;
    color: #10262a; }
  .input-div.active .label {
    top: -14px;
    background: white; }

.select-div {
  width: 100%;
  position: relative;
  font-family: "Exo 2";
  margin-bottom: 25px; }
  .select-div i {
    display: none; }
  .select-div .select {
    width: 100%;
    height: 60px;
    border: 1px solid #efefef !important;
    color: #10262a;
    font-size: 16px;
    font-weight: 700;
    padding-left: 18px;
    padding-right: 38px;
    background: url("../../images/angle-bottom-orrange.svg") no-repeat right 20px center;
    background-size: 14px; }
  .select-div .label {
    position: absolute;
    color: #c6cbcc;
    font-size: 12px;
    font-weight: 700;
    left: 12px;
    top: 17px;
    pointer-events: none;
    padding: 6px;
    transition: all .4s; }
  .select-div.white-select {
    background: white url("../../images/angle-bottom-orrange.svg") no-repeat right 20px center; }
  .select-div.blue-select {
    background: #11b4d4; }
    .select-div.blue-select .select {
      color: white;
      background: url("../../images/angle-bottom-white.svg") no-repeat right 20px center !important; }
  .select-div.select-img .label {
    left: 41px; }
  .select-div.select-img .select {
    padding-left: 48px; }
  .select-div.select-img i {
    height: 60px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 18px;
    font-size: 20px;
    color: #10262a; }
  .select-div.active .label {
    top: -14px;
    background: white; }

.blue-button {
  background: #11b4d4;
  height: 60px;
  min-width: 170px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  font-family: "Exo 2";
  font-weight: 700;
  margin-top: 15px;
  border: none;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; }
  .blue-button.blue-full-button {
    width: 100%; }

.orrange-button {
  background: #f87f00;
  height: 60px;
  min-width: 170px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  font-family: "Exo 2";
  font-weight: 700;
  margin-top: 15px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box; }
  .orrange-button.full-button {
    width: 100%; }

.full-image img {
  width: 100%;
  height: auto;
  display: block; }

.custom-select {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: center; }
  .custom-select.-blue {
    height: 100%;
    padding-top: 15px;
    align-items: flex-start; }
    .custom-select.-blue .showcase {
      background: #11b4d4;
      width: 100%;
      height: 60px;
      margin-top: 10px;
      justify-content: flex-start;
      color: white;
      padding-left: 15px; }
      .custom-select.-blue .showcase:after {
        background: url("../../images/angle-bottom-white.svg") no-repeat center center; }
      .custom-select.-blue .showcase i {
        color: white; }
  .custom-select:before {
    content: attr(data-placeholder);
    font-family: "Exo 2";
    letter-spacing: .25px;
    color: #c6cbcc;
    font-size: 12px;
    font-weight: 700;
    padding-left: 20px; }
  .custom-select select {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0; }
  .custom-select .showcase {
    font-family: "Exo 2";
    color: #10262a;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    position: relative;
    padding-right: 40px;
    padding-left: 20px;
    width: 100%; }
    .custom-select .showcase i {
      margin-right: 8px; }
    .custom-select .showcase:after {
      content: '';
      width: 18px;
      height: 10px;
      background: url("../../images/angle-bottom.svg") no-repeat center center;
      background-size: 18px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      display: block; }
  .custom-select img {
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px; }

.check {
  width: 100%;
  padding-left: 40px;
  position: relative;
  margin-bottom: 10px;
  min-height: 30px;
  }
  .check label {
    font-family: "Roboto";
    color: #10262a;
    font-size: 12px; }
    .check label a {
      color: #10262a;
      text-decoration: underline; }
    .check label:after {
      content: '';
      width: 30px;
      height: 30px;
      border: 2px solid #efefef;
      position: absolute;
      left: 0;
      top: -7px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
      color: #f87f00;
      font-size: 18px;
      font-family: 'parca-piyasasi'; }
  .check input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    opacity: 0; }
    .check input:checked + label:after {
      content: '\e932'; }

.bg-white {
  background: white !important; }

#headerTop {
  background: #f8f8f8; }
  #headerTop .container {
    height: 45px; }
    #headerTop .container .navTop a {
      color: #10262a;
      margin-right: 20px;
      font-family: "Exo 2";
      font-size: 13px;
      letter-spacing: .25px;
      transition: all .3s; }
      #headerTop .container .navTop a.sanal-pos-button {
        height: 45px;
        padding: 0 15px;
        color: #f87f00;
        display: flex;
        align-items: center;
        transition: all .3s; }
        #headerTop .container .navTop a.sanal-pos-button i {
          font-size: 20px;
          margin-right: 10px; }
        #headerTop .container .navTop a.sanal-pos-button:hover {
          text-decoration: none !important;
          background: #f87f00;
          color: white; }
      #headerTop .container .navTop a:last-child {
        margin-right: 0; }
      #headerTop .container .navTop a:hover {
        text-decoration: underline; }
    #headerTop .container .headerLogControl {
      position: relative;
      z-index: 9999; }
      #headerTop .container .headerLogControl .headerLogTitle {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 45px;
        font-family: "Roboto";
        font-size: 12px;
        color: #10262a;
        padding-left: 10px;
        padding-right: 10px;
        transition: all .4s; }
        #headerTop .container .headerLogControl .headerLogTitle i {
          color: #11b4d4;
          font-size: 20px;
          margin-right: 10px; }
        #headerTop .container .headerLogControl .headerLogTitle:after {
          content: '';
          width: 15px;
          height: 8px;
          display: flex;
          background: url("../../images/angle-bottom.svg") no-repeat center center;
          background-size: 20px;
          margin-left: 10px; }
      #headerTop .container .headerLogControl.singIn .headerLogTitle:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.33);
        z-index: -1;
        opacity: 0;
        pointer-events: none; }
      #headerTop .container .headerLogControl .headerAccount {
        width: 1075px;
        background: white;
        position: absolute;
        top: 100%;
        right: 0;
        padding: 64px 66px;
        z-index: 99999;
        opacity: 0;
        pointer-events: none; }
      #headerTop .container .headerLogControl .headerLogControlHover {
        position: absolute;
        right: 0;
        top: 100%;
        width: 200px;
        height: auto;
        background: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-family: "Exo 2";
        opacity: 0;
        pointer-events: none;
        z-index: 9999; }
        #headerTop .container .headerLogControl .headerLogControlHover:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index: -1; }
        #headerTop .container .headerLogControl .headerLogControlHover strong {
          font-weight: 700;
          font-size: 18px;
          color: #282828;
          margin-bottom: 25px; }
        #headerTop .container .headerLogControl .headerLogControlHover a {
          font-size: 12px;
          font-weight: 400;
          color: #10262a;
          margin-bottom: 10px;
          padding: 5px 0; }
          #headerTop .container .headerLogControl .headerLogControlHover a:last-child {
            margin-bottom: 0; }
          #headerTop .container .headerLogControl .headerLogControlHover a:hover {
            font-weight: 700; }
      #headerTop .container .headerLogControl.acountName:hover .headerLogTitle {
        background: white;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.19); }
      #headerTop .container .headerLogControl.acountName:hover .headerLogControlHover {
        opacity: 1;
        pointer-events: auto; }
        #headerTop .container .headerLogControl.acountName:hover .headerLogControlHover:after {
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.19); }
      #headerTop .container .headerLogControl.singIn:hover .headerLogTitle {
        background: white;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.19); }
        #headerTop .container .headerLogControl.singIn:hover .headerLogTitle:before {
          opacity: 1; }
      #headerTop .container .headerLogControl.singIn:hover .headerAccount {
        opacity: 1;
        pointer-events: auto; }
        #headerTop .container .headerLogControl.singIn:hover .headerAccount:after {
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.19); }

#header {
  background: white; }
  #header .container {
    height: 115px; }
    #header .container .logo img {
      width: 82px;
      height: auto; }
    #header .container .headerRight .whatsappHeader {
      font-family: "Exo 2";
      margin-right: 35px; }
      #header .container .headerRight .whatsappHeader i {
        font-size: 40px;
        color: #4fce5d;
        margin-right: 10px; }
      #header .container .headerRight .whatsappHeader > div span {
        font-size: 12px;
        font-weight: 700;
        color: #4fce5d;
        letter-spacing: .25px; }
      #header .container .headerRight .whatsappHeader > div a {
        font-size: 18px;
        font-weight: 700;
        color: #282828;
        letter-spacing: .25px; }
    #header .container .headerRight .callcenter {
      font-family: "Exo 2";
      margin-right: 25px; }
      #header .container .headerRight .callcenter i {
        color: #11b4d4;
        font-size: 30px;
        margin-right: 10px; }
      #header .container .headerRight .callcenter > div span {
        font-size: 12px;
        font-weight: 700;
        color: #11b4d4;
        letter-spacing: .25px; }
      #header .container .headerRight .callcenter > div a {
        font-size: 18px;
        font-weight: 700;
        color: #282828;
        letter-spacing: .25px; }
    #header .container .headerRight .wheteOrderButton {
      font-family: "Exo 2";
      font-size: 12px;
      font-weight: 700;
      color: #282828;
      letter-spacing: .25px;
      padding: 10px;
      position: relative;
      margin-right: 25px; }
      #header .container .headerRight .wheteOrderButton:after {
        content: '';
        width: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 3px;
        display: block;
        background: #11b4d4;
        transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
      #header .container .headerRight .wheteOrderButton i {
        color: #11b4d4;
        margin-right: 10px;
        font-size: 28px; }
      #header .container .headerRight .wheteOrderButton:hover:after {
        width: 100%;
        left: 0; }
    #header .container .headerRight .basket-header {
      position: relative; }
      #header .container .headerRight .basket-header:after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.33);
        z-index: -1;
        opacity: 0;
        transition: all .3s;
        pointer-events: none; }
      #header .container .headerRight .basket-header.active {
        z-index: 99999; }
        #header .container .headerRight .basket-header.active:after {
          opacity: 1; }
        #header .container .headerRight .basket-header.active .basket-header-content {
          opacity: 1;
          pointer-events: auto; }
      #header .container .headerRight .basket-header .baskedButton {
        position: relative;
        width: 80px;
        height: 80px;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center; }
        #header .container .headerRight .basket-header .baskedButton i {
          color: #11b4d4;
          font-size: 35px; }
        #header .container .headerRight .basket-header .baskedButton span {
          width: 22px;
          height: 22px;
          border-radius: 100%;
          color: white;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: 700;
          line-height: 22px;
          text-align: center;
          background: #f87f00;
          position: absolute;
          right: 8px;
          top: 10px; }
      #header .container .headerRight .basket-header .basket-header-content {
        position: absolute;
        background: white;
        width: 400px;
        z-index: 999;
        right: 0;
        display: flex;
        flex-direction: column;
        padding: 0 30px;
        opacity: 0;
        pointer-events: none;
        transition: all .3s; }
        #header .container .headerRight .basket-header .basket-header-content .not-basket-list {
          border-top: 1px solid #c6cbcc;
          border-bottom: 1px solid #c6cbcc;
          padding: 15px 0;
          font-family: "Exo 2";
          margin: 10px 0; }
          #header .container .headerRight .basket-header .basket-header-content .not-basket-list p {
            text-align: center;
            font-weight: 700;
            color: #c6cbcc;
            font-size: 14px; }
        #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 12px 0;
          border-bottom: 1px solid #c6cbcc; }
          #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item:last-child {
            border-bottom: none; }
          #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item > img {
            width: 70px;
            margin-right: 20px; }
          #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article {
            display: flex;
            flex-direction: column;
            font-family: "Exo 2";
            margin-right: 10px;
            flex: 1; }
            #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .basket-product-title {
              font-size: 16px;
              color: #10262a;
              font-weight: 700;
              margin-bottom: 5px; }
            #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .basket-product-tip {
              font-weight: 300;
              color: #10262a;
              font-size: 16px;
              margin-bottom: 5px; }
            #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .home-product-tag {
              display: flex;
              flex-flow: row wrap;
              margin-bottom: 10px; }
              #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .home-product-tag a {
                padding: 7px 4px;
                margin-right: 3px;
                background: #11b4d4;
                color: white;
                font-size: 14px;
                font-weight: 300;
                margin-bottom: 3px; }
            #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .basket-product-count {
              color: #c6cbcc;
              font-size: 14px;
              font-weight: 700; }
          #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item .remove-basket-product img {
            width: 18px; }
      #header .container .headerRight .basket-header .basket-header-bottom {
        margin-top: 20px;
        margin-bottom: 35px; }
        #header .container .headerRight .basket-header .basket-header-bottom > div {
          font-family: "Exo 2"; }
          #header .container .headerRight .basket-header .basket-header-bottom > div span {
            font-size: 14px;
            font-weight: 700;
            color: #c6cbcc;
            margin-bottom: 3px; }
          #header .container .headerRight .basket-header .basket-header-bottom > div strong {
            font-weight: 700;
            font-size: 24px;
            color: #10262a; }
        #header .container .headerRight .basket-header .basket-header-bottom .blue-button {
          margin-top: 0; }

.nav-search {
  background: #11b4d4; }
  .nav-search > .container {
    height: 65px;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .nav-search > .container .search {
      flex: 1;
      height: 50px;
      margin-left: 20px; }
      .nav-search > .container .search form {
        width: 100%;
        font-family: "Roboto";
        height: 100%;
        display: flex;
        flex-direction: row; }
        .nav-search > .container .search form .search-input {
          width: calc(100% - 65px);
          height: 100%;
          background: white;
          border: none;
          font-size: 12px;
          color: #282828;
          padding: 0 12px;
          font-weight: 700; }
          .nav-search > .container .search form .search-input::placeholder {
            color: #c6cbcc; }
          .nav-search > .container .search form .search-input:focus {
            outline: none; }
        .nav-search > .container .search form .submit {
          background: #f87f00;
          border: none;
          height: 100%;
          width: 65px;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: 700;
          color: white; }

#menus {
  background: #11b4d4;
  height: 100%;
  font-family: "Exo 2"; }
  #menus .close-menu {
    display: none; }
  #menus .menu-user {
    display: none;
    width: calc(100% - 50px);
    min-height: 65px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 10px;
    border: 2px solid white;
    padding: 0 30px; }
    #menus .menu-user span {
      flex: 1;
      font-size: 16px;
      font-weight: 700;
      color: white; }
    #menus .menu-user .icon-avatar {
      font-size: 25px;
      margin-right: 25px;
      color: white; }
    #menus .menu-user .icon-angle-right {
      font-size: 16px;
      color: white; }
  #menus .menu-logo {
    order: 1000;
    margin-top: auto;
    display: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; }
    #menus .menu-logo img {
      width: 200px;
      height: auto; }
  #menus .menu {
    height: 100%;
    display: flex; }
    #menus .menu:nth-child(4), #menus .menu:nth-child(5) {
      display: none; }
    #menus .menu .menu-link {
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 0 20px;
      font-size: 14px;
      font-weight: 700;
      color: white;
      transition: all .3s;
      position: relative;
      z-index: 99; }
      #menus .menu .menu-link i {
        font-size: 20px;
        margin-right: 10px; }
      #menus .menu .menu-link span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        position: absolute;
        right: 3px;
        top: 10px;
        background: white;
        color: #11b4d4; }
    #menus .menu .menu-sub {
      width: 100%;
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 99;
      opacity: 0;
      pointer-events: none;
      transition: all .3s; }
      #menus .menu .menu-sub .container {
        height: auto;
        padding: 65px 45px;
        background: white;
        position: relative; }
        #menus .menu .menu-sub .container .sub-nav-close {
          position: absolute;
          right: 30px;
          top: 30px;
          width: 20px;
          display: block; }
          #menus .menu .menu-sub .container .sub-nav-close img {
            width: 100%; }
      #menus .menu .menu-sub:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.33);
        z-index: -1;
        display: block;
        opacity: 1;
        transition: all .3s; }
    #menus .menu:hover .menu-link {
      background: #0ea5c3; }
    #menus .menu.active {
      z-index: 9999; }
      #menus .menu.active .menu-link {
        background: #0ea5c3;
        z-index: 9999; }
      #menus .menu.active .menu-sub {
        opacity: 1;
        pointer-events: auto; }
      #menus .menu.active:after {
        opacity: 1; }

.brandsLists {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .brandsLists .brandsList {
    width: 20%;
    margin-bottom: 50px;
    padding: 0 15px; }
    .brandsLists .brandsList .brandsListContent {
      position: relative;
      background: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 180px;
      padding: 0 8px;
      box-sizing: border-box;
      box-shadow: inset 0 0 0px 3px #dbdada;
      overflow: hidden; }
      .brandsLists .brandsList .brandsListContent i {
        color: #7c7c7c;
        margin-bottom: 10px;
        font-size: 40px;
        height: calc(100% - 45px);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s; }
      .brandsLists .brandsList .brandsListContent strong {
        transition: all .3s;
        height: 45px;
        font-size: 18px;
        font-family: "Exo 2";
        color: #10262a;
        font-weight: 300;
        display: block;
        border-top: 1px solid #10262a;
        color: #7c7c7c;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .brandsLists .brandsList .brandsListContent .brandsListHoverLine {
        position: absolute;
        background: #11b4d4;
        display: block; }
        .brandsLists .brandsList .brandsListContent .brandsListHoverLine:nth-child(1) {
          bottom: 0px;
          left: 50%;
          transform: translateX(-50%);
          width: 50px;
          height: 3px; }
        .brandsLists .brandsList .brandsListContent .brandsListHoverLine:nth-child(2) {
          bottom: -50px;
          left: 0px;
          width: 3px;
          height: 50px; }
        .brandsLists .brandsList .brandsListContent .brandsListHoverLine:nth-child(3) {
          top: 0px;
          left: -50px;
          width: 50px;
          height: 3px; }
        .brandsLists .brandsList .brandsListContent .brandsListHoverLine:nth-child(4) {
          top: -50px;
          right: 0px;
          width: 3px;
          height: 50px; }
        .brandsLists .brandsList .brandsListContent .brandsListHoverLine:nth-child(5) {
          bottom: 0px;
          left: 100%;
          width: 50px;
          height: 3px; }
      .brandsLists .brandsList .brandsListContent:hover strong {
        border-color: #11b4d4;
        color: #10262a; }
      .brandsLists .brandsList .brandsListContent:hover i {
        color: #10262a; }
      .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine {
        transition: .3s; }
        .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine:nth-child(1) {
          left: -50px;
          transform: translateX(0%); }
        .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine:nth-child(2) {
          bottom: 100%;
          transition-delay: .3s; }
        .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine:nth-child(3) {
          left: 100%;
          transition-delay: .6s; }
        .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine:nth-child(4) {
          top: 100%;
          transition-delay: .9s; }
        .brandsLists .brandsList .brandsListContent:hover .brandsListHoverLine:nth-child(5) {
          left: 50%;
          transform: translateX(-50%);
          transition-delay: 1.2s; }
  .brandsLists .moreBrandLists {
    width: 100%;
    display: flex;
    justify-content: center; }

.slider {
  width: 100%;
  height: auto;
  position: relative; }
  .slider .slider-mobile {
    display: none !important; }
  .slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%; }
    .slider .owl-nav > button {
      position: absolute;
      transform: translateY(-50%); }
      .slider .owl-nav > button.owl-prev {
        left: 20px; }
      .slider .owl-nav > button.owl-next {
        right: 20px; }

.findPiece {
  margin-top: -50px;
  position: relative;
  z-index: 99; }
  .findPiece .container .findPieceContainer {
    position: relative; }
    .findPiece .container .findPieceContainer:after {
      content: '';
      background: #f87f00;
      height: 2px;
      width: 100%;
      position: absolute;
      bottom: -10px;
      left: 0; }
    .findPiece .container .findPieceContainer .findPieceTab {
      display: flex;
      flex-direction: row;
      width: 100%; }
      .findPiece .container .findPieceContainer .findPieceTab a {
        height: 50px;
        display: flex;
        align-items: center;
        background: white;
        border-right: 1px solid #4e9baa;
        padding: 0 28px;
        color: #10262a;
        font-family: "Roboto";
        font-size: 12px;
        transition: all .3s; }
        .findPiece .container .findPieceContainer .findPieceTab a i {
          font-size: 30px;
          margin-right: 15px; }
          .findPiece .container .findPieceContainer .findPieceTab a i.icon-search {
            font-size: 20px; }
    .findPiece .container .findPieceContainer .findPieceContents {
      background: white;
      padding-top: 13px;
      padding-bottom: 23px;
      align-items: center;
      position: relative; }
      .findPiece .container .findPieceContainer .findPieceContents .findPieceContent {
        padding-left: 12px;
        padding-right: 12px; }
        .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row {
          margin-left: -12px;
          margin-right: -12px; }
          .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem {
            padding-left: 12px;
            padding-right: 12px; }
            .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem.disabled {
              pointer-events: none;
              opacity: .9; }
          .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findSearch {
            padding-left: 0;
            padding-right: 0;
            display: flex;
            align-items: center;
            height: 60px;
            margin-top: 20px; }
        .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .input-div {
          margin-bottom: 0; }
          .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .input-div .input {
            border: none; }
        .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch {
          padding: 0 15px; }
          .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch button {
            height: 50px;
            width: 50px;
            background: none;
            color: #f87f11;
            font-size: 25px;
            border: none; }

.services {
  margin-top: 80px;
  margin-bottom: 75px; }
  .services .container .row {
    margin-left: 0;
    margin-right: 0; }
    .services .container .row .service {
      padding-left: 0;
      padding-right: 0; }
      .services .container .row .service a {
        height: 180px;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: white;
        background: -moz-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, white), color-stop(50%, white), color-stop(100%, #f7f7f7));
        background: -webkit-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
        background: -o-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
        background: -ms-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
        background: linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 9; }
        .services .container .row .service a i {
          color: #11b4d4;
          font-size: 35px;
          margin-bottom: 15px;
          transition: all .3s; }
        .services .container .row .service a strong {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          color: #10262a;
          font-size: 24px;
          font-weight: 700;
          line-height: 30px;
          font-family: "Exo 2";
          transition: all .4s ease-in-out; }
          .services .container .row .service a strong span {
            font-size: 16px;
            font-weight: 300; }
        .services .container .row .service a:after {
          content: '';
          width: 50px;
          height: 50px;
          position: absolute;
          left: -32.5px;
          top: -32.5px;
          display: block;
          background: #f87f00;
          transform: rotate(-45deg);
          transition: all .4s ease-in-out;
          z-index: -1; }
        .services .container .row .service a:hover i {
          color: white; }
        .services .container .row .service a:hover:after {
          transform: rotate(0deg);
          width: 120%;
          height: 120%; }
        .services .container .row .service a:hover strong {
          color: white; }

.featuredCategories {
  padding-bottom: 75px; }
  .featuredCategories .featuredCategorySlider .featuredCategory a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .featuredCategories .featuredCategorySlider .featuredCategory a img {
      width: 100%; }
    .featuredCategories .featuredCategorySlider .featuredCategory a article {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      padding: 15px; }
      .featuredCategories .featuredCategorySlider .featuredCategory a article strong {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: flex-start;
        font-family: "Exo 2";
        font-weight: 700;
        color: white;
        font-size: 30px;
        line-height: 30px;
        z-index: 9; }
        .featuredCategories .featuredCategorySlider .featuredCategory a article strong span {
          font-weight: 200; }
        .featuredCategories .featuredCategorySlider .featuredCategory a article strong:after {
          content: '';
          position: absolute;
          z-index: -1;
          width: 85px;
          height: 15px;
          background: #11b4d4;
          border-radius: 15px;
          top: 50%;
          left: -5px;
          transform: translateY(-50%); }
  .featuredCategories .featuredCategorySlider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0; }
    .featuredCategories .featuredCategorySlider .owl-nav button {
      position: absolute;
      transform: translateY(-50%); }
      .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
        left: -65px; }
      .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
        right: -65px; }

.homeProduct {
  padding-bottom: 115px; }
  .homeProduct .productLists {
    display: none; }
    .homeProduct .productLists .productList {
      margin-bottom: 0; }
    .homeProduct .productLists.active {
      display: flex; }

.homeProductSlider.productLists .productList {
  margin-bottom: 0; }

.homeProductSlider .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%; }
  .homeProductSlider .owl-nav button {
    position: absolute;
    transform: translateY(-50%); }
    .homeProductSlider .owl-nav button.owl-prev {
      left: -65px; }
    .homeProductSlider .owl-nav button.owl-next {
      right: -65px; }

.homeTitle {
  width: 100%;
  padding-bottom: 30px; }
  .homeTitle h2 {
    flex: 1;
    font-size: 36px;
    font-weight: 700;
    font-family: "Exo 2";
    color: #10262a; }
    .homeTitle h2 span {
      font-weight: 300; }
  .homeTitle .homeTitleNav {
    display: flex;
    flex-direction: row;
    font-family: "Exo 2"; }
    .homeTitle .homeTitleNav a {
      font-weight: 700;
      font-size: 13px;
      color: #10262a;
      position: relative;
      margin-right: 45px;
      transition: all .3s; }
      .homeTitle .homeTitleNav a:last-child {
        margin-right: 0; }
      .homeTitle .homeTitleNav a:after {
        content: '';
        position: absolute;
        width: 0%;
        height: 5px;
        border-radius: 15px;
        background: #11b4d4;
        display: block;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: all .3s; }
      .homeTitle .homeTitleNav a:hover, .homeTitle .homeTitleNav a.active {
        color: #11b4d4; }
        .homeTitle .homeTitleNav a:hover:after, .homeTitle .homeTitleNav a.active:after {
          width: 90%; }

.productLists {
  margin-left: -7.5px;
  margin-right: -7.5px; }
  .productLists .productList {
    padding-left: 7.5px;
    padding-right: 7.5px;
    position: relative;
    margin-bottom: 20px; }
    .productLists .productList .product-content {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      padding: 10px;
      box-sizing: border-box;
      padding-bottom: 0;
      border: 1px solid #efefef;
      font-family: "Exo 2";
      background: white;
      position: relative; }
      .productLists .productList .product-content .product-stok-content {
        position: absolute;
        width: 100%;
        height: calc(100% - 45px);
        background: white;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: all .3s;
        opacity: 0;
        z-index: 999;
        pointer-events: none; }
        .productLists .productList .product-content .product-stok-content.active {
          opacity: 1;
          pointer-events: auto; }
        .productLists .productList .product-content .product-stok-content .close-stok-content {
          position: absolute;
          right: 10px;
          top: 10px;
          width: 35px;
          height: 35px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          border: 1px solid black; }
          .productLists .productList .product-content .product-stok-content .close-stok-content img {
            width: 15px; }
        .productLists .productList .product-content .product-stok-content .product-stok-cars {
          margin-top: 15px;
          margin-bottom: 10px; }
          .productLists .productList .product-content .product-stok-content .product-stok-cars i {
            font-size: 30px;
            color: black; }
        .productLists .productList .product-content .product-stok-content .product-stok-name {
          color: #0d0d0d;
          font-size: 19px;
          font-weight: 700;
          margin-bottom: 5px;
          font-family: "Exo 2"; }
        .productLists .productList .product-content .product-stok-content .product-stok-category {
          color: #0d0d0d;
          font-size: 21px;
          font-weight: 500;
          margin-bottom: 20px;
          font-family: "Exo 2"; }
        .productLists .productList .product-content .product-stok-content .product-stok-code {
          font-family: "Exo 2";
          font-weight: 500;
          font-size: 14px;
          color: #0c0b0b;
          margin-bottom: 15px; }
          .productLists .productList .product-content .product-stok-content .product-stok-code span {
            color: #11b4d4;
            font-weight: 300; }
        .productLists .productList .product-content .product-stok-content .product-stok-contact-title {
          background: #10262a;
          font-size: 10px;
          color: white;
          font-weight: 700;
          text-align: center;
          width: 100%;
          padding: 5px 4px;
          margin-bottom: 15px; }
        .productLists .productList .product-content .product-stok-content .product-stok-contact-item {
          display: flex;
          flex-direction: row;
          justify-content: center;
          width: 150px;
          margin-bottom: 10px; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item.whatsapp i {
            color: #4fce5d; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item.whatsapp .product-stok-contact-item-content span {
            color: #4fce5d; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item.call-center i {
            color: #11b4d4; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item.call-center .product-stok-contact-item-content span {
            color: #11b4d4; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item i {
            font-size: 30px;
            margin-right: 10px; }
          .productLists .productList .product-content .product-stok-content .product-stok-contact-item .product-stok-contact-item-content {
            display: flex;
            flex-direction: column; }
            .productLists .productList .product-content .product-stok-content .product-stok-contact-item .product-stok-contact-item-content span {
              font-size: 9px;
              font-weight: 700;
              margin-bottom: 3px;
              letter-spacing: .25px; }
            .productLists .productList .product-content .product-stok-content .product-stok-contact-item .product-stok-contact-item-content a {
              color: #10262a;
              font-size: 13px;
              font-weight: 700;
              margin-bottom: 5px; }
      .productLists .productList .product-content .product-check {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999; }
        .productLists .productList .product-content .product-check input {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          cursor: pointer;
          padding: 0;
          margin: 0;
          opacity: 0; }
          .productLists .productList .product-content .product-check input:focus {
            outline: none; }
          .productLists .productList .product-content .product-check input:checked ~ label {
            opacity: 1; }
        .productLists .productList .product-content .product-check label {
          position: absolute;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          background: #f87f00;
          right: 20px;
          top: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0; }
          .productLists .productList .product-content .product-check label:before {
            content: '\e932';
            font-family: 'parca-piyasasi';
            color: white;
            font-size: 15px; }
      .productLists .productList .product-content .product-img {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 14px;
        position: relative; }
        .productLists .productList .product-content .product-img .discount {
          width: 61px;
          height: 61px;
          display: flex;
          background: url("../../images/balon.png") no-repeat center center;
          background-size: cover;
          position: absolute;
          right: 0;
          top: 0;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          color: white;
          font-family: "Roboto"; }
          .productLists .productList .product-content .product-img .discount strong {
            font-size: 18px; }
            .productLists .productList .product-content .product-img .discount strong sup {
              font-size: 10px;
              margin-top: 7px;
              margin-right: 1px; }
        .productLists .productList .product-content .product-img img {
          width: 100%; }
      .productLists .productList .product-content .product-title {
        color: #282828;
        font-weight: 700;
        display: block;
        text-align: left;
        padding-bottom: 5px;
        font-size: 18px;
        padding: 0 10px; }
      .productLists .productList .product-content .product-category {
        color: #282828;
        font-weight: 300;
        padding: 0 10px;
        display: block;
        text-align: left;
        padding-bottom: 13px;
        font-size: 16px; }
      .productLists .productList .product-content .category-product-tag-home {
        margin-bottom: 15px;
        position: relative;
        width: 100%;
        display: flex;
        flex-flow: row;
        padding: 0 20px; }
        .productLists .productList .product-content .category-product-tag-home .tag-list {
          width: 100%;
          display: flex;
          flex-flow: row;
          overflow: hidden; }
        .productLists .productList .product-content .category-product-tag-home .product-arrow {
          font-family: 'parca-piyasasi';
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          color: #c6cbcc;
          font-size: 15px; }
          .productLists .productList .product-content .category-product-tag-home .product-arrow.icon-angle-right {
            right: 0; }
          .productLists .productList .product-content .category-product-tag-home .product-arrow.icon-angle-left {
            left: 0; }
        .productLists .productList .product-content .category-product-tag-home span {
          width: auto;
          display: flex;
          padding: 7px 4px;
          margin-right: 3px;
          background: #11b4d4;
          color: white;
          font-size: 14px;
          font-weight: 300;
          text-align: center;
          margin-bottom: 3px; }
      .productLists .productList .product-content .home-product-tag {
        margin-bottom: 15px;
        position: relative;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        padding: 0 20px; }
        .productLists .productList .product-content .home-product-tag a {
          width: auto;
          display: flex;
          padding: 7px 4px;
          margin-right: 3px;
          background: #11b4d4;
          color: white;
          font-size: 14px;
          font-weight: 300;
          text-align: center;
          margin-bottom: 3px; }
      .productLists .productList .product-content .product-price {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px; }
        .productLists .productList .product-content .product-price a {
          color: #282828;
          font-weight: 700;
          font-size: 24px; }
          .productLists .productList .product-content .product-price a.old-price {
            font-size: 16px;
            margin-left: 15px;
            text-decoration: line-through; }
      .productLists .productList .product-content .basket-add {
        width: calc(100% + 20px);
        height: 37px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f87f00;
        font-weight: 700;
        font-size: 12px;
        color: white;
        margin-left: -10px; }
        .productLists .productList .product-content .basket-add.not-stok {
          background: #10262a; }

.productListsLine {
  margin-left: -7.5px;
  margin-right: -7.5px; }
  .productListsLine .productListLine {
    padding-left: 7.5px;
    padding-right: 7.5px;
    position: relative;
    margin-bottom: 20px; }
    .productListsLine .productListLine .product-content {
      width: 100%;
      height: auto;
      display: flex;
      flex-flow: row wrap;
      box-sizing: border-box;
      border: 1px solid #efefef;
      padding-right: 10px;
      font-family: "Exo 2";
      background: white;
      position: relative;
      box-sizing: border-box; }
      .productListsLine .productListLine .product-content .product-content-left {
        width: 50%; }
        .productListsLine .productListLine .product-content .product-content-left .product-img {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          padding: 10px 15px; }
          .productListsLine .productListLine .product-content .product-content-left .product-img .discount {
            width: 61px;
            height: 61px;
            display: flex;
            background: url("../../images/balon.png") no-repeat center center;
            background-size: cover;
            position: absolute;
            right: 0;
            top: 0;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            font-family: "Roboto"; }
            .productListsLine .productListLine .product-content .product-content-left .product-img .discount strong {
              font-size: 18px; }
              .productListsLine .productListLine .product-content .product-content-left .product-img .discount strong sup {
                font-size: 10px;
                margin-top: 7px;
                margin-right: 1px; }
          .productListsLine .productListLine .product-content .product-content-left .product-img img {
            width: 100%; }
      .productListsLine .productListLine .product-content .product-content-right {
        width: 50%;
        padding: 10px 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .productListsLine .productListLine .product-content .product-content-right i {
          font-size: 16px;
          color: #10262a;
          margin-bottom: 10px; }
        .productListsLine .productListLine .product-content .product-content-right .product-title {
          color: #282828;
          font-weight: 700;
          display: block;
          text-align: center;
          padding-bottom: 5px;
          font-size: 18px;
          display: flex;
          align-items: center; }
        .productListsLine .productListLine .product-content .product-content-right .product-category {
          color: #282828;
          font-weight: 700;
          display: block;
          text-align: center;
          padding-bottom: 10px;
          font-size: 16px; }
        .productListsLine .productListLine .product-content .product-content-right .product-stok-code {
          color: #282828;
          font-weight: 300;
          display: block;
          text-align: center;
          padding-bottom: 10px;
          font-size: 16px; }
          .productListsLine .productListLine .product-content .product-content-right .product-stok-code span {
            color: #11b4d4; }
        .productListsLine .productListLine .product-content .product-content-right .category-product-tag {
          padding: 0; }
        .productListsLine .productListLine .product-content .product-content-right .product-price {
          margin-bottom: 10px; }
          .productListsLine .productListLine .product-content .product-content-right .product-price a {
            color: #282828;
            font-weight: 700;
            font-size: 24px; }
            .productListsLine .productListLine .product-content .product-content-right .product-price a.old-price {
              font-size: 16px;
              margin-left: 15px;
              text-decoration: line-through; }
      .productListsLine .productListLine .product-content .product-content-bottom {
        width: 100%;
        display: flex;
        padding: 10px 15px;
        flex-direction: column; }
        .productListsLine .productListLine .product-content .product-content-bottom .product-explanation p {
          color: #10262a;
          font-size: 13px; }
      .productListsLine .productListLine .product-content .product-stok-content {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        background: white;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: all .3s;
        opacity: 0;
        z-index: 999;
        pointer-events: none; }
        .productListsLine .productListLine .product-content .product-stok-content.active {
          opacity: 1;
          pointer-events: auto; }
        .productListsLine .productListLine .product-content .product-stok-content .close-stok-content {
          position: absolute;
          right: 10px;
          top: 10px;
          width: 35px;
          height: 35px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          border: 1px solid black; }
          .productListsLine .productListLine .product-content .product-stok-content .close-stok-content img {
            width: 15px; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-cars {
          margin-top: 15px;
          margin-bottom: 10px; }
          .productListsLine .productListLine .product-content .product-stok-content .product-stok-cars i {
            font-size: 30px;
            color: black; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-name {
          color: #0d0d0d;
          font-size: 19px;
          font-weight: 700;
          margin-bottom: 5px;
          font-family: "Exo 2"; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-category {
          color: #0d0d0d;
          font-size: 21px;
          font-weight: 500;
          margin-bottom: 20px;
          font-family: "Exo 2"; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-code {
          font-family: "Exo 2";
          font-weight: 500;
          font-size: 14px;
          color: #0c0b0b;
          margin-bottom: 15px; }
          .productListsLine .productListLine .product-content .product-stok-content .product-stok-code span {
            color: #11b4d4;
            font-weight: 300; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact-title {
          background: #10262a;
          font-size: 14px;
          color: white;
          font-weight: 700;
          text-align: center;
          width: 100%;
          padding: 15px 4px;
          margin-bottom: 20px; }
        .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact {
          display: flex;
          flex-flow: row wrap; }
          .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: 50%;
            max-width: 150px;
            margin-bottom: 10px; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item.whatsapp i {
              color: #4fce5d; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item.whatsapp .product-stok-contact-item-content span {
              color: #4fce5d; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item.call-center i {
              color: #11b4d4; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item.call-center .product-stok-contact-item-content span {
              color: #11b4d4; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item i {
              font-size: 30px;
              margin-right: 10px; }
            .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item .product-stok-contact-item-content {
              display: flex;
              flex-direction: column; }
              .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item .product-stok-contact-item-content span {
                font-size: 9px;
                font-weight: 700;
                margin-bottom: 3px;
                letter-spacing: .25px; }
              .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item .product-stok-contact-item-content a {
                color: #10262a;
                font-size: 13px;
                font-weight: 700;
                margin-bottom: 5px; }
      .productListsLine .productListLine .product-content .product-check {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999; }
        .productListsLine .productListLine .product-content .product-check input {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          cursor: pointer;
          padding: 0;
          margin: 0; }
          .productListsLine .productListLine .product-content .product-check input:focus {
            outline: none; }
          .productListsLine .productListLine .product-content .product-check input:checked ~ label {
            opacity: 1; }
        .productListsLine .productListLine .product-content .product-check label {
          position: absolute;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          background: #f87f00;
          right: 20px;
          top: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0; }
          .productListsLine .productListLine .product-content .product-check label:before {
            content: '\e932';
            font-family: 'parca-piyasasi';
            color: white;
            font-size: 15px; }
      .productListsLine .productListLine .product-content .basket-add {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f87f00;
        font-weight: 700;
        font-size: 12px;
        color: white;
        margin-top: 5px; }
        .productListsLine .productListLine .product-content .basket-add.not-stok {
          background: #10262a; }

.homesss {
  background: white;
  padding-top: 50px;
  padding-bottom: 85px; }
  .homesss .container .homeTitle {
    margin-bottom: 55px; }

.sssLists .sssList {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 45px;
  position: relative;
  padding-left: 60px; }
  .sssLists .sssList .sssTitle {
    font-family: "Exo 2";
    font-size: 16px;
    margin-bottom: 15px;
    color: #10262a;
    font-weight: bold; }
  .sssLists .sssList .sssContent {
    font-family: "Roboto";
    color: #10262a;
    font-size: 12px; }
  .sssLists .sssList:after {
    content: '\e92b';
    width: 40px;
    height: 40px;
    font-family: 'parca-piyasasi';
    font-size: 14px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #11b4d4;
    background-size: 15px;
    position: absolute;
    left: 0;
    top: -8px; }

#footer {
  background: #10262a;
  padding-top: 15px;
  padding-bottom: 60px; }
  #footer .container .footerServices {
    width: 100%;
    margin-bottom: 80px; }
    #footer .container .footerServices .footerService {
      padding: 25px;
      width: 220px;
      box-sizing: border-box; }
      #footer .container .footerServices .footerService i {
        color: #11b4d4;
        font-size: 35px;
        margin-bottom: 15px; }
      #footer .container .footerServices .footerService strong {
        font-size: 18px;
        font-weight: 700;
        font-family: "Exo 2";
        color: white;
        margin-bottom: 10px; }
      #footer .container .footerServices .footerService p {
        font-size: 14px;
        font-family: "Exo 2";
        color: #efefef; }
        #footer .container .footerServices .footerService p a {
          display: block;
          color: #efefef; }
      #footer .container .footerServices .footerService.footerWhatsapp {
        background: #4fce5d;
        position: relative; }
        #footer .container .footerServices .footerService.footerWhatsapp i {
          color: white; }
        #footer .container .footerServices .footerService.footerWhatsapp:before {
          content: '';
          width: 100%;
          height: 50px;
          background: #4fce5d;
          position: absolute;
          bottom: 100%;
          left: 0; }
  #footer .container .footerNav {
    width: 100%;
    margin-bottom: 45px; }
    #footer .container .footerNav a {
      color: rgba(255, 255, 255, 0.55);
      font-family: "Roboto";
      font-size: 12px;
      margin-right: 35px;
      transition: all .3s; }
      #footer .container .footerNav a:hover {
        color: white; }
      #footer .container .footerNav a:last-child {
        margin-right: 0; }
  #footer .container .footer-logo img {
    width: 180px; }
  #footer .container .footerSocial a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    margin-right: 15px;
    transition: all .3s; }
    #footer .container .footerSocial a i {
      color: white; }
    #footer .container .footerSocial a:last-child {
      margin-right: 0; }
    #footer .container .footerSocial a:hover {
      background: white; }
      #footer .container .footerSocial a:hover i {
        color: #10262a; }

.breadcrumb .container {
  height: 75px;
  font-family: "Roboto";
  flex-wrap: wrap; }
  .breadcrumb .container a {
    color: #10262a;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    color: #10262a;
    white-space: nowrap; }
    .breadcrumb .container a i {
      color: #11b4d4; }
    .breadcrumb .container a:after {
      content: '';
      width: 6px;
      height: 9px;
      display: block;
      margin-left: 12px;
      margin-right: 12px;
      background: url("../../images/angle-right.svg") no-repeat center center;
      background-size: 6px; }
  .breadcrumb .container span {
    color: #10262a;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    color: #10262a;
    white-space: nowrap; }

#contents {
  padding-bottom: 87px; }
  #contents .container .contents-container {
    background: white;
    padding: 40px 30px;
    z-index: 99; }
  #contents .container .contentTabs {
    border-bottom: 1px solid #efefef; }
    #contents .container .contentTabs .contentTab {
      height: 109px;
      background: white;
      background: -moz-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, white), color-stop(50%, white), color-stop(100%, #f7f7f7));
      background: -webkit-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
      background: -o-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
      background: -ms-linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
      background: linear-gradient(45deg, white 0%, white 50%, #f7f7f7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );
      flex: 1;
      transition: all .3s; }
      #contents .container .contentTabs .contentTab i {
        color: #11b4d4;
        font-size: 30px;
        margin-bottom: 10px; }
      #contents .container .contentTabs .contentTab span {
        font-family: "Exo 2";
        font-size: 12px;
        color: #10262a;
        text-align: center; }
      #contents .container .contentTabs .contentTab:hover, #contents .container .contentTabs .contentTab.active {
        background: #f87f00; }
        #contents .container .contentTabs .contentTab:hover i, #contents .container .contentTabs .contentTab:hover span, #contents .container .contentTabs .contentTab.active i, #contents .container .contentTabs .contentTab.active span {
          color: white; }
  #contents .contentsContainer {
    width: 100%;
    padding: 55px 95px;
    background: white; }
    #contents .contentsContainer.sanal-pos {
      padding-top: 100px; }
    #contents .contentsContainer .contentText p {
      font-family: "Roboto";
      font-size: 12px;
      line-height: 18px;
      color: #10262a;
      margin-bottom: 20px; }
    #contents .contentsContainer .contentText .warningText {
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
      font-family: "Exo 2";
      color: #f87f00;
      font-size: 24px;
      line-height: 30px;
      font-weight: 300; }
    #contents .contentsContainer .memberInfo {
      width: 100%;
      margin: 0 auto; }

.general-tabs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 50px; }
  .general-tabs a {
    border-bottom: 1px solid #efefef;
    height: 64px;
    font-size: 24px;
    padding: 0 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    font-family: "Exo 2";
    font-weight: 300;
    color: #10262a; }
    .general-tabs a:hover {
      color: #f87f11; }
    .general-tabs a.active {
      border: 1px solid #efefef;
      border-bottom: none;
      color: #f87f11; }

.list-of-payment-methods {
  border: 5px solid #f87f00;
  padding: 30px 60px;
  margin-bottom: 25px; }
  .list-of-payment-methods .payment-method {
    display: flex;
    padding: 15px;
    flex-direction: column;
    border: 1px solid #c6cbcc;
    margin-top: 15px;
    font-family: "Exo 2";
    color: #10262a;
    padding-left: 65px;
    position: relative;
    align-items: flex-start;
    justify-content: flex-start; }
    .list-of-payment-methods .payment-method input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      opacity: 0; }
      .list-of-payment-methods .payment-method input:checked + label {
        background: #f87f11;
        border-color: #f87f11;
        text-align: center;
        color: white; }
        .list-of-payment-methods .payment-method input:checked + label i {
          opacity: 1; }
    .list-of-payment-methods .payment-method label {
      content: "";
      width: 30px;
      height: 30px;
      border: 1px solid #c6cbcc;
      left: 15px;
      top: 15px;
      position: absolute; }
      .list-of-payment-methods .payment-method label i {
        line-height: 30px;
        opacity: 0; }
    .list-of-payment-methods .payment-method > span {
      margin-top: 15px;
      margin-bottom: 15px; }
    .list-of-payment-methods .payment-method div div {
      display: flex;
      flex-direction: column; }
  .list-of-payment-methods .list-of-payment-methods--title, .list-of-payment-methods .list-of-payment-methods--desc {
    font-family: "Exo 2";
    color: #10262a;
    display: block;
    font-weight: 500; }
  .list-of-payment-methods .pos-payment {
    margin-top: -84px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
    font-family: "Exo 2"; }
    .list-of-payment-methods .pos-payment strong {
      font-weight: 700;
      color: #10262a;
      font-size: 12px;
      text-align: center;
      margin-bottom: 10px; }
    .list-of-payment-methods .pos-payment input {
      width: 100%;
      height: 60px;
      border: 1px solid #f87f00;
      font-size: 24px;
      text-align: center;
      font-weight: 700;
      color: #10262a; }
      .list-of-payment-methods .pos-payment input:focus {
        outline: none; }
      .list-of-payment-methods .pos-payment input::placeholder {
        color: #c6cbcc; }
  .list-of-payment-methods .list-of-payment-methods--title {
    font-size: 30px;
    margin-bottom: 25px; }
  .list-of-payment-methods .list-of-payment-methods--desc {
    font-size: 16px; }
  .list-of-payment-methods .foot-of-methods {
    font-family: "Exo 2";
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: #f87f11;
    padding: 10px 20px;
    margin: 30px auto -60px auto;
    flex-direction: column;
    width: fit-content; }
    .list-of-payment-methods .foot-of-methods span {
      font-size: 12px; }
    .list-of-payment-methods .foot-of-methods strong {
      font-size: 24px; }

.my-basket-steps {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  font-family: "Roboto";
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 30px; }
  .my-basket-steps .step {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9; }
    .my-basket-steps .step .step-title {
      color: #10262a;
      font-size: 12px;
      font-weight: 700;
      position: relative;
      padding-top: 45px; }
    .my-basket-steps .step .stepIcon {
      width: 20px;
      height: 20px;
      border: 1px solid #f87f11;
      position: absolute;
      left: 50%;
      top: -10px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      box-shadow: 0 0 0 4px white;
      background: white;
      transform: translateX(-50%); }
      .my-basket-steps .step .stepIcon i {
        display: none; }
    .my-basket-steps .step:after {
      content: '';
      width: 100%;
      height: 2px;
      position: absolute;
      background: #f87f11;
      left: 50%;
      top: 0;
      display: block;
      z-index: -1;
      pointer-events: none; }
    .my-basket-steps .step:last-child:after {
      display: none; }
    .my-basket-steps .step.active .stepIcon {
      background: #f87f11;
      width: 55px;
      height: 55px;
      top: -26.5px; }
      .my-basket-steps .step.active .stepIcon i {
        display: block;
        font-size: 25px;
        color: white; }
    .my-basket-steps .step.active span {
      color: #f87f11; }

.similarProduct {
  padding-bottom: 115px; }

.product-paragraph {
  color: #10262a;
  font-size: 24px;
  padding-top: 15px;
  font-family: "Exo 2"; }
  .product-paragraph strong {
    font-weight: 600;
    margin-bottom: 25px; }
  .product-paragraph p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 5px; }

.productDetail {
  padding: 30px;
  background: white; }
  .productDetail .productLeftImg img {
    margin-bottom: 20px; }
  .productDetail .product-details {
    padding: 0 50px; }
    .productDetail .product-details .table .tr {
      margin: 0;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      border-bottom: 1px solid #efefef;
      font-family: "Roboto"; }
      .productDetail .product-details .table .tr:last-child {
        border: none; }
      .productDetail .product-details .table .tr span {
        color: #c6cbbc;
        padding-left: 10px; }
      .productDetail .product-details .table .tr strong {
        color: #10262a;
        font-weight: 500; }
        .productDetail .product-details .table .tr strong.bigger {
          font-size: 24px;
          font-weight: 700; }
    .productDetail .product-details .piece {
      position: relative;
      border: 1px solid #c6cbcc;
      overflow: hidden;
      width: 110px; }
      .productDetail .product-details .piece input {
        width: 100%;
        height: 50px;
        outline: none;
        text-align: center;
        border: none;
        color: #f87f00;
        font-weight: bold;
        font-size: 14px;
        pointer-events: none; }
      .productDetail .product-details .piece button {
        position: absolute;
        left: 0px;
        top: 0;
        outline: none;
        height: 100%;
        background: transparent;
        border: none;
        width: 30px;
        opacity: 0.2; }
        .productDetail .product-details .piece button:hover {
          opacity: 1; }
        .productDetail .product-details .piece button:last-child {
          right: 0;
          left: auto; }
    .productDetail .product-details .add-basket-button {
      background: #f87f00;
      flex: 1;
      height: 52px;
      border: none;
      color: white;
      font-family: "Exo 2";
      font-weight: 600;
      font-size: 14px;
      margin-left: 10px; }
  .productDetail .product-tag {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    font-family: "Exo 2"; }
    .productDetail .product-tag span {
      padding: 7px 4px;
      margin-right: 3px;
      background: #11b4d4;
      color: white;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 3px; }
  .productDetail .product-detail-article {
    font-family: "Exo 2";
    margin-top: 50px; }
    .productDetail .product-detail-article p {
      color: #10262a;
      font-size: 16px;
      letter-spacing: .25px; }
  .productDetail .product-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 6px;
    font-family: "Exo 2"; }
  .productDetail .product-category {
    font-size: 16px;
    color: #282828;
    margin-bottom: 10px;
    display: block;
    font-family: "Exo 2"; }
  .productDetail .product-image figure {
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px; }
    .productDetail .product-image figure img {
      max-width: 100%;
      max-height: 100%; }

.compatible-parts {
  width: 100%;
  display: flex;
  padding-top: 15px;
  position: relative;
  overflow: hidden;
  height: 70px;
  transition: all .3s;
  z-index: 99; }
  .compatible-parts .compatible-parts-content {
    width: 100%;
    position: absolute;
    background: #f1f1f1;
    left: 0;
    bottom: 0px;
    padding: 40px 20px 20px 20px;
    height: 0;
    transition: all .3s;
    opacity: 0;
    pointer-events: none; }
    .compatible-parts .compatible-parts-content .compatible-parts-content-not {
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.68);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      font-family: "Exo 2";
      padding: 10px;
      opacity: 0;
      pointer-events: none;
      transition: all .3s; }
      .compatible-parts .compatible-parts-content .compatible-parts-content-not strong {
        color: white;
        font-weight: 700;
        font-size: 17px; }
      .compatible-parts .compatible-parts-content .compatible-parts-content-not .compatible-parts-link {
        padding: 10px 30px;
        background: #f87f00;
        color: white;
        font-size: 14px;
        margin-top: 20px; }
      .compatible-parts .compatible-parts-content .compatible-parts-content-not .compatible-parts-content-not-close {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        border: 2px solid white;
        position: absolute;
        right: 20px;
        top: 15px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .compatible-parts .compatible-parts-content .compatible-parts-content-not .compatible-parts-content-not-close img {
          width: 15px; }
      .compatible-parts .compatible-parts-content .compatible-parts-content-not.active {
        opacity: 1;
        pointer-events: auto !important; }
    .compatible-parts .compatible-parts-content .compatible-parts-content-close {
      width: 35px;
      height: 35px;
      border-radius: 100%;
      border: 2px solid #10262a;
      position: absolute;
      right: 20px;
      top: 15px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .compatible-parts .compatible-parts-content .compatible-parts-content-close img {
        width: 15px; }
    .compatible-parts .compatible-parts-content .row {
      margin-left: -10px;
      margin-right: -10px; }
      .compatible-parts .compatible-parts-content .row .compatible-parts-content-item {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px; }
  .compatible-parts .compatible-parts-title {
    background: #9c9c9c;
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    transition: all .3s; }
    .compatible-parts .compatible-parts-title:hover {
      background: #f87f00; }
    .compatible-parts .compatible-parts-title:after {
      content: '';
      width: 100%;
      height: 2px;
      background: #f87f00;
      display: block;
      position: absolute;
      top: -5px;
      left: 0; }
    .compatible-parts .compatible-parts-title .compatible-parts-title-icon {
      width: 55px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 2px solid white;
      background: url("../../images/compatible-parts-find-icon.png") no-repeat center center;
      background-size: 30px !important; }
      .compatible-parts .compatible-parts-title .compatible-parts-title-icon img {
        width: 30px;
        transition: all .3s; }
    .compatible-parts .compatible-parts-title .compatible-parts-title-text {
      width: calc(100% - 55px);
      padding: 10px;
      box-sizing: border-box;
      height: 55px;
      color: white;
      font-family: "Roboto";
      font-size: 14px;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .compatible-parts.active {
    overflow: visible;
    z-index: 9999; }
    .compatible-parts.active .compatible-parts-title {
      background: #f87f00; }
    .compatible-parts.active .compatible-parts-content {
      bottom: 61px;
      height: auto;
      opacity: 1;
      pointer-events: auto !important; }
  .compatible-parts.compatible-ok .compatible-parts-title {
    background: #2ca719; }
    .compatible-parts.compatible-ok .compatible-parts-title .compatible-parts-title-icon {
      background: url("../../images/compatible-parts-ok-icon.png") no-repeat center center; }
  .compatible-parts.compatible-not .compatible-parts-title {
    background: #d40707; }
    .compatible-parts.compatible-not .compatible-parts-title .compatible-parts-title-icon {
      background: url("../../images/compatible-parts-not-icon.png") no-repeat center center; }

.iconic-card {
  display: flex;
  flex-direction: row;
  height: 70px;
  margin-top: 15px;
  font-family: "Exo 2"; }
  .iconic-card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    box-sizing: border-box; }
    .iconic-card .icon i {
      font-size: 25px;
      color: #11b4d4; }
  .iconic-card .text {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding-left: 15px; }
    .iconic-card .text span {
      font-weight: 600;
      font-size: 12px;
      color: #c6cbbc;
      line-height: 13px; }
    .iconic-card .text strong {
      font-weight: 600;
      font-size: 12px;
      color: #10262a;
      line-height: 13px; }

.categoryPage .container .paragraph-limitter {
  margin-bottom: 20px;
  background: white;
  padding: 20px 10px; }
  .categoryPage .container .paragraph-limitter span, .categoryPage .container .paragraph-limitter strong, .categoryPage .container .paragraph-limitter p {
    font-family: "Exo 2";
    color: #10262a; }
  .categoryPage .container .paragraph-limitter strong {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px; }
  .categoryPage .container .paragraph-limitter span {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center; }
    .categoryPage .container .paragraph-limitter span strong {
      font-size: 18px;
      color: #11b4d4; }
  .categoryPage .container .paragraph-limitter .category-article {
    border: 2px solid #efefef;
    height: 100px;
    padding: 10px;
    box-sizing: border-box; }
    .categoryPage .container .paragraph-limitter .category-article article p {
      font-size: 16px;
      margin-bottom: 10px; }

.bankinformation .bank {
  padding-bottom: 44px;
  font-family: "Exo 2"; }
  .bankinformation .bank .payinfo {
    border: 1px solid #efefef;
    padding-left: 55px;
    padding-top: 30px; }
    .bankinformation .bank .payinfo .banklogo {
      padding-bottom: 30px; }
    .bankinformation .bank .payinfo .bankname {
      padding-bottom: 30px; }
    .bankinformation .bank .payinfo .bankinfos {
      padding-bottom: 25px; }
      .bankinformation .bank .payinfo .bankinfos > div span {
        font-size: 12px; }
  .bankinformation .bank:nth-child(2n + 1) {
    padding-right: 33px; }
  .bankinformation .bank:nth-child(2n) {
    padding-left: 33px; }

.contacts {
  padding-top: 50px;
  width: 100%;
  justify-content: space-between; }
  .contacts .contact {
    display: flex;
    align-items: flex-start;
    flex-direction: row; }
    .contacts .contact p {
      line-height: 18px;
      font-size: 16px;
      color: #10262a;
      font-family: "Exo 2";
      font-weight: 700; }
      .contacts .contact p a {
        color: #10262a; }
    .contacts .contact i {
      color: #11b4d4;
      font-size: 22px;
      margin-right: 20px; }

.worning {
  width: calc(100% + 30px);
  margin-left: -15px;
  min-height: 60px;
  padding: 10px;
  background: #ee1211; }
  .worning p {
    color: white;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 700; }
  .worning i {
    font-size: 30px;
    margin-right: 20px;
    color: white; }

.confirmationPage {
  border: 5px solid #f87f00;
  padding: 40px;
  width: 100%; }
  .confirmationPage i {
    font-size: 80px;
    color: #f87f00;
    margin-bottom: 30px; }
  .confirmationPage .confirmTitle {
    font-size: 30px;
    font-family: "Exo 2";
    font-weight: 300;
    text-align: center;
    margin-bottom: 40px;
    color: #10262a; }
  .confirmationPage article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: "Exo 2"; }
    .confirmationPage article p {
      text-align: center;
      font-size: 16px;
      color: #10262a;
      line-height: 30px;
      margin-bottom: 30px; }
  .confirmationPage a {
    width: 190px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f87f00;
    font-weight: 700;
    font-size: 14px;
    color: white;
    font-family: "Exo 2"; }

.card strong {
  font-family: 16px;
  color: #10262a;
  font-weight: 700;
  font-family: "Exo 2";
  margin-bottom: 20px;
  display: block; }

.homePayment .homePaymentText {
  margin-bottom: 40px; }
  .homePayment .homePaymentText i {
    color: #f87f00;
    font-size: 50px;
    margin-right: 20px; }
  .homePayment .homePaymentText p {
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 300; }
    .homePayment .homePaymentText p strong {
      font-weight: 700; }

.homePayment .kargo-uyari {
  margin-left: -20px;
  margin-right: -20px;
  width: 100%;
  display: flex;
  flex-direction: row; }
  .homePayment .kargo-uyari .uyari {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Exo 2"; }
    .homePayment .kargo-uyari .uyari .uyari-title {
      color: #f87f00;
      font-size: 30px;
      font-weight: 300;
      margin-bottom: 25px;
      display: block; }
    .homePayment .kargo-uyari .uyari > p {
      margin-bottom: 15px;
      color: #10262a;
      font-size: 16px;
      font-weight: 300;
      display: block; }
      .homePayment .kargo-uyari .uyari > p strong {
        font-size: 24px;
        font-weight: 700; }
      .homePayment .kargo-uyari .uyari > p.orrange {
        color: #f87f00; }
    .homePayment .kargo-uyari .uyari .uyari-title-2 {
      color: #f87f00;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
      display: block; }
    .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli {
      display: flex;
      flex-direction: row;
      padding: 0 25px;
      background: #f87f00;
      align-items: center;
      height: 80px;
      width: calc(100% + 100px); }
      .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli i {
        color: white;
        font-size: 40px;
        margin-right: 15px; }
      .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article {
        display: flex;
        flex-direction: column;
        flex: 1; }
        .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p {
          display: flex;
          flex-direction: row;
          flex: 1;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 5px;
          font-size: 16px;
          color: white;
          font-weight: 300; }
          .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p span {
            font-weight: 700;
            width: 55px;
            height: 30px;
            background: #c6660e;
            display: flex;
            align-items: center;
            justify-content: center; }

.kargo {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px; }
  .kargo p {
    margin-left: 20px;
    margin-bottom: 30px;
    font-size: 16px;
    font-family: "Exo 2";
    font-weight: 300; }
  .kargo .kargo-firma {
    position: relative; }
    .kargo .kargo-firma input {
      width: 100%;
      height: 100%;
      z-index: 99;
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      opacity: 0; }
      .kargo .kargo-firma input:focus {
        outline: none; }
      .kargo .kargo-firma input:checked + label {
        border-color: #f87f00; }
        .kargo .kargo-firma input:checked + label:after {
          content: '\e932';
          border-color: #f87f00;
          background: #f87f00; }
    .kargo .kargo-firma label {
      height: 70px;
      margin-bottom: 17px;
      border: 1px solid #c6cbcc;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 80px;
      position: relative;
      font-family: "Exo 2"; }
      .kargo .kargo-firma label span {
        margin-left: 10px;
        font-style: italic;
        font-weight: 300;
        color: #10262a;
        font-size: 16px; }
      .kargo .kargo-firma label:after {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        border: 1px solid #c6cbcc;
        color: white;
        font-family: 'parca-piyasasi';
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px; }

.kargo-sec .kargo label {
  border: none; }

#productDemand {
  background: url("../../images/urun-talep-bg.png") no-repeat center top;
  background-size: cover auto;
  margin-bottom: 120px; }
  #productDemand .container .productDemandContent {
    background: white;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    padding: 70px 60px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); }
    #productDemand .container .productDemandContent .productDemandContentText {
      text-align: center;
      display: block;
      font-family: "Exo 2";
      font-weight: 300;
      color: #10262a;
      font-size: 24px;
      margin-bottom: 70px; }
      #productDemand .container .productDemandContent .productDemandContentText strong {
        font-weight: 700;
        color: #11b4d4;
        display: block; }
    #productDemand .container .productDemandContent form {
      width: 100%; }

.orderTabs {
  margin-bottom: 40px; }
  .orderTabs a {
    margin-right: 20px;
    font-family: "Exo 2";
    font-size: 12px;
    color: #10262a;
    align-items: center;
    display: flex;
    font-weight: 700;
    position: relative; }
    .orderTabs a i {
      font-size: 30px;
      margin-right: 15px;
      color: #11b4d4; }
    .orderTabs a span {
      position: absolute;
      width: 25px;
      height: 25px;
      background: #f87f00;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-weight: 700;
      font-size: 12px;
      top: -20px;
      right: -10px; }

.orderLists {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Exo 2"; }
  .orderLists .oIcon {
    width: 10%; }
  .orderLists .oNo {
    width: 25%; }
  .orderLists .oStatus {
    width: 17%; }
  .orderLists .oCargo {
    width: 18%; }
    .orderLists .oCargo img {
      width: 100%;
      max-width: 90%; }
  .orderLists .oDate {
    width: 22%; }
  .orderLists .oOrderDetail {
    width: 7%; }
  .orderLists .orderListTitle {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c6cbbc; }
    .orderLists .orderListTitle div {
      height: 40px;
      display: flex;
      align-items: center; }
      .orderLists .orderListTitle div strong {
        color: #c6cbbc;
        font-size: 16px;
        font-weight: 700; }
  .orderLists .orderList {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c6cbbc; }
    .orderLists .orderList > div {
      height: 110px;
      display: flex;
      align-items: center;
      padding: 10px 0; }
      .orderLists .orderList > div .orderMobileTitle {
        color: #c6cbbc;
        font-size: 16px;
        font-weight: 700;
        display: none;
        padding: 5px 0; }
      .orderLists .orderList > div p {
        font-size: 16px;
        font-weight: 700;
        color: #10262a; }
        .orderLists .orderList > div p.orrange {
          color: #f87f00; }
      .orderLists .orderList > div .icon-order {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #11b4d4;
        font-size: 25px;
        background: #fbfbfb; }
      .orderLists .orderList > div .orderDetailButton {
        width: 55px;
        height: 55px;
        background: #11b4d4;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white; }

.order-detail {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
  opacity: 0;
  pointer-events: none;
  transition: all .3s; }
  .order-detail.active {
    opacity: 1;
    pointer-events: auto; }
  .order-detail .order-detail-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    z-index: -1; }
  .order-detail .order-detail-content {
    max-width: 800px;
    width: 98%;
    position: relative;
    z-index: 9;
    background: white;
    max-height: 70vh;
    padding: 50px;
    font-family: "Exo 2";
    overflow: hidden scroll;
    -webkit-overflow-scrolling: touch; }
    .order-detail .order-detail-content .order-detail-content-close {
      position: absolute;
      right: 25px;
      top: 20px; }
      .order-detail .order-detail-content .order-detail-content-close img {
        width: 15px; }
    .order-detail .order-detail-content .order-detail-title {
      text-align: center;
      display: block;
      color: #282828;
      font-size: 24px;
      margin-bottom: 45px; }
    .order-detail-list {
      display: flex;
      flex-direction: column;
      border-top: 1px solid #c6cbcc;
      margin-bottom: 30px;
      font-family: "Exo 2";
      }
      .order-detail-list .order-detail-list-item {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #c6cbcc;
        min-height: 100px;
        padding: 15px 0; }
        .order-detail-list .order-detail-list-item .order-detail-list-content {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          flex: 1; }
          .order-detail-list .order-detail-list-item .order-detail-list-content img {
            width: 80px;
            margin-right: 30px; }
          .order-detail-list .order-detail-list-item .order-detail-list-content article {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-title {
              font-size: 18px;
              font-weight: 700;
              color: #282828;
              display: block;
              margin-bottom: 4px; }
            .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-category {
              font-size: 16px;
              font-weight: 300;
              color: #282828;
              display: block;
              margin-bottom: 4px; }
            .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-tag {
              display: flex;
              flex-flow: row wrap;
              margin-bottom: 10px; }
              .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-tag a {
                padding: 7px 4px;
                margin-right: 3px;
                margin-bottom: 3px;
                background: #11b4d4;
                color: white;
                font-size: 14px;
                font-weight: 300; }
        .order-detail-list .order-detail-list-item .order-detail-list-price {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .order-detail-list .order-detail-list-item .order-detail-list-price span {
            color: #c6cbcc;
            font-size: 13px;
            font-weight: 300; }
          .order-detail-list .order-detail-list-item .order-detail-list-price strong {
            font-size: 24px;
            font-weight: 700;
            color: #282828; }
    .content-order {
      margin-left: -15px;
      margin-right: -15px;
      display: flex;
      flex-flow: row wrap;
    }

    .content-order .content-order-item {
      width: 50%;
      padding-left: 15px;
      padding-right: 15px;
    }
    .content-order .content-order-line {
      display: flex;
      flex-direction: row;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: 25px;
      font-family: "Exo 2";
      }
      .content-order .content-order-line .content-order-line-title {
        width: 40%;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .content-order .content-order-line .content-order-line-title p {
          color: #c6cbcc;
          font-size: 16px;
          font-weight: 300; }
      .content-order .content-order-line .content-order-line-text {
        width: 60%;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .content-order .content-order-line .content-order-line-text p {
          color: #282828;
          font-size: 16px;
          font-weight: 300; }
          .content-order .content-order-line .content-order-line-text p.orrange-color {
            color: #f87f00; }
          .content-order .content-order-line .content-order-line-text p a {
            color: #11b4d4; }
          .content-order .content-order-line .content-order-line-text p.total-price {
            font-weight: 700;
            font-size: 24px; }

.basketLists {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Exo 2"; }
  .basketLists .bproduct {
    width: 41%; }
  .basketLists .bUPrice {
    width: 21%; }
  .basketLists .bpiece {
    width: 17%; }
  .basketLists .bPrice {
    width: 21%; }
  .basketLists .bRemove {
    width: 55px; }
    .basketLists .bRemove .removeBasket {
      width: 55px;
      height: 55px;
      background: #f87f00;
      display: flex;
      align-items: center;
      justify-content: center; }
      .basketLists .bRemove .removeBasket i {
        color: white;
        font-size: 20px; }
  .basketLists .basket-empty {
    border-top: 1px solid #c6cbbc;
    border-bottom: 1px solid #c6cbbc;
    text-align: center;
    padding: 10px;
    color: #c6cbbc;
    font-size: 16px;
    font-weight: 700; }
  .basketLists .basketListTitle {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c6cbbc; }
    .basketLists .basketListTitle div {
      height: 40px;
      display: flex;
      align-items: center; }
      .basketLists .basketListTitle div strong {
        color: #c6cbbc;
        font-size: 16px;
        font-weight: 700; }
  .basketLists .basketList {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c6cbbc; }
    .basketLists .basketList .listTitle {
      color: #c6cbbc;
      font-size: 16px;
      font-weight: 700;
      display: none;
      padding: 10px 0; }
    .basketLists .basketList > div {
      height: 110px;
      display: flex;
      align-items: center;
      padding: 10px 0; }
      .basketLists .basketList > div p {
        font-size: 16px;
        font-weight: 700;
        color: #10262a; }
        .basketLists .basketList > div p.orrange {
          color: #f87f00; }
      .basketLists .basketList > div .product-content .product-title {
        margin-bottom: 3px; }
      .basketLists .basketList > div .product-content .product-category {
        font-weight: 300;
        margin-bottom: 5px;
        display: block; }
      .basketLists .basketList > div .product-content .basket-product-tag {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 10px; }
        .basketLists .basketList > div .product-content .basket-product-tag a {
          padding: 7px 4px;
          margin-right: 3px;
          margin-bottom: 3px;
          background: #11b4d4;
          color: white;
          font-size: 14px;
          font-weight: 300; }
      .basketLists .basketList > div .productImg {
        width: auto;
        height: 90px;
        margin-right: 10px; }
      .basketLists .basketList > div .listpiece {
        display: flex;
        flex-direction: row;
        position: relative; }
        .basketLists .basketList > div .listpiece input {
          width: 45px;
          border: none;
          font-family: 'exo 2';
          font-size: 16px;
          color: #f87f00;
          font-weight: 700;
          text-align: center;
          pointer-events: none; }
        .basketLists .basketList > div .listpiece button,.basketLists .basketList > div .listpiece a {
          width: 20px;
          background: none;
          border: none;
          color: #c6cbcc;
          font-size: 16px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center; }
          .basketLists .basketList > div .listpiece button:focus {
            outline: none; }

.totalPrice {
  display: flex;
  flex-direction: column;
  width: 219px; }
  .totalPrice > div {
    border-bottom: 1px solid #c6cbcc;
    font-family: "Exo 2";
    padding: 13px; }
    .totalPrice > div strong {
      font-size: 16px;
      color: #c6cbbc;
      margin-bottom: 8px;
      font-weight: 700;
      display: block; }
    .totalPrice > div p {
      font-weight: 700;
      font-size: 16px;
      color: #10262a;
      display: block; }
    .totalPrice > div:last-child {
      border-bottom: none; }

.basketTitle {
  margin-top: 50px;
  margin-bottom: 60px; }

.adress {
  margin-top: 50px;
  margin-bottom: 25px; }
  .adress h1 {
    margin-bottom: 30px; }
  .adress .adressAdd {
    border: 5px solid #11b4d4;
    height: 76px;
    overflow: hidden;
    transition: all .3s;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
    font-family: "Exo 2"; }
    .adress .adressAdd.active {
      height: auto;
      transition: all .3s; }
      .adress .adressAdd.active .adressAddTitle {
        background: #11b4d4 url("../../images/tire.png") no-repeat left 30px center; }
    .adress .adressAdd .adressAddTitle {
      height: 70px;
      align-items: center;
      display: flex;
      cursor: pointer;
      padding-left: 38px;
      background: #11b4d4 url("../../images/plus.png") no-repeat left 30px center;
      background-size: 15px;
      padding-left: 60px;
      padding-right: 33px; }
      .adress .adressAdd .adressAddTitle strong {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        flex: 1; }
    .adress .adressAdd .adressForm {
      padding: 30px 15px; }
      .adress .adressAdd .adressForm .input-div, .adress .adressAdd .adressForm .select-div {
        border: 1px solid #c6cbcc; }
      .adress .adressAdd .adressForm .button {
        margin-bottom: 30px; }
  .adress .adressLists {
    background: #f8f8f8;
    padding: 30px 20px;
    min-height: 127px; }
    .adress .adressLists .adressList {
      display: flex;
      flex-direction: row;
      margin-bottom: 35px; }
      .adress .adressLists .adressList:last-child {
        margin-bottom: 0; }
      .adress .adressLists .adressList input {
        width: 0;
        opacity: 0;
        height: 0;
        margin: 0;
        padding: 0; }
        .adress .adressLists .adressList input:checked + label:after {
          background: #f87f00;
          border-color: #f87f00; }
      .adress .adressLists .adressList label {
        font-family: "Roboto";
        font-size: 12px;
        flex: 1;
        word-wrap: none;
        text-overflow: ellipsis;
        padding-left: 28px;
        position: relative;
        color: #10262a; }
        .adress .adressLists .adressList label:after {
          content: '';
          width: 15px;
          height: 15px;
          border-radius: 100%;
          border: 1px solid #c6cbcc;
          position: absolute;
          left: 0;
          top: 0; }
      .adress .adressLists .adressList .editAdress {
        color: #f87f00;
        margin-left: 10px; }
      .adress .adressLists .adressList .removeAdress {
        color: #f87f00;
        margin-left: 10px; }
    .adress .adressLists.passive {
      pointer-events: none; }
      .adress .adressLists.passive .adressList {
        opacity: .55; }
        .adress .adressLists.passive .adressList .removeAdress, .adress .adressLists.passive .adressList .editAdress {
          color: #ccd2d3; }

.adressButton .blue-button {
  margin-left: 20px; }

.account .acountTitle {
  font-family: "Exo 2";
  font-size: 24px;
  color: #282828;
  font-weight: 700;
  display: block; }
  .account .acountTitle span {
    font-weight: 300;
    display: block; }
  .account .acountTitle.orrangeAccountTitle {
    color: #f87f00; }

.account .acountText {
  margin-bottom: 20px; }
  .account .acountText p {
    margin-bottom: 5px;
    color: #10262a;
    font-size: 12px;
    font-family: "Roboto"; }

.account .accountEntry > div {
  height: 100%;
  padding: 75px 27px;
  border: 1px solid #efefef; }
  .account .accountEntry > div .acountTitle {
    margin-bottom: 40px; }
  .account .accountEntry > div .password {
    font-family: "Exo 2";
    font-size: 12px;
    color: #c6cbcc;
    font-weight: 700;
    margin-right: 20px; }

.account .accountRegistration > div {
  padding: 43px 27px;
  border: 5px solid #f87f00; }
  .account .accountRegistration > div .acountTitle {
    margin-bottom: 40px; }

.menuNav {
  display: none; }
  .menuNav i {
    font-size: 40px;
    color: #11b4d4; }

.pageNavMobile {
  width: 100%;
  display: flex;
  flex-direction: column;
  display: none;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  .pageNavMobile a {
    background: white url("../../images/angle-bottom-dark-grey.svg") no-repeat right 20px center;
    width: 100%;
    padding-left: 20px;
    padding-right: 50px;
    height: 65px;
    display: flex;
    align-items: center;
    color: white;
    font-family: "Exo 2";
    color: #9c9c9c;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 1px solid #c6cbcc; }
    .pageNavMobile a.active {
      background: #f87f00 url("../../images/angle-bottom-white.svg") no-repeat right 20px center;
      color: white; }

.mobileTabs {
  display: none; }
  .mobileTabs a {
    height: 65px;
    display: flex;
    align-items: center;
    background: #f87f00 url("../../images/angle-bottom-white.svg") no-repeat right 35px center;
    padding-left: 20px;
    padding-right: 45px; }
    .mobileTabs a i {
      color: white;
      font-size: 28px;
      margin-right: 20px; }
    .mobileTabs a span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: white;
      font-family: "Exo 2";
      font-weight: 700;
      font-size: 14px; }

.generalTabContents {
  width: 100%; }
  .generalTabContents .generalTabContent {
    display: none;
    width: 100%; }
    .generalTabContents .generalTabContent .mobile-toggle-link {
      width: 100%;
      background: #f87f00;
      color: white;
      font-size: 13px;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      height: 35px;
      padding: 10px 15px;
      display: none; }
      .generalTabContents .generalTabContent .mobile-toggle-link:after {
        content: '+';
        line-height: 1;
        font-family: "Exo 2";
        font-size: 35px;
        margin-top: -5px; }
    .generalTabContents .generalTabContent.active {
      display: block; }
      .generalTabContents .generalTabContent.active .mobile-toggle-link:after {
        content: '-';
        margin-top: -9px; }

.orderDetailPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  opacity: 0;
  pointer-events: none; }
  .orderDetailPopup .orderDetailPopupBg {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.22); }
  .orderDetailPopup .orderDetailPopupContent {
    position: relative;
    z-index: 99;
    background: white;
    width: 90%;
    max-width: 790px;
    padding: 60px;
    font-family: "Exo 2"; }
    .orderDetailPopup .orderDetailPopupContent .orderDetailClose {
      position: absolute;
      right: 30px;
      top: 30px; }
      .orderDetailPopup .orderDetailPopupContent .orderDetailClose img {
        width: 15px; }
    .orderDetailPopup .orderDetailPopupContent .orderDetailPopupContentTitle {
      text-align: center;
      display: block;
      font-size: 24px;
      color: #10262a;
      margin-bottom: 40px; }
    .orderDetailPopup .orderDetailPopupContent .orederDetailImg {
      width: 40%;
      display: block;
      float: left; }
      .orderDetailPopup .orderDetailPopupContent .orederDetailImg img {
        width: 100%; }
    .orderDetailPopup .orderDetailPopupContent .orederDetailText {
      width: 60%;
      float: left;
      display: block; }
      .orderDetailPopup .orderDetailPopupContent .orederDetailText .productCod {
        display: block;
        color: #11b4d4;
        font-weight: 300;
        margin-bottom: 15px;
        font-size: 16px; }
      .orderDetailPopup .orderDetailPopupContent .orederDetailText .productTitle {
        display: block;
        color: #10262a;
        font-weight: 700;
        margin-bottom: 40px;
        font-size: 24px; }
      .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists {
        width: 100%;
        display: flex;
        flex-direction: column; }
        .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList {
          width: 100%;
          display: flex;
          flex-direction: row;
          margin-bottom: 30px; }
          .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle {
            width: 150px; }
            .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle strong {
              color: #c6cbbc;
              font-weight: 300;
              font-size: 16px; }
          .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListInfo {
            flex: 1; }
            .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListInfo p {
              color: #10262a;
              font-size: 16px; }
              .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListInfo p.orrange {
                color: #f87f11; }
  .orderDetailPopup.active {
    opacity: 1;
    pointer-events: auto; }

#brands {
  margin-bottom: 87px; }
  #brands .container {
    background: white; }
    #brands .container h1 {
      margin-bottom: 0px;
      padding: 0 45px;
      padding-top: 45px; }

.passwordRestart {
  width: 100%;
  max-width: 400px;
  margin: 0 auto; }

.select-icon {
  position: relative;
  width: 100%;
  font-family: "Exo 2"; }
  .select-icon.select-bg .select-input .input {
    background: #e9e9e9 url("../../images/angle-bottom-dark-grey.svg") no-repeat right 10px center; }
  .select-icon.select-bg .select-input.active .input {
    background: #f8a44b url("../../images/angle-bottom-white.svg") no-repeat right 10px center;
    color: white; }
    .select-icon.select-bg .select-input.active .input::placeholder {
      color: white; }
  .select-icon.select-bg .select-input.active i {
    color: white; }
  .select-icon.label-top .select-input .label {
    position: static;
    top: 0;
    margin-bottom: 6px;
    color: #474949;
    display: block; }
  .select-icon.label-top .select-input.select-input-img i {
    top: calc(50% + 10px); }
  .select-icon .select-input {
    position: relative;
    background-size: 10px; }
    .select-icon .select-input .input {
      width: 100%;
      height: 60px;
      padding-left: 20px;
      padding-right: 30px;
      border: none;
      font-size: 15px;
      color: #10262a;
      font-weight: 700;
      background: white url("../../images/angle-bottom.svg") no-repeat right 10px center; }
      .select-icon .select-input .input::placeholder {
        font-size: 12px; }
      .select-icon .select-input .input:focus {
        outline: none; }
    .select-icon .select-input.select-input-img i {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #10262a; }
    .select-icon .select-input.select-input-img.active .input {
      padding-left: 60px; }
    .select-icon .select-input .label {
      position: absolute;
      top: 21.5px;
      left: 20px;
      z-index: 99;
      color: #c6cbcc;
      font-size: 12px;
      font-weight: 700;
      transition: all .3s;
      pointer-events: none; }
    .select-icon .select-input .label-link {
      position: absolute;
      top: 21.5px;
      left: 20px;
      z-index: 99;
      color: #11b4d4;
      font-size: 12px;
      font-weight: 700;
      transition: all .3s; }
    .select-icon .select-input.active .label {
      top: 3px; }
    .select-icon .select-input .label-link {
      top: 0; }
  .select-icon .select-list {
    position: absolute;
    left: 0;
    top: 100%;
    background: red;
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    z-index: 99999999; }
    .select-icon .select-list li {
      cursor: pointer;
      padding-left: 10px;
      padding-right: 10px;
      color: #10262a;
      min-height: 50px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      background: white;
      font-size: 14px;
      color: #10262a;
      font-weight: 700;
      transition: all .3s; }
      .select-icon .select-list li:hover {
        background: #ececec; }
      .select-icon .select-list li i {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .select-icon .select-list a {
      cursor: pointer;
      padding-left: 15px;
      padding-right: 20px;
      color: white;
      min-height: 50px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      font-size: 14px;
      font-weight: 700;
      transition: all .3s;
      background: #f87f00;
      font-weight: 300; }
      .select-icon .select-list a strong {
        margin-left: 3px;
        font-weight: 700; }
      .select-icon .select-list a i {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .select-icon .select-list a:hover {
        background: rgba(248, 127, 0, 0.9);
        transition: all .3s; }
  .select-icon.selected .select-list {
    opacity: 1;
    pointer-events: auto; }
  .select-icon.select-blue .select-input {
    position: relative;
    background-size: 10px; }
    .select-icon.select-blue .select-input label {
      color: white;
      top: 0px !important; }
    .select-icon.select-blue .select-input .input {
      font-size: 15px;
      color: white;
      background: #11b4d4 url("../../images/angle-bottom-white.svg") no-repeat right 10px center; }
    .select-icon.select-blue .select-input i {
      color: white !important; }
  .select-icon.select-placeholder-top {
    margin-top: 25px; }
    .select-icon.select-placeholder-top .select-input .label {
      top: -25px !important; }
    .select-icon.select-placeholder-top .select-input .label-link {
      top: -20px !important; }
  .select-icon .cars-audi {
    font-size: 13px; }
  .select-icon .cars-alfa-romeo {
    font-size: 20px; }
  .select-icon .cars-bmw {
    font-size: 20px; }
  .select-icon .cars-chery {
    font-size: 12px; }
  .select-icon .cars-chevrolet {
    font-size: 12px; }
  .select-icon .cars-chrysler {
    font-size: 6px; }
  .select-icon .cars-citroen {
    font-size: 18px; }
  .select-icon .cars-dacia {
    font-size: 18px; }
  .select-icon .cars-daewoo {
    font-size: 18px; }
  .select-icon .cars-daihatsu {
    font-size: 14px; }
  .select-icon .cars-doodge {
    font-size: 22px; }
  .select-icon .cars-fiat {
    font-size: 22px; }
  .select-icon .cars-ford {
    font-size: 13px; }
  .select-icon .cars-honda {
    font-size: 18px; }
  .select-icon .cars-hyundai {
    font-size: 15px; }
  .select-icon .cars-isuzu {
    font-size: 20px; }
  .select-icon .cars-iveco {
    font-size: 18px; }
  .select-icon .cars-jaguar {
    font-size: 14px; }
  .select-icon .cars-jeep {
    font-size: 15px; }
  .select-icon .cars-kia {
    font-size: 18px; }
  .select-icon .cars-lada {
    font-size: 18px; }
  .select-icon .cars-mazda {
    font-size: 18px; }
  .select-icon .cars-mercedes {
    font-size: 18px; }
  .select-icon .cars-mini-cooper {
    font-size: 15px; }
  .select-icon .cars-mitsubishi {
    font-size: 18px; }
  .select-icon .cars-nissan {
    font-size: 18px; }
  .select-icon .cars-opel {
    font-size: 18px; }
  .select-icon .cars-peugeot {
    font-size: 18px; }
  .select-icon .cars-proton {
    font-size: 20px; }
  .select-icon .cars-renault {
    font-size: 18px; }
  .select-icon .cars-rover {
    font-size: 18px; }
  .select-icon .cars-saab {
    font-size: 18px; }
  .select-icon .cars-seat {
    font-size: 18px; }
  .select-icon .cars-skoda {
    font-size: 18px; }
  .select-icon .cars-subaru {
    font-size: 15px; }
  .select-icon .cars-suzuki {
    font-size: 18px; }
  .select-icon .cars-tata {
    font-size: 15px; }
  .select-icon .cars-toyota {
    font-size: 15px; }
  .select-icon .cars-volkswagen {
    font-size: 18px; }
  .select-icon .cars-volvo {
    font-size: 18px; }
  .select-icon .grup-atesleme {
    font-size: 18px; }
  .select-icon .grup-aydinlatma-sistemleri {
    font-size: 15px; }
  .select-icon .grup-basincli-hava-sistemi {
    font-size: 18px; }
  .select-icon .grup-debriyaj {
    font-size: 18px; }
  .select-icon .grup-direksiyon {
    font-size: 18px; }
  .select-icon .grup-egzoz {
    font-size: 18px; }
  .select-icon .grup-elektrik-aksami {
    font-size: 18px; }
  .select-icon .grup-filtre-sistemi {
    font-size: 18px; }
  .select-icon .grup-fren-sistemi {
    font-size: 18px; }
  .select-icon .grup-isitma-ve-sogutma {
    font-size: 18px; }
  .select-icon .grup-kaporta {
    font-size: 18px; }
  .select-icon .grup-mars-sistemi {
    font-size: 18px; }
  .select-icon .grup-motor-ve-parcalari {
    font-size: 13px; }
  .select-icon .grup-sanziman {
    font-size: 18px; }
  .select-icon .grup-sarj-sistemi {
    font-size: 18px; }
  .select-icon .grup-suspansiyon {
    font-size: 18px; }
  .select-icon .grup-triger-kayisi {
    font-size: 18px; }
  .select-icon .grup-yaglama {
    font-size: 18px; }
  .select-icon .grup-yakit-ve-enjeksiyon {
    font-size: 15px; }

.product-property {
  margin-top: 90px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: "Exo 2"; }
  .product-property .productPropertyListsTitle {
    margin-bottom: 15px; }
    .product-property .productPropertyListsTitle > div strong {
      font-size: 16px;
      font-weight: 700;
      color: #10262a; }
  .product-property .productPropertyList {
    border-bottom: 1px solid #efefef; }
    .product-property .productPropertyList > div {
      display: flex;
      align-items: center;
      min-height: 35px;
      align-items: center; }
      .product-property .productPropertyList > div p {
        font-size: 12px;
        color: #10262a; }

.garage {
  position: relative; }
  .garage .how-to-popup-page {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all .3s; }
    .garage .how-to-popup-page.active {
      opacity: 1;
      pointer-events: auto; }
    .garage .how-to-popup-page-bg {
      background: rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 100%;
      display: block;
      position: fixed;
      z-index: -1;
      left: 0;
      top: 0; }
    .garage .how-to-popup-page-content {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
      width: 450px;
      height: 540px;
      flex-direction: column;
      position: relative; }
      .garage .how-to-popup-page-content .how-to-close {
        position: absolute;
        right: 20px;
        top: 20px; }
        .garage .how-to-popup-page-content .how-to-close img {
          width: 16px; }
      .garage .how-to-popup-page-content strong {
        width: 100%;
        color: #10262a;
        text-align: center;
        font-size: 30px;
        font-family: "Exo 2";
        margin-bottom: 30px; }
      .garage .how-to-popup-page-content .ruhsat {
        width: 300px; }
  .garage .how-to-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: all .3s; }
    .garage .how-to-popup.active {
      opacity: 1;
      pointer-events: auto; }
    .garage .how-to-popup-top {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: row;
      align-self: auto;
      margin-bottom: 25px; }
      .garage .how-to-popup-top .how-to-close img {
        width: 16px; }
      .garage .how-to-popup-top strong {
        flex: 1; }
    .garage .how-to-popup-content {
      width: 100%;
      display: flex;
      justify-content: center; }
      .garage .how-to-popup-content img {
        width: auto;
        height: 400px; }
  .garage-title {
    width: 100%;
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    margin-bottom: 35px; }
    .garage-title strong {
      font-family: "Exo 2";
      color: #10262a;
      font-size: 30px;
      font-weight: 700;
      flex: 1; }
      .garage-title strong span {
        font-weight: 300; }
    .garage-title .how-to, .garage-title .how-to-page {
      display: flex;
      align-items: center;
      color: #f87f00;
      font-family: "Exo 2";
      font-weight: 700;
      font-size: 14px; }
      .garage-title .how-to i, .garage-title .how-to-page i {
        font-size: 30px;
        margin-right: 10px; }
  .garage-list {
    width: 100%;
    margin-bottom: 25px; }
    .garage-list-item {
      min-height: 55px;
      border-bottom: 1px solid #c6cbcc;
      border-top: 1px solid #c6cbcc;
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 10px;
      font-family: "Exo 2"; }
      .garage-list-item .check {
        width: auto;
        margin-bottom: 0;
        margin-right: 10px;
        height: 30px; }
        .garage-list-item .check label:after {
          top: 0; }
      .garage-list-item .garage-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1; }
        .garage-list-item .garage-content i {
          margin-right: 20px;
          color: #10262a; }
        .garage-list-item .garage-content p {
          color: #10262a;
          font-size: 18px; }
      .garage-list-item .garage-button {
        width: 55px;
        height: 55px; }
        .garage-list-item .garage-button a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: red; }
          .garage-list-item .garage-button a i {
            font-size: 18px;
            color: white; }
        .garage-list-item .garage-button.-orrange a {
          background: #f87f00; }
        .garage-list-item .garage-button.-blue a {
          background: #0ea5c3; }
    .garage-list-empaty {
      height: 55px;
      border-bottom: 1px solid #c6cbcc;
      border-top: 1px solid #c6cbcc;
      display: flex;
      align-items: center;
      justify-content: center; }
      .garage-list-empaty p {
        font-size: 12px;
        color: #c6cbcc;
        font-weight: 700;
        font-family: "Exo 2"; }
  .garage-car-add {
    display: flex;
    flex-direction: row;
    align-items: flex-end; }
    .garage-car-add-input {
      margin-right: -10px;
      margin-left: -10px; }
      .garage-car-add-input > div {
        padding-left: 10px;
        padding-right: 10px; }
        .garage-car-add-input > div .select-input {
          border: 1px solid #efefef;
          margin-bottom: 25px; }
    .garage-car-add-submit {
      margin-bottom: 25px; }
      .garage-car-add-submit .garage-button {
        max-width: 170px;
        width: 100%;
        height: 147px;
        padding: 0;
        margin: 0;
        background: #11b4d4;
        border: none;
        font-family: "Exo 2";
        font-weight: 700;
        color: white; }

.maintenance-page {
  padding: 55px 25px !important; }
  .maintenance-page .car-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 55px;
    margin-bottom: 30px; }
    .maintenance-page .car-info i {
      font-size: 80px;
      color: #10262a;
      margin-bottom: 20px; }
    .maintenance-page .car-info strong {
      color: #10262a;
      font-family: "Exo 2";
      font-size: 30px;
      font-weight: 700px;
      margin-bottom: 30px;
      text-align: center; }
      .maintenance-page .car-info strong span {
        font-weight: 300; }
    .maintenance-page .car-info p {
      font-family: "Roboto";
      font-size: 12px;
      color: #10262a; }
  .maintenance-page .garage-page {
    max-width: 850px;
    margin: 0 auto; }

.maintenance-price {
  font-family: "Exo 2";
  margin-top: 80px; }
  .maintenance-price .blue-button {
    margin-top: 0; }
  .maintenance-price .price {
    display: flex;
    flex-direction: column;
    margin-right: 25px;
    text-align: right; }
    .maintenance-price .price span {
      font-weight: 700;
      font-size: 16px;
      color: #c6cbcc;
      margin-bottom: 15px; }
    .maintenance-price .price strong {
      color: #10262a;
      font-size: 16px; }
    .maintenance-price .price.total strong {
      color: #f87f00; }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  transition: all .3s;
  opacity: 0;
  pointer-events: none; }
  .popup-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all .3s; }
  .popup-content {
    width: 90%;
    max-width: 650px;
    height: 60vh;
    background: white;
    position: relative;
    z-index: 9;
    overflow-y: scroll;
    padding: 40px 50px;
    transform: scale(0.9);
    transition: all .3s; }
    .popup-content p {
      font-family: "Roboto";
      font-size: 12px;
      line-height: 18px;
      color: #10262a;
      margin-bottom: 20px; }
    .popup-content .popup-close {
      position: absolute;
      right: 20px;
      top: 20px;
      width: 20px; }
      .popup-content .popup-close img {
        width: 100%; }
  .popup.active {
    opacity: 1;
    pointer-events: auto; }
    .popup.active .popup-content {
      transform: scale(1); }

.brand-page {
  padding-left: 45px;
  padding-right: 45px;
  margin-top: 40px; }

.map {
  width: 100%;
  height: 250px;
  margin-top: 40px; }
  .map iframe {
    width: 100%;
    height: 100%;
    border: none; }

.product-add-popup {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  transition: all .3s;
  opacity: 0;
  pointer-events: none; }
  .product-add-popup.active {
    opacity: 1;
    pointer-events: auto; }
  .product-add-popup .product-add-popup-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.33); }
  .product-add-popup .product-add-popup-content {
    display: flex;
    flex-direction: column;
    background: white;
    padding: 30px;
    width: 98%;
    max-width: 600px;
    font-family: "Exo 2"; }
    .product-add-popup .product-add-popup-content .content-title {
      display: block;
      text-align: center;
      font-size: 30px;
      font-weight: 799;
      color: #10262a;
      margin-bottom: 30px; }
    .product-add-popup .product-add-popup-content .product-add-popup-content-detail {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 20px; }
      .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-left {
        width: 40%; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-left img {
          width: 100%; }
      .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right {
        width: 60%;
        display: flex;
        flex-direction: column;
        padding: 0 20px; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .product-title {
          display: block;
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 5px;
          color: #10262a; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .product-category {
          display: block;
          font-size: 16px;
          font-weight: 300;
          margin-bottom: 5px;
          color: #10262a; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .product-tab {
          display: flex;
          flex-flow: row wrap;
          margin-bottom: 10px; }
          .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .product-tab a {
            padding: 7px 4px;
            margin-right: 3px;
            margin-bottom: 3px;
            background: #11b4d4;
            color: white;
            font-size: 14px;
            font-weight: 300; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .price-title {
          display: block;
          font-size: 16px;
          font-weight: 300;
          margin-bottom: 5px;
          color: #c6cbbc; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right .product-price {
          font-size: 24px;
          font-weight: 700; }
    .product-add-popup .product-add-popup-content .product-add-popup-content-detail-buttons {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .product-add-popup .product-add-popup-content .product-add-popup-content-detail-buttons a {
        margin-right: 20px;
        height: 65px;
        width: 245px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #f87f00;
        font-size: 12px;
        font-weight: 700; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail-buttons a.fill {
          color: white;
          background: #f87f00; }
        .product-add-popup .product-add-popup-content .product-add-popup-content-detail-buttons a:last-child {
          margin-right: 0; }

.not-page-container {
  padding: 80px 15px; }
  .not-page-container .not-page {
    width: 100%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 5px solid #efefef;
    padding: 64px 10px; }
    .not-page-container .not-page strong {
      color: #282828;
      font-weight: 700;
      font-family: "Exo 2";
      font-size: 30px;
      margin-bottom: 20px; }
    .not-page-container .not-page img {
      width: 90%;
      max-width: 430px; }

.category-product-tag {
  margin-bottom: 10px;
  padding: 0 23px; }
  .category-product-tag .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; }
    .category-product-tag .owl-nav button {
      position: absolute;
      transform: translateY(-50%); }
      .category-product-tag .owl-nav button:focus {
        outline: none; }
      .category-product-tag .owl-nav button img {
        width: 12px; }
      .category-product-tag .owl-nav button.owl-prev {
        left: 0px; }
      .category-product-tag .owl-nav button.owl-next {
        right: 0px; }
  .category-product-tag a {
    padding: 7px 4px;
    margin-right: 3px;
    background: #11b4d4;
    color: white;
    font-size: 14px;
    font-weight: 300;
    display: flex; }

.error-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all .3s; }
  .error-popup .error-popup-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    z-index: -1; }
  .error-popup .error-popup-content {
    background: white;
    position: relative;
    z-index: 99;
    width: 98%;
    max-width: 590px;
    min-height: 165px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px; }
    .error-popup .error-popup-content .icon-warning {
      color: #f87f00;
      margin-right: 25px;
      font-size: 45px; }
    .error-popup .error-popup-content article {
      font-family: "Exo 2"; }
      .error-popup .error-popup-content article p {
        color: #282828;
        font-size: 18px;
        font-weight: 700; }
    .error-popup .error-popup-content .error-popup-close {
      width: 16px;
      position: absolute;
      right: 20px;
      top: 20px; }
      .error-popup .error-popup-content .error-popup-close img {
        width: 100%; }
  .error-popup.active {
    opacity: 1;
    pointer-events: auto; }

.acount-tab {
  width: 100%;
  display: none;
  flex-direction: row;
  margin-top: 20px; }
  .acount-tab > a {
    margin: 0;
    min-width: 50%;
    flex: 1; }

.not-cars {
  border-top: 1px solid #c6cbcc;
  border-bottom: 1px solid #c6cbcc;
  padding: 15px 0;
  font-family: "Exo 2";
  margin: 10px 0; }
  .not-cars p {
    text-align: center;
    font-weight: 700;
    color: #c6cbcc;
    font-size: 14px; }

body.menu-active {
  overflow: hidden; }
  body.menu-active:after {
    content: '';
    background: rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 9999; }

.paging {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 40px;
  font-family: "Exo 2";
  width: 100%;
  min-width: 100%; }
  .paging a, .paging span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    margin-right: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #282828;
    margin-bottom: 10px; }
    .paging a.active, .paging span.active {
      color: white;
      background: #282828; }

.home-brand-information {
  background: white;
  padding-top: 50px;
  padding-bottom: 85px; }
  .home-brand-information .container .brand-information-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0; }
    .home-brand-information .container .brand-information-slider .owl-nav button {
      position: absolute;
      transform: translateY(-50%); }
      .home-brand-information .container .brand-information-slider .owl-nav button.owl-prev {
        left: -65px; }
      .home-brand-information .container .brand-information-slider .owl-nav button.owl-next {
        right: -65px; }

.brand-information-item {
  font-family: "Exo 2"; }
  .brand-information-item .brand-information-item-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .brand-information-item .brand-information-item-content .brand-logo {
      color: #10262a;
      font-size: 40px;
      margin-bottom: 20px; }
    .brand-information-item .brand-information-item-content .brand-information-item-title {
      font-size: 18px;
      font-weight: 700;
      color: #10262a;
      margin-bottom: 30px;
      text-align: center; }
      .brand-information-item .brand-information-item-content .brand-information-item-title span {
        font-weight: 300; }
    .brand-information-item .brand-information-item-content article {
      border: 1px solid #f87f00;
      text-align: center;
      padding: 20px;
      box-sizing: border-box;
      height: 345px;
      margin-bottom: 20px; }
      .brand-information-item .brand-information-item-content article p {
        color: #10262a;
        font-size: 18px; }
    .brand-information-item .brand-information-item-content .brand-link {
      background: #10262a;
      font-size: 16px;
      color: white;
      width: 100%;
      padding: 10px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      transition: all .3s; }
      .brand-information-item .brand-information-item-content .brand-link:hover {
        background: #f87f00; }

.home-brand-product {
  background: white;
  padding-top: 50px;
  padding-bottom: 85px; }
  .home-brand-product .container .brand-product-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0; }
    .home-brand-product .container .brand-product-slider .owl-nav button {
      position: absolute;
      transform: translateY(-50%); }
      .home-brand-product .container .brand-product-slider .owl-nav button.owl-prev {
        left: -65px; }
      .home-brand-product .container .brand-product-slider .owl-nav button.owl-next {
        right: -65px; }

.brand-product-item {
  font-family: "Exo 2"; }
  .brand-product-item .brand-product-item-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .brand-product-item .brand-product-item-content .brand-logo {
      color: #10262a;
      font-size: 40px;
      margin-bottom: 20px; }
    .brand-product-item .brand-product-item-content .brand-product-item-title {
      font-size: 18px;
      font-weight: 700;
      color: #10262a;
      margin-bottom: 30px;
      text-align: center; }
      .brand-product-item .brand-product-item-content .brand-product-item-title span {
        font-weight: 300; }
    .brand-product-item .brand-product-item-content .brand-product-link {
      background: #10262a;
      font-size: 16px;
      color: white;
      width: 100%;
      padding: 10px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 10px; }
      .brand-product-item .brand-product-item-content .brand-product-link:nth-child(even) {
        background: #f87f00; }

.car-select {
  font-family: "Exo 2";
  display: flex;
  flex-direction: row;
  margin-bottom: 25px; }
  .car-select .car-select-left {
    width: 222px;
    margin-right: 5px; }
    .car-select .car-select-left .car-figure {
      height: 186px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f87f00;
      margin-bottom: 4px; }
      .car-select .car-select-left .car-figure.car-figure-img {
        background: white; }
      .car-select .car-select-left .car-figure .car-img-icon {
        width: 128px; }
      .car-select .car-select-left .car-figure .car-img {
        min-width: 100%;
        min-height: 100%;
        width: 100%; }
    .car-select .car-select-left .car-select-left-bottom {
      background: #f87f00;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      height: 40px;
      text-align: center; }
      .car-select .car-select-left .car-select-left-bottom strong {
        color: white;
        font-size: 18px; }
      .car-select .car-select-left .car-select-left-bottom .open-car-detail {
        color: #10262a;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px; }
  .car-select .car-select-right {
    width: calc(100% - 227px);
    background: #f87f00;
    padding: 15px 30px;
    box-sizing: border-box;
    position: relative; }
    .car-select .car-select-right .car-model-select {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: row wrap;
      left: 0;
      top: 0;
      opacity: 0;
      pointer-events: none;
      background: white;
      transition: all .3s; }
      .car-select .car-select-right .car-model-select.active {
        opacity: 1;
        pointer-events: all; }
      .car-select .car-select-right .car-model-select .close-car-model-select {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        border: 1px solid white;
        display: flex;
        justify-content: center;
        align-items: center; }
        .car-select .car-select-right .car-model-select .close-car-model-select img {
          width: 20px; }
      .car-select .car-select-right .car-model-select .row {
        margin-left: -3px;
        margin-right: -3px; }
        .car-select .car-select-right .car-model-select .row .col {
          padding-left: 3px;
          padding-right: 3px; }
          .car-select .car-select-right .car-model-select .row .col .car-model-select-item {
            background: #c6cbcc;
            width: 100%;
            display: flex;
            padding: 20px;
            box-sizing: border-box;
            height: 100%;
            justify-content: center;
            align-items: center;
            transition: all .3s; }
            .car-select .car-select-right .car-model-select .row .col .car-model-select-item:hover {
              background: #f87f00; }
            .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img {
              border: 1px solid #f87f00;
              width: 50%; }
              .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img img {
                width: 100%; }
            .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article {
              display: flex;
              padding: 0 20px;
              width: 50%;
              flex-direction: column;
              justify-content: center; }
              .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article .car-model-select-item-article-item {
                display: flex;
                flex-direction: column;
                margin-bottom: 10px; }
                .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article .car-model-select-item-article-item strong {
                  color: #080808;
                  font-size: 18px;
                  font-weight: 700; }
                .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article .car-model-select-item-article-item span {
                  color: white;
                  font-size: 18px;
                  font-weight: 500; }
    .car-select .car-select-right .car-detail {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: row wrap;
      background: rgba(16, 38, 42, 0.9);
      left: 0;
      top: 0;
      opacity: 0;
      pointer-events: none;
      transition: all .3s; }
      .car-select .car-select-right .car-detail.active {
        opacity: 1;
        pointer-events: all; }
      .car-select .car-select-right .car-detail .car-detail-brands {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center; }
        .car-select .car-select-right .car-detail .car-detail-brands i {
          color: white;
          font-size: 20px;
          margin-bottom: 10px; }
        .car-select .car-select-right .car-detail .car-detail-brands .car-detail-brands-title {
          color: white;
          font-weight: 700;
          margin-bottom: 8px;
          font-size: 18px; }
        .car-select .car-select-right .car-detail .car-detail-brands .car-detail-brands-model {
          color: white;
          font-weight: 500;
          margin-bottom: 20px;
          font-size: 16px; }
        .car-select .car-select-right .car-detail .car-detail-brands .car-select-check span {
          color: white;
          font-weight: 300;
          font-size: 14px;
          display: block;
          margin-bottom: 5px; }
        .car-select .car-select-right .car-detail .car-detail-brands .car-select-check .car-check {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center; }
          .car-select .car-select-right .car-detail .car-detail-brands .car-select-check .car-check label:after {
            content: '';
            font-family: 'parca-piyasasi';
            width: 20px;
            height: 20px;
            border: 2px solid #9aafaf;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 3px;
            color: white;
            font-size: 13px; }
          .car-select .car-select-right .car-detail .car-detail-brands .car-select-check .car-check input {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0; }
            .car-select .car-select-right .car-detail .car-detail-brands .car-select-check .car-check input:checked + label:after {
              content: '\e932' !important; }
      .car-select .car-select-right .car-detail .car-detail-content {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item {
          border-bottom: 1px solid #f87f00;
          padding: 3px 0;
          display: flex; }
          .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item:first-child {
            border-top: 1px solid #f87f00; }
          .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item span {
            width: 40%;
            font-weight: 100;
            font-size: 18px;
            color: white; }
          .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item strong {
            width: 50%;
            font-weight: 500;
            font-size: 18px;
            color: white; }
      .car-select .car-select-right .car-detail .car-detail-new-query {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .car-select .car-select-right .car-detail .car-detail-new-query a img {
          width: 100px;
          display: block;
          margin-left: auto;
          margin-right: auto; }
        .car-select .car-select-right .car-detail .car-detail-new-query a span {
          font-family: "Roboto";
          font-weight: 900;
          color: white;
          display: block;
          text-align: center;
          margin-top: 10px; }
      .car-select .car-select-right .car-detail .close-car-detail {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        border: 1px solid white;
        display: flex;
        justify-content: center;
        align-items: center; }
        .car-select .car-select-right .car-detail .close-car-detail img {
          width: 20px; }
    .car-select .car-select-right .car-select-form {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .car-select .car-select-right .car-select-form .row {
        margin-left: -5px;
        margin-right: -5px; }
        .car-select .car-select-right .car-select-form .row .car-select-form-item {
          margin-bottom: 5px;
          padding-left: 5px;
          padding-right: 5px; }
          .car-select .car-select-right .car-select-form .row .car-select-form-item .label {
            color: white; }
      .car-select .car-select-right .car-select-form .car-select-submit input {
        font-family: 'parca-piyasasi';
        font-size: 60px;
        margin-left: 10px;
        color: white;
        background: none; }

.category-select {
  font-family: "Exo 2";
  display: flex;
  flex-direction: row;
  margin-bottom: 25px; }
  .category-select .category-select-left {
    width: 222px;
    margin-right: 5px; }
    .category-select .category-select-left .category-img {
      height: 86px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #10262a;
      margin-bottom: 4px; }
      .category-select .category-select-left .category-img img {
        width: 60px; }
    .category-select .category-select-left .category-select-left-bottom {
      background: #10262a;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      height: 40px;
      text-align: center; }
      .category-select .category-select-left .category-select-left-bottom strong {
        color: white;
        font-size: 18px; }
  .category-select .category-select-right {
    width: calc(100% - 227px);
    background: #10262a;
    padding: 15px 30px;
    box-sizing: border-box;
    position: relative; }
    .category-select .category-select-right form .category-select-form-item .label {
      color: white; }

.category-filter-content {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  .category-filter-content .category-list-type {
    border-left: 1px solid #f87f00;
    padding-left: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center; }
    .category-filter-content .category-list-type a {
      color: #10262a;
      font-size: 38px; }
      .category-filter-content .category-list-type a.active, .category-filter-content .category-list-type a:hover {
        color: #f87f00; }
      .category-filter-content .category-list-type a:not(:last-child) {
        margin-right: 20px; }
  .category-filter-content .category-list-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    transition: all .3s;
    position: relative; }
    .category-filter-content .category-list-content .category-list-content-open {
      color: #10262a;
      font-size: 38px;
      width: 56px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #efefef;
      position: relative;
      z-index: 9; }
    .category-filter-content .category-list-content .category-list-content-detail {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 100%;
      font-family: "Roboto";
      position: absolute;
      right: 0;
      top: 0; }
      .category-filter-content .category-list-content .category-list-content-detail a {
        white-space: nowrap;
        background: #c6cbcc;
        font-weight: 300;
        font-size: 18px;
        color: white;
        padding: 5px 10px;
        transition: all .3s;
        margin-left: 20px; }
        .category-filter-content .category-list-content .category-list-content-detail a:hover,.category-filter-content .category-list-content .category-list-content-detail a.active {
          background: #f87f00; }
    .category-filter-content .category-list-content.active {
      width: 535px; }
      .category-filter-content .category-list-content.active .category-list-content-open {
        color: #f87f00; }

.track-groups .track-groups-item {
  margin-bottom: 30px; }
  .track-groups .track-groups-item .track-groups-item-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0px 3px #dbdada;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden; }
    .track-groups .track-groups-item .track-groups-item-content img {
      width: 100%; }
    .track-groups .track-groups-item .track-groups-item-content article {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      padding: 15px; }
      .track-groups .track-groups-item .track-groups-item-content article strong {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: flex-start;
        font-family: "Exo 2";
        font-weight: 700;
        color: white;
        font-size: 25px;
        line-height: 25px;
        z-index: 9; }
        .track-groups .track-groups-item .track-groups-item-content article strong span {
          font-weight: 200; }
        .track-groups .track-groups-item .track-groups-item-content article strong:after {
          content: '';
          position: absolute;
          z-index: -1;
          width: 65px;
          height: 15px;
          background: #11b4d4;
          border-radius: 15px;
          top: 50%;
          left: -5px;
          transform: translateY(-50%); }
    .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border {
      position: absolute;
      background: #11b4d4;
      display: block; }
      .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border:nth-child(1) {
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 3px; }
      .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border:nth-child(2) {
        bottom: -50px;
        left: 0px;
        width: 3px;
        height: 50px; }
      .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border:nth-child(3) {
        top: 0px;
        left: -50px;
        width: 50px;
        height: 3px; }
      .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border:nth-child(4) {
        top: -50px;
        right: 0px;
        width: 3px;
        height: 50px; }
      .track-groups .track-groups-item .track-groups-item-content .track-groups-item-content-border:nth-child(5) {
        bottom: 0px;
        left: 100%;
        width: 50px;
        height: 3px; }
    .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border {
      transition: .3s; }
      .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border:nth-child(1) {
        left: -50px;
        transform: translateX(0%); }
      .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border:nth-child(2) {
        bottom: 100%;
        transition-delay: .3s; }
      .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border:nth-child(3) {
        left: 100%;
        transition-delay: .6s; }
      .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border:nth-child(4) {
        top: 100%;
        transition-delay: .9s; }
      .track-groups .track-groups-item .track-groups-item-content:hover .track-groups-item-content-border:nth-child(5) {
        left: 50%;
        transform: translateX(-50%);
        transition-delay: 1.2s; }

.track-groups-content {
  margin-bottom: 50px; }
  .track-groups-content .track-groups-content-img figure {
    position: relative;
    box-shadow: inset 0 0 0px 3px #dbdada;
    padding: 3px; }
    .track-groups-content .track-groups-content-img figure img {
      width: 100%; }
    .track-groups-content .track-groups-content-img figure .track-groups-content-border {
      position: absolute;
      bottom: 0px;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 3px;
      background: #11b4d4;
      display: block; }
  .track-groups-content .track-groups-content-img .track-groups-content-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px; }
    .track-groups-content .track-groups-content-img .track-groups-content-text strong {
      display: flex;
      flex-direction: column;
      position: relative;
      justify-content: flex-start;
      font-family: "Exo 2";
      font-weight: 700;
      color: white;
      font-size: 25px;
      line-height: 25px;
      z-index: 9; }
      .track-groups-content .track-groups-content-img .track-groups-content-text strong span {
        font-weight: 200; }
      .track-groups-content .track-groups-content-img .track-groups-content-text strong:after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 65px;
        height: 15px;
        background: #f87f00;
        border-radius: 15px;
        top: 50%;
        left: -5px;
        transform: translateY(-50%); }
  .track-groups-content .track-groups-content-article article {
    font-family: "Exo 2";
    border: 1px solid #c6cbcc;
    padding: 10px;
    box-sizing: border-box; }
    .track-groups-content .track-groups-content-article article p {
      font-size: 14px;
      color: #10262a;
      line-height: 17px;
      margin-bottom: 10px; }

.product-track-list {
  position: relative; }
  .product-track-list .product-track-list-item {
    margin-bottom: 30px;
    position: static; }
    .product-track-list .product-track-list-item .product-track-list-item-content {
      display: flex;
      flex-direction: row; }
      .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-icon {
        width: 70px;
        height: 70px;
        margin-right: 5px;
        background: #10262a;
        color: white;
        font-size: 45px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text {
        width: calc(100% - 75px);
        background: #f87f00;
        display: flex;
        align-items: center;
        font-family: "Exo 2";
        padding: 10px; }
        .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text p {
          font-weight: 300;
          color: white;
          font-size: 24px; }
    .product-track-list .product-track-list-item .product-track-list-item-popup {
      position: absolute;
      width: calc(100% - 30px);
      background: rgba(0, 0, 7, 0.85);
      top: -15px;
      left: 15px;
      box-sizing: border-box;
      padding: 15px 0;
      opacity: 0;
      pointer-events: none;
      transition: all .3s; }
      .product-track-list .product-track-list-item .product-track-list-item-popup.active {
        opacity: 1;
        pointer-events: auto; }
      .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close {
        position: absolute;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: 2px solid white;
        top: 20px;
        right: 20px; }
        .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close img {
          width: 20px; }
      .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button a {
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 10px 20px;
        border-radius: 0px 70px 70px 0px;
        background: #6fca09;
        color: white;
        font-size: 18px;
        font-family: "Exo 2";
        font-weight: 700; }
      .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text {
        padding: 20px;
        font-family: "Exo 2"; }
        .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text p {
          margin-bottom: 15px;
          color: white;
          font-size: 18px; }


.product-stok {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  font-family: "Exo 2";
  position: relative;
}

.product-stok .basket-add {
  background: #10262a;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border: none;
  color: white;
  font-weight: 600;
  font-size: 14px;
}

.product-stok .product-stok-content {
  position: absolute;
  width: 100%;
  height: auto;
  background: white;
  left: 0;
  top: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  opacity: 0;
  z-index: 999;
  pointer-events: none;
}
.product-stok .product-stok-content.active {
  opacity: 1;
  pointer-events: auto; 
}
.product-stok .product-stok-content .close-stok-content {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid black; 
}
.product-stok .product-stok-content .close-stok-content img {
  width: 15px; 
}
.product-stok .product-stok-content .product-stok-cars {
  margin-top: 15px;
  margin-bottom: 10px; 
}
.product-stok .product-stok-content .product-stok-cars i {
  font-size: 30px;
  color: black; 
}
.product-stok .product-stok-content .product-stok-name {
  color: #0d0d0d;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: "Exo 2"; 
}
.product-stok .product-stok-content .product-stok-category {
  color: #0d0d0d;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 20px;
  font-family: "Exo 2"; 
}
.product-stok .product-stok-content .product-stok-code {
  font-family: "Exo 2";
  font-weight: 500;
  font-size: 14px;
  color: #0c0b0b;
  margin-bottom: 15px; 
}
.product-stok .product-stok-content .product-stok-code span {
  color: #11b4d4;
  font-weight: 300; 
}
.product-stok .product-stok-content .product-stok-contact-title {
  background: #10262a;
  font-size: 12px;
  color: white;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 11px 4px;
  margin-bottom: 15px;
}


.product-stok .product-stok-content .product-stok-contact-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 150px;
  margin-bottom: 10px; 
}

.product-stok .product-stok-content .product-stok-contact-item.whatsapp i {
  color: #4fce5d; 
}
.product-stok .product-stok-content .product-stok-contact-item.whatsapp .product-stok-contact-item-content span {
  color: #4fce5d; 
}
.product-stok .product-stok-content .product-stok-contact-item.call-center i {
  color: #11b4d4; 
}
.product-stok .product-stok-content .product-stok-contact-item.call-center .product-stok-contact-item-content span {
  color: #11b4d4; 
}
.product-stok .product-stok-content .product-stok-contact-item i {
  font-size: 30px;
  margin-right: 10px;
}
.product-stok .product-stok-content .product-stok-contact-item .product-stok-contact-item-content {
  display: flex;
  flex-direction: column; 
}
.product-stok .product-stok-content .product-stok-contact-item .product-stok-contact-item-content span {
  font-size: 9px;
  font-weight: 700;
  margin-bottom: 3px;
  letter-spacing: .25px; 
}
.product-stok .product-stok-content .product-stok-contact-item .product-stok-contact-item-content a {
  color: #10262a;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px; 
}

/* popup */
.general-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
  opacity: 0;
  pointer-events: none;
  transition: all .3s; }
  .general-popup.active {
    opacity: 1;
    pointer-events: auto; }
  .general-popup .general-popup-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    z-index: -1; }
  .general-popup .general-popup-content {
    max-width: 800px;
    width: 98%;
    position: relative;
    z-index: 9;
    background: white;
    max-height: 70vh;
    padding: 50px;
    font-family: "Exo 2";
    overflow: hidden scroll;
    -webkit-overflow-scrolling: touch; }
    .general-popup .general-popup-content iframe {
        border: none;
        width: 100%;
      }
    .general-popup .general-popup-content .general-popup-close {
      position: absolute;
      right: 25px;
      top: 20px; }
      .general-popup .general-popup-content .general-popup-close img {
        width: 15px; }
    .general-popup .general-popup-content .general-popup-title {
      text-align: center;
      display: block;
      color: #282828;
      font-size: 24px;
      margin-bottom: 45px; }
    
	    .whatsapp-float {
      position: fixed;
      top: 90%;
      right: 20px;
      transform: translateY(-50%);
      width: 60px;
      height: 60px;
      background-color: #25d366;
      border-radius: 50%;
      box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .whatsapp-float:hover {
      transform: translateY(-50%) scale(1.1);
    }

    .whatsapp-float img {
      width: 32px;
      height: 32px;
    }