@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=cyrillic");
html {
  background: #fff;
  color: #15171a;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }

a[href^="tel"] {
  color: inherit;
  text-decoration: none; }

.price {
  color: #1562b5;
  font-size: 23px;
  font-weight: bold; }
  .price sup {
    font-size: 0.70em; }
  .price .currency {
    font-size: 0.75em; }

.price-discounted, .promo .price {
  color: #f00;
  font-size: 23px;
  font-weight: bold; }
  .price-discounted sup, .promo .price sup {
    font-size: 0.70em; }
  .price-discounted .currency, .promo .price .currency {
    font-size: 0.75em; }

.price-old {
  position: relative;
  color: #21252c;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap; }
  .price-old:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: solid 1px #21252c;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  .price-old sup {
    font-size: 0.70em; }
  .price-old .currency {
    font-size: 0.75em; }

.btn-add-to-cart {
  height: 28px;
  padding: 0 12px;
  background: #15171a;
  line-height: 26px;
  border: solid 1px #15171a;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-add-to-cart:hover {
    color: #fff;
    background: black;
    border: solid 1px black; }
  .btn-add-to-cart i {
    position: relative;
    margin-right: 5px;
    top: -1px;
    font-size: 14px;
    vertical-align: middle; }
  .btn-add-to-cart.btn-details {
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 15px; }
    .btn-add-to-cart.btn-details img {
      vertical-align: text-bottom;
      margin: 0 5px 0 0; }

.promo .btn-add-to-cart {
  height: 28px;
  padding: 0 10px;
  background: #f00;
  line-height: 26px;
  border: solid 1px #f00;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .promo .btn-add-to-cart:hover {
    color: #fff;
    background: #b30000;
    border: solid 1px #b30000; }
  .promo .btn-add-to-cart i {
    position: relative;
    margin-right: 5px;
    top: -1px;
    font-size: 14px;
    vertical-align: middle; }
  .promo .btn-add-to-cart.btn-details {
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 15px; }
    .promo .btn-add-to-cart.btn-details img {
      vertical-align: text-bottom;
      margin: 0 5px 0 0; }
.promo .label {
  position: absolute;
  left: 0;
  top: 0;
  height: 26px;
  padding: 0 8px;
  line-height: 26px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  background: #f00;
  z-index: 1; }
  .promo .label strong {
    font-size: 14px; }

.page {
  position: relative;
  overflow: hidden; }

.container, .header .header-content, .box-filter, .footer-line-1 .footer-content, .footer-line-2 .footer-content {
  position: relative;
  width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1200px) {
    .container, .header .header-content, .box-filter, .footer-line-1 .footer-content, .footer-line-2 .footer-content {
      width: auto;
      padding: 0 10px; }
      .container.no-padding, .header .no-padding.header-content, .no-padding.box-filter, .footer-line-1 .no-padding.footer-content, .footer-line-2 .no-padding.footer-content {
        padding: 0; } }
  .container.top-padding, .header .top-padding.header-content, .top-padding.box-filter, .footer-line-1 .top-padding.footer-content, .footer-line-2 .top-padding.footer-content {
    margin-top: 30px; }
  .container.margin, .header .margin.header-content, .margin.box-filter, .footer-line-1 .margin.footer-content, .footer-line-2 .margin.footer-content {
    margin: 30px auto; }

.header {
  position: relative;
  border-bottom: solid 1px #15171a;
  z-index: 3000; }
  .header:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    z-index: 0;
    background: #15171a; }
    @media (max-width: 860px) {
      .header:before {
        height: 90px; } }
  .header .header-content {
    padding: 0;
    min-height: 126px;
    overflow: hidden; }
    .header .header-content .google-languages {
      position: absolute;
      display: inline-block;
      left: 350px;
      top: 7px;
      height: 25px; }
      @media (max-width: 860px) {
        .header .header-content .google-languages {
          position: relative;
          display: block;
          text-align: center;
          top: auto;
          left: auto;
          margin: 10px auto; } }
    .header .header-content .logo {
      position: absolute;
      left: 0;
      top: 16px;
      z-index: 1001; }
      @media (max-width: 1200px) {
        .header .header-content .logo {
          left: 10px; } }
      @media (max-width: 860px) {
        .header .header-content .logo {
          position: relative;
          left: auto;
          top: auto;
          text-align: center; } }
    .header .header-content .login-search {
      position: absolute;
      left: 350px;
      top: 54px;
      z-index: 1001; }
      @media (max-width: 860px) {
        .header .header-content .login-search {
          position: relative;
          left: auto;
          top: auto;
          text-align: center; } }
      .header .header-content .login-search .login {
        margin-bottom: 8px;
        font-size: 13px; }
        .header .header-content .login-search .login .fa-user {
          color: #48aade; }
        .header .header-content .login-search .login a {
          color: #15171a;
          text-decoration: none;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .header .header-content .login-search .login a:hover {
            color: #1562b5;
            text-decoration: none; }
        .header .header-content .login-search .login .login-logged {
          position: relative;
          cursor: pointer; }
          .header .header-content .login-search .login .login-logged:hover .login-dd {
            max-height: 1000px; }
          .header .header-content .login-search .login .login-logged .login-dd {
            position: absolute;
            left: 0;
            top: 100%;
            width: 160px;
            max-height: 0;
            overflow: hidden;
            z-index: 1000;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .header .header-content .login-search .login .login-logged .login-dd .login-dd-content {
              position: relative;
              margin-top: 5px;
              padding: 5px;
              background: #ebebeb;
              text-align: center;
              border: solid 1px #1562b5;
              cursor: default; }
              .header .header-content .login-search .login .login-logged .login-dd .login-dd-content:after {
                position: absolute;
                content: "\f0d8";
                left: 20%;
                top: -12px;
                color: #1562b5;
                font-size: 14px;
                font-family: FontAwesome, sans-serif;
                z-index: 2000; }
      .header .header-content .login-search .search {
        position: relative;
        display: inline-block; }
        @media (max-width: 860px) {
          .header .header-content .login-search .search {
            width: 80%; } }
        .header .header-content .login-search .search input {
          width: 115px;
          height: 34px;
          padding: 0 34px 0 5px;
          border: solid 1px #dcdcdc;
          border-radius: 5px;
          font-size: 15px;
          color: #15171A;
          background: #f6f6f6;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          @media (max-width: 860px) {
            .header .header-content .login-search .search input {
              width: 100%;
              padding: 3px;
              margin-bottom: 10px; } }
          .header .header-content .login-search .search input::-webkit-input-placeholder {
            /* WebKit, Blink, Edge */
            color: #15171A; }
          .header .header-content .login-search .search input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #15171A;
            opacity: 1; }
          .header .header-content .login-search .search input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #15171A;
            opacity: 1; }
          .header .header-content .login-search .search input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #15171A; }
          .header .header-content .login-search .search input:focus {
            width: 145px; }
            @media (max-width: 860px) {
              .header .header-content .login-search .search input:focus {
                width: 100%; } }
        .header .header-content .login-search .search button {
          position: absolute;
          top: 0;
          right: 0;
          width: 34px;
          height: 34px;
          border: none;
          outline: none;
          background: none;
          z-index: 1; }
          .header .header-content .login-search .search button:before {
            content: "\f002";
            position: absolute;
            margin-top: -2px;
            left: 50%;
            top: 50%;
            cursor: pointer;
            transform: translate(-50%, -50%);
            color: #48aade;
            font-size: 18px;
            font-family: FontAwesome, sans-serif;
            z-index: 1;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
          .header .header-content .login-search .search button:hover:before {
            color: #2593ce; }
    .header .header-content .header-phones {
      position: absolute;
      top: 7px;
      right: 0;
      color: #babbbb;
      font-size: 14px;
      z-index: 1001; }
      @media (max-width: 1200px) {
        .header .header-content .header-phones {
          right: 10px; } }
      @media (max-width: 860px) {
        .header .header-content .header-phones {
          position: relative;
          top: auto;
          right: auto;
          height: 39px;
          line-height: 39px;
          margin-bottom: 5px;
          text-align: center; } }
      @media (max-width: 992px) {
        .header .header-content .header-phones span {
          display: none; } }
      .header .header-content .header-phones strong {
        color: #fff;
        font-size: 16px;
        padding-left: 20px; }
        .header .header-content .header-phones strong .fa-fax {
          font-size: 13px; }
        .header .header-content .header-phones strong .fa-mobile {
          font-size: 19px; }
    .header .header-content .menu-container {
      position: absolute;
      right: 240px;
      bottom: 1px;
      font-size: 0;
      z-index: 1000; }
      @media (max-width: 1200px) {
        .header .header-content .menu-container {
          position: relative;
          right: auto;
          bottom: auto;
          padding-top: 65px; } }
      @media (max-width: 860px) {
        .header .header-content .menu-container {
          padding-top: 10px; } }
      .header .header-content .menu-container .menu-mobile {
        display: none;
        position: relative;
        left: 60%;
        font-size: 28px;
        color: #333;
        cursor: pointer;
        z-index: 1; }
        @media (max-width: 1200px) {
          .header .header-content .menu-container .menu-mobile {
            display: inline-block; } }
        @media (max-width: 860px) {
          .header .header-content .menu-container .menu-mobile {
            left: 10px;
            margin-bottom: 10px; } }
        .header .header-content .menu-container .menu-mobile .fa-times {
          display: none; }
        .header .header-content .menu-container .menu-mobile .fa-bars {
          display: inline-block; }
        .header .header-content .menu-container .menu-mobile.mobile .fa-bars {
          display: none !important; }
        .header .header-content .menu-container .menu-mobile.mobile .fa-times {
          display: inline-block !important; }
        .header .header-content .menu-container .menu-mobile:after {
          position: absolute;
          content: attr(title);
          left: 32px;
          top: 11px;
          color: #333;
          font-size: 14px;
          text-transform: uppercase;
          z-index: 1; }
      .header .header-content .menu-container .menu {
        width: 450px; }
        @media (max-width: 1200px) {
          .header .header-content .menu-container .menu {
            display: block;
            position: absolute;
            top: 127px;
            left: 0;
            width: 100%;
            max-height: 0;
            background: #f5f5f5;
            overflow: hidden;
            z-index: 1;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .header .header-content .menu-container .menu.mobile {
              max-height: 1000px;
              padding: 20px 0; }
            .header .header-content .menu-container .menu .main-menu {
              flex-direction: column;
              margin-bottom: 20px; }
              .header .header-content .menu-container .menu .main-menu a {
                color: #fff !important;
                display: block !important;
                height: auto !important;
                margin: 2px 10px !important;
                padding: 3px 10px !important;
                border: solid 2px #1562b5 !important;
                border-radius: 4px;
                background: #48aade !important;
                text-align: center; }
                .header .header-content .menu-container .menu .main-menu a img {
                  display: none; }
                .header .header-content .menu-container .menu .main-menu a br {
                  display: none; }
            .header .header-content .menu-container .menu .header-links {
              position: relative !important;
              left: auto !important;
              top: auto !important;
              padding: 5px !important;
              background: #333;
              text-align: center; } }
        @media (max-width: 860px) {
          .header .header-content .menu-container .menu {
            top: 60px; } }
        .header .header-content .menu-container .menu .main-menu {
          display: flex; }
          .header .header-content .menu-container .menu .main-menu a {
            position: relative;
            height: 85px;
            margin: 0 5px;
            padding: 16px 9px 0 9px;
            border-left: solid 1px transparent;
            border-right: solid 1px transparent;
            white-space: nowrap;
            color: #15171a;
            line-height: 16px;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
            overflow: hidden;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .header .header-content .menu-container .menu .main-menu a img {
              margin-bottom: 6px; }
            .header .header-content .menu-container .menu .main-menu a:hover {
              border-left: solid 1px #dcdcdc;
              border-right: solid 1px #dcdcdc;
              background: #f6f6f6; }
            .header .header-content .menu-container .menu .main-menu a.active {
              border-left: solid 1px #dcdcdc;
              border-right: solid 1px #dcdcdc;
              background: #f6f6f6; }
        .header .header-content .menu-container .menu .header-links {
          position: absolute;
          left: -170px;
          top: -30px;
          font-size: 13px; }
          .header .header-content .menu-container .menu .header-links a {
            margin: 0 6px;
            color: #dededf;
            white-space: nowrap;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .header .header-content .menu-container .menu .header-links a:hover {
              color: #fff;
              text-decoration: none; }
    .header .header-content .mini-cart {
      position: absolute;
      bottom: 1px;
      right: 0;
      z-index: 1001; }
      .header .header-content .mini-cart.open .mini-cart-dd {
        max-height: 1500px;
        border-top: solid 1px #d4d4d4;
        border-left: solid 1px #15171a;
        border-right: solid 1px #15171a;
        border-bottom: solid 1px #15171a;
        -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); }
      .header .header-content .mini-cart.open .mini-cart-content:after {
        content: "\f0d8"; }
      .header .header-content .mini-cart .mini-cart-content {
        position: relative;
        width: 230px;
        height: 86px;
        padding: 20px 15% 0 40%;
        color: #48aadf;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        cursor: pointer;
        background: #f4f4f4;
        border-left: solid 1px #d4d4d4;
        border-right: solid 1px #d4d4d4;
        z-index: 2;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        @media (max-width: 860px) {
          .header .header-content .mini-cart .mini-cart-content {
            height: 66px;
            padding: 10px 15% 0 40%;
            background: none;
            border-left: solid 1px transparent;
            border-right: solid 1px transparent; } }
        .header .header-content .mini-cart .mini-cart-content:before {
          position: absolute;
          content: "";
          left: 0;
          top: 50%;
          width: 35%;
          height: 50%;
          border-right: solid 1px #85acd5;
          transform: translate(0, -50%);
          background: url("../images/icon-mini-cart.png") no-repeat center;
          overflow: hidden;
          z-index: 1; }
          @media (max-width: 860px) {
            .header .header-content .mini-cart .mini-cart-content:before {
              height: 70%; } }
        .header .header-content .mini-cart .mini-cart-content:after {
          position: absolute;
          content: "\f0d7";
          right: 0;
          top: 50%;
          width: 15%;
          transform: translate(0, -50%);
          color: #88aed8;
          text-align: center;
          font-size: 14px;
          font-family: FontAwesome, sans-serif;
          overflow: hidden;
          z-index: 1; }
        .header .header-content .mini-cart .mini-cart-content .price {
          font-size: 16px; }
        .header .header-content .mini-cart .mini-cart-content .currency {
          font-weight: normal; }
      .header .header-content .mini-cart .mini-cart-dd {
        position: absolute;
        left: 0;
        top: 87px;
        max-height: 0;
        width: 100%;
        cursor: default;
        border-top: solid 1px #15171a;
        border-left: solid 1px transparent;
        border-right: solid 1px transparent;
        border-bottom: solid 1px transparent;
        overflow: hidden;
        z-index: 1;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out; }
        @media (max-width: 860px) {
          .header .header-content .mini-cart .mini-cart-dd {
            top: 67px; } }
        .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content {
          position: relative;
          padding: 1px;
          background: #fff; }
          .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-empty {
            padding: 50px 0;
            text-align: center;
            font-size: 14px; }
          .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item {
            display: table;
            width: 100%;
            border-bottom: solid 1px #d4d4d4; }
            .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div {
              display: table-row; }
              .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-img {
                display: table-cell;
                vertical-align: top;
                width: 75px;
                overflow: hidden;
                font-size: 0; }
              .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-text {
                display: table-cell;
                vertical-align: top;
                padding: 7px 7px 0 7px;
                white-space: normal;
                overflow: hidden;
                color: #000;
                font-size: 12px;
                line-height: 16px; }
                .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-text a {
                  color: #000;
                  text-decoration: none;
                  -webkit-transition: all 0.2s ease-in-out;
                  -moz-transition: all 0.2s ease-in-out;
                  -ms-transition: all 0.2s ease-in-out;
                  -o-transition: all 0.2s ease-in-out;
                  transition: all 0.2s ease-in-out; }
                  .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-text a:hover {
                    color: #009d56;
                    text-decoration: none; }
                .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-text .mci-price {
                  width: 90px;
                  margin-bottom: 10px;
                  font-size: 15px; }
                  .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-text .mci-price .price {
                    font-size: 16px; }
              .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-remove {
                position: relative;
                display: table-cell;
                vertical-align: bottom;
                text-align: center;
                width: 22px; }
                .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-remove button {
                  margin: 0 0 10px 0;
                  padding: 0;
                  background: none;
                  border: none;
                  cursor: pointer; }
                  .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-remove button i {
                    color: #f00; }
                  .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-item div .mci-remove button:hover i {
                    color: #cc0000; }
          .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-total {
            margin: 15px 10px;
            text-align: center;
            color: #15171a;
            font-size: 13px;
            text-transform: uppercase; }
            .header .header-content .mini-cart .mini-cart-dd .mini-cart-dd-content .mini-cart-total .price {
              font-size: 20px; }

.box-filter {
  margin-bottom: 30px; }
  .box-filter.inner-page {
    padding: 30px 0;
    background: url("../images/filter-background.jpg") no-repeat center top; }
    .box-filter.inner-page .box-categories {
      position: relative;
      float: left;
      left: auto;
      top: auto; }
      @media (max-width: 700px) {
        .box-filter.inner-page .box-categories {
          margin-bottom: 30px; } }
    .box-filter.inner-page .box-brands {
      position: relative;
      float: right;
      right: auto;
      top: auto; }
  .box-filter .cols {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .box-filter .cols {
        flex-direction: column; } }
    .box-filter .cols .col-left {
      width: 335px; }
      @media (max-width: 1200px) {
        .box-filter .cols .col-left {
          width: 28%; } }
      @media (max-width: 1024px) {
        .box-filter .cols .col-left {
          width: 37.8%; } }
      @media (max-width: 768px) {
        .box-filter .cols .col-left {
          width: 100%;
          border-bottom: solid 1px #15171a; } }
    .box-filter .cols .col-right {
      width: 865px; }
      @media (max-width: 1200px) {
        .box-filter .cols .col-right {
          width: 72%; } }
      @media (max-width: 1024px) {
        .box-filter .cols .col-right {
          width: 62%; } }
      @media (max-width: 768px) {
        .box-filter .cols .col-right {
          width: 100%; } }
  .box-filter .box-categories {
    position: absolute;
    left: 0;
    top: 30px;
    width: 335px;
    max-width: 100%;
    padding: 17px 40px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background: #48aade;
    z-index: 2001; }
    @media (max-width: 700px) {
      .box-filter .box-categories {
        width: 100%; } }
    .box-filter .box-categories:hover .menu-dd:after {
      height: 0 !important; }
    .box-filter .box-categories.active:after {
      content: "\f106"; }
    .box-filter .box-categories.home {
      position: relative;
      top: 0;
      width: 100%; }
      @media (min-width: 768px) {
        .box-filter .box-categories.home:after {
          content: "\f106"; }
        .box-filter .box-categories.home .menu-dd {
          display: block;
          max-height: 512px;
          overflow: hidden; }
          .box-filter .box-categories.home .menu-dd:after {
            position: absolute;
            content: "\f0d7";
            left: 0;
            bottom: 0;
            width: 100%;
            height: 30px;
            line-height: 35px;
            text-align: center;
            font-size: 10px;
            color: #fff;
            font-family: FontAwesome, sans-serif;
            z-index: 10;
            background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(21, 98, 181, 0.51) 49%, rgba(25, 78, 136, 0.88) 85%, #1a4675 100%);
            background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(21, 98, 181, 0.51) 49%, rgba(25, 78, 136, 0.88) 85%, #1a4675 100%);
            background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(21, 98, 181, 0.51) 49%, rgba(25, 78, 136, 0.88) 85%, #1a4675 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1a4675',GradientType=0 );
            overflow: hidden;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; } }
    .box-filter .box-categories:before {
      position: absolute;
      content: "\f0c9";
      left: 15px;
      top: 50%;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      font-family: FontAwesome, sans-serif;
      transform: translate(0, -50%);
      z-index: 1; }
    .box-filter .box-categories:after {
      position: absolute;
      content: "\f107";
      right: 20px;
      top: 50%;
      color: #fff;
      font-size: 21px;
      font-weight: 300;
      font-family: FontAwesome, sans-serif;
      transform: translate(0, -50%);
      z-index: 1; }
    .box-filter .box-categories .menu-dd {
      position: absolute;
      display: none;
      top: 57px;
      left: 0;
      cursor: default;
      width: 100%;
      z-index: 1000; }
      .box-filter .box-categories .menu-dd .menu-dd-l1 {
        position: relative;
        left: 0;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #1562b5; }
        @media (max-width: 700px) {
          .box-filter .box-categories .menu-dd .menu-dd-l1 {
            width: auto; } }
        .box-filter .box-categories .menu-dd .menu-dd-l1 li {
          position: relative;
          margin: 0;
          padding: 0; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li:last-child > a {
            border-bottom: none; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li:hover > a {
            padding: 7px 20px;
            color: #fff;
            text-decoration: none;
            background: #104987; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li > a {
            position: relative;
            display: block;
            padding: 7px 15px;
            color: #fff;
            font-size: 12px;
            font-weight: normal;
            text-transform: uppercase;
            text-decoration: none;
            border-bottom: solid 1px #297fc5;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li.sub-menu:hover > a:before {
            opacity: 1; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li.sub-menu:hover > a:after {
            position: absolute;
            content: "\f0da";
            top: 50%;
            right: 0;
            width: 21px;
            height: 17px;
            z-index: 1; }
            @media (max-width: 700px) {
              .box-filter .box-categories .menu-dd .menu-dd-l1 li.sub-menu:hover > a:after {
                content: "\f0d7";
                top: 50%;
                right: 0;
                width: 21px;
                height: 17px;
                background: none;
                z-index: 1; } }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li.sub-menu > a:after {
            position: absolute;
            content: "\f0da";
            top: 50%;
            right: 0;
            width: 21px;
            height: 17px;
            transform: translate(0, -50%);
            color: #fff;
            text-align: center;
            font-size: 9px;
            font-family: FontAwesome, sans-serif;
            background: none;
            z-index: 1; }
          .box-filter .box-categories .menu-dd .menu-dd-l1 li .menu-dd-l2 {
            position: absolute;
            display: none;
            left: 100%;
            top: 0;
            background: #104987;
            border-top: solid 1px #104987; }
            .box-filter .box-categories .menu-dd .menu-dd-l1 li .menu-dd-l2 a {
              display: block;
              min-width: 250px;
              margin: 0 5px;
              padding: 7px 15px;
              color: #fff;
              font-size: 11px;
              font-weight: normal;
              text-decoration: none;
              overflow: hidden;
              border-bottom: solid 1px #297fc5;
              -webkit-transition: all 0.5s ease-in-out;
              -moz-transition: all 0.5s ease-in-out;
              -ms-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out; }
              .box-filter .box-categories .menu-dd .menu-dd-l1 li .menu-dd-l2 a:last-child {
                border-bottom: none; }
              .box-filter .box-categories .menu-dd .menu-dd-l1 li .menu-dd-l2 a:hover {
                color: #fff;
                text-decoration: none;
                background: #20649b; }
  .box-filter .box-brands {
    position: absolute;
    top: 30px;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 2px;
    background: #48aade;
    z-index: 2000; }
    @media (max-width: 1200px) {
      .box-filter .box-brands {
        flex-direction: column; } }
    @media (max-width: 700px) {
      .box-filter .box-brands {
        top: 120px;
        left: 0;
        right: auto;
        width: 100%; } }
    .box-filter .box-brands.home {
      position: relative;
      top: 0;
      width: 100%; }
    .box-filter .box-brands > div {
      color: #fff;
      padding: 0 1px;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: bold; }
      @media (max-width: 1200px) {
        .box-filter .box-brands > div {
          padding: 1px;
          text-align: center;
          width: 100%; } }
      .box-filter .box-brands > div:nth-child(2) {
        min-width: 155px; }
      .box-filter .box-brands > div:nth-child(3) {
        min-width: 280px; }
      .box-filter .box-brands > div:nth-child(4) {
        min-width: 150px; }
      .box-filter .box-brands > div select {
        color: #1562b5;
        border: solid 1px #fff; }
        @media (max-width: 1200px) {
          .box-filter .box-brands > div select {
            width: 100%; } }
      .box-filter .box-brands > div:nth-child(1) {
        padding: 1px 15px;
        line-height: 51px;
        min-height: 51px; }
      .box-filter .box-brands > div:nth-child(5) {
        padding: 1px 10px;
        line-height: 51px;
        min-height: 51px; }

.slideshow {
  position: relative;
  width: 100%;
  height: 512px;
  overflow: hidden;
  z-index: 1; }
  @media (max-width: 1200px) {
    .slideshow {
      height: 333px; } }
  .slideshow .slide {
    position: relative;
    text-align: center;
    width: 100%;
    height: 512px;
    background-repeat: no-repeat;
    background-position: center; }
    .slideshow .slide .slide-title {
      position: absolute;
      left: 50%;
      bottom: 45px;
      width: 1200px;
      padding: 0 20px;
      color: #fff;
      font-size: 45px;
      line-height: 45px;
      font-weight: normal;
      text-align: left;
      text-shadow: 1px 1px 1px #000;
      transform: translate(-50%, 0);
      z-index: 1112; }
      @media (max-width: 1200px) {
        .slideshow .slide .slide-title {
          width: 100%;
          padding: 0 15px; } }
      @media (max-width: 1024px) {
        .slideshow .slide .slide-title {
          font-size: 35px; } }
      @media (max-width: 700px) {
        .slideshow .slide .slide-title {
          display: none; } }
  .slideshow .control-nav-box {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    right: 0;
    font-size: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1111; }
    .slideshow .control-nav-box .control-nav a {
      position: relative;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: #808182;
      text-decoration: none;
      font-size: 0;
      padding: 0;
      /*-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
      box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);*/
      -webkit-border-radius: 10px;
      border-radius: 10px; }
      .slideshow .control-nav-box .control-nav a.activeSlide {
        background: #2b2b2b; }
      .slideshow .control-nav-box .control-nav a:focus {
        outline: none; }
    .slideshow .control-nav-box .direction-nav {
      position: relative;
      width: 30px;
      height: 30px;
      cursor: pointer;
      z-index: 100; }
      .slideshow .control-nav-box .direction-nav:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px;
        color: #404041;
        font-size: 32px;
        line-height: 28px;
        text-align: center;
        font-family: FontAwesome, sans-serif;
        /*text-shadow: 1px 1px 3px #888;*/
        z-index: 1;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .slideshow .control-nav-box .direction-nav:after:hover {
          color: #48aadf; }
      .slideshow .control-nav-box .direction-nav.left {
        left: 0; }
        .slideshow .control-nav-box .direction-nav.left:after {
          content: "\f104"; }
      .slideshow .control-nav-box .direction-nav.right {
        right: 0; }
        .slideshow .control-nav-box .direction-nav.right:after {
          content: "\f105"; }

.home-accents {
  position: relative;
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 768px) {
    .home-accents {
      flex-direction: column; } }
  .home-accents a {
    position: relative;
    margin: 0 15px;
    padding: 5px;
    text-decoration: none;
    background: #fff;
    font-size: 0;
    border-radius: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 768px) {
      .home-accents a {
        margin: 10px 0; } }
    .home-accents a:hover {
      text-decoration: none;
      background: #e1e5e8; }
    .home-accents a:after {
      position: absolute;
      content: attr(title);
      left: 35%;
      top: 18px;
      width: 160px;
      color: #fff;
      font-size: 18px;
      font-weight: bolder;
      text-shadow: 1px 1px 2px #1b1b1b;
      z-index: 1; }

.products {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px 25px -9px; }
  .products .product-wrapper {
    width: 25%;
    padding: 9px;
    overflow: hidden; }
    @media (max-width: 992px) {
      .products .product-wrapper {
        width: 33.33333333333%; } }
    @media (max-width: 768px) {
      .products .product-wrapper {
        width: 50%; } }
    @media (max-width: 600px) {
      .products .product-wrapper {
        width: 100%; } }

.product-item {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #a3d4ee;
  box-shadow: inset 0 0 0 1px #a3d4ee; }
  .product-item:hover {
    -webkit-box-shadow: inset 0 0 0 2px #a3d4ee;
    box-shadow: inset 0 0 0 2px #a3d4ee; }
    .product-item:hover .image .details {
      opacity: 1; }
  .product-item.promo {
    -webkit-box-shadow: inset 0 0 0 1px #f00;
    box-shadow: inset 0 0 0 1px #f00; }
    .product-item.promo:hover {
      -webkit-box-shadow: inset 0 0 0 2px #f00;
      box-shadow: inset 0 0 0 2px #f00; }
  .product-item.category .info .name {
    height: 32px;
    text-align: center; }
  .product-item.car .info .name {
    height: 32px; }
  .product-item.car .info .parameter {
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #15171a;
    white-space: nowrap;
    overflow: hidden; }
    .product-item.car .info .parameter:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      width: 25px;
      height: 16px;
      overflow: hidden;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      z-index: 1; }
  .product-item .image {
    position: relative;
    font-size: 0;
    padding: 2px; }
    .product-item .image img {
      width: 100%; }
    .product-item .image .details {
      position: absolute;
      opacity: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 5px 8px 5px 26px;
      border-radius: 3px;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      background: rgba(0, 0, 0, 0.8);
      z-index: 1;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .product-item .image .details:before {
        position: absolute;
        content: "\f06e";
        left: 5px;
        top: 50%;
        transform: translate(0, -50%);
        color: #fff;
        font-size: 14px;
        font-family: FontAwesome, sans-serif;
        z-index: 1; }
    .product-item .image .out-off-stock {
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 100%;
      height: 28px;
      transform: translate(-50%, 0);
      line-height: 28px;
      text-align: center;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      background: -moz-linear-gradient(left, rgba(21, 98, 181, 0) 0%, #1562b5 3%, #1562b5 97%, rgba(21, 98, 181, 0) 100%);
      background: -webkit-linear-gradient(left, rgba(21, 98, 181, 0) 0%, #1562b5 3%, #1562b5 97%, rgba(21, 98, 181, 0) 100%);
      background: linear-gradient(to right, rgba(21, 98, 181, 0) 0%, #1562b5 3%, #1562b5 97%, rgba(21, 98, 181, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001562b5', endColorstr='#001562b5',GradientType=1 ); }
  .product-item .info {
    padding: 10px; }
    .product-item .info .name {
      position: relative;
      height: 64px;
      line-height: 16px;
      margin-bottom: 15px;
      text-transform: uppercase;
      overflow: hidden; }
      .product-item .info .name a {
        color: #15171a;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .product-item .info .name a:hover {
          color: #15171a;
          text-decoration: underline; }
      .product-item .info .name:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        width: 45px;
        height: 16px;
        overflow: hidden;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        z-index: 1; }
    .product-item .info .order {
      display: flex;
      justify-content: space-between; }

.last-viewed-box {
  position: relative;
  padding: 15px 0 20px 0;
  border-top: solid 1px #000;
  background: #ebebeb; }
  .last-viewed-box .carousel {
    position: relative;
    font-size: 0; }
    @media (max-width: 1200px) {
      .last-viewed-box .carousel {
        padding: 0 20px; } }
    .last-viewed-box .carousel .carousel-item {
      display: inline-block;
      width: 300px;
      margin: 10px 5px;
      position: relative;
      background: #fff;
      -webkit-box-shadow: inset 0 0 0 1px #a3d4ee;
      box-shadow: inset 0 0 0 1px #a3d4ee; }
      .last-viewed-box .carousel .carousel-item:hover {
        -webkit-box-shadow: inset 0 0 0 2px #a3d4ee;
        box-shadow: inset 0 0 0 2px #a3d4ee; }
        .last-viewed-box .carousel .carousel-item:hover .image .details {
          opacity: 1; }
      .last-viewed-box .carousel .carousel-item.promo {
        -webkit-box-shadow: inset 0 0 0 1px #f00;
        box-shadow: inset 0 0 0 1px #f00; }
        .last-viewed-box .carousel .carousel-item.promo:hover {
          -webkit-box-shadow: inset 0 0 0 2px #f00;
          box-shadow: inset 0 0 0 2px #f00; }
      .last-viewed-box .carousel .carousel-item .image {
        position: relative;
        font-size: 0;
        padding: 2px; }
        .last-viewed-box .carousel .carousel-item .image img {
          width: 100%; }
        .last-viewed-box .carousel .carousel-item .image .details {
          position: absolute;
          opacity: 0;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          padding: 5px 8px 5px 26px;
          border-radius: 3px;
          color: #fff;
          text-decoration: none;
          font-size: 16px;
          font-weight: bold;
          text-transform: uppercase;
          background: rgba(0, 0, 0, 0.8);
          z-index: 1;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .last-viewed-box .carousel .carousel-item .image .details:before {
            position: absolute;
            content: "\f06e";
            left: 5px;
            top: 50%;
            transform: translate(0, -50%);
            color: #fff;
            font-size: 14px;
            font-family: FontAwesome, sans-serif;
            z-index: 1; }
        .last-viewed-box .carousel .carousel-item .image .out-off-stock {
          position: absolute;
          left: 50%;
          bottom: 0;
          width: 100%;
          height: 28px;
          transform: translate(-50%, 0);
          line-height: 28px;
          text-align: center;
          color: #fff;
          font-size: 14px;
          text-transform: uppercase;
          background: -moz-linear-gradient(left, rgba(21, 98, 181, 0) 0%, #1562b5 1%, #1562b5 99%, rgba(21, 98, 181, 0) 100%);
          background: -webkit-linear-gradient(left, rgba(21, 98, 181, 0) 0%, #1562b5 1%, #1562b5 99%, rgba(21, 98, 181, 0) 100%);
          background: linear-gradient(to right, rgba(21, 98, 181, 0) 0%, #1562b5 1%, #1562b5 99%, rgba(21, 98, 181, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001562b5', endColorstr='#001562b5',GradientType=1 ); }
      .last-viewed-box .carousel .carousel-item .info {
        padding: 10px; }
        .last-viewed-box .carousel .carousel-item .info .name {
          position: relative;
          height: 64px;
          line-height: 16px;
          margin-bottom: 15px;
          text-transform: uppercase;
          overflow: hidden; }
          .last-viewed-box .carousel .carousel-item .info .name a {
            color: #15171a;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .last-viewed-box .carousel .carousel-item .info .name a:hover {
              color: #15171a;
              text-decoration: underline; }
          .last-viewed-box .carousel .carousel-item .info .name:after {
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            width: 45px;
            height: 16px;
            overflow: hidden;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
            z-index: 1; }
        .last-viewed-box .carousel .carousel-item .info .order {
          display: flex;
          justify-content: space-between; }

.listing-controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding: 2px 15px;
  color: #15171a;
  font-size: 14px;
  line-height: 35px;
  background: #f7f7f7;
  border: solid 1px #e1e1e1;
  border-radius: 4px; }
  @media (max-width: 768px) {
    .listing-controls {
      flex-direction: column;
      align-items: center; } }
  .listing-controls .pagination strong {
    font-size: 15px; }
  .listing-controls .pagination table {
    display: inline-block;
    vertical-align: middle; }
  .listing-controls .filters {
    color: #15171a;
    font-size: 14px; }
    .listing-controls .filters select {
      width: auto;
      border: solid 1px #ccc;
      border-radius: 4px; }

.no-results {
  margin: 50px 0 65px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.breadcrumb {
  color: #15171a;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 25px 0; }
  .breadcrumb a {
    color: #1562b5;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .breadcrumb a:hover {
      color: #15171a;
      text-decoration: none; }

.product-details {
  display: flex; }
  @media (max-width: 768px) {
    .product-details {
      flex-direction: column; } }
  .product-details .details-images {
    width: 34%;
    padding-right: 20px; }
    @media (max-width: 1024px) {
      .product-details .details-images {
        width: 45%; } }
    @media (max-width: 768px) {
      .product-details .details-images {
        width: 100%;
        padding: 0; } }
    .product-details .details-images .details-image {
      position: relative;
      margin-bottom: 10px; }
      .product-details .details-images .details-image .label {
        top: 2px;
        left: 2px; }
      .product-details .details-images .details-image a {
        display: inline-block;
        font-size: 0;
        padding: 1px;
        border: solid 1px #f0f0f0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .product-details .details-images .details-image a:hover {
          border: solid 1px #d7d7d7; }
      .product-details .details-images .details-image img {
        width: 100%; }
      .product-details .details-images .details-image .hidden-images {
        display: none; }
    .product-details .details-images .details-thumbs {
      margin: 0 -5px;
      font-size: 0; }
      .product-details .details-images .details-thumbs > div {
        display: inline-block;
        width: 33.333333333%; }
        .product-details .details-images .details-thumbs > div a {
          display: inline-block;
          font-size: 0;
          padding: 1px;
          border: solid 1px #f0f0f0;
          margin: 5px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .product-details .details-images .details-thumbs > div a:hover {
            border: solid 1px #d7d7d7; }
          .product-details .details-images .details-thumbs > div a img {
            width: 100%; }
  .product-details .details-info {
    width: 66%; }
    @media (max-width: 1024px) {
      .product-details .details-info {
        width: 55%; } }
    @media (max-width: 768px) {
      .product-details .details-info {
        width: 100%;
        padding: 0; } }
    .product-details .details-info .cols-2 {
      display: flex; }
      @media (max-width: 1024px) {
        .product-details .details-info .cols-2 {
          flex-direction: column; } }
      .product-details .details-info .cols-2 .col-left {
        width: 40%; }
        @media (max-width: 1024px) {
          .product-details .details-info .cols-2 .col-left {
            width: 100%;
            margin-bottom: 15px; } }
        .product-details .details-info .cols-2 .col-left .ref-number {
          position: relative;
          margin-bottom: 15px;
          font-size: 13px; }
          .product-details .details-info .cols-2 .col-left .ref-number .in-stock {
            position: absolute;
            left: 100%;
            top: 0;
            font-size: 13px;
            padding-left: 20px;
            white-space: nowrap;
            z-index: 1; }
            @media (max-width: 1024px) {
              .product-details .details-info .cols-2 .col-left .ref-number .in-stock {
                position: relative;
                left: auto;
                top: auto;
                margin-top: 10px;
                padding: 0; } }
            .product-details .details-info .cols-2 .col-left .ref-number .in-stock i {
              font-size: 13px;
              color: #19a48b; }
          .product-details .details-info .cols-2 .col-left .ref-number .out-of-stock {
            position: absolute;
            right: -20px;
            top: 0;
            font-size: 13px;
            padding-left: 20px;
            white-space: nowrap;
            color: #f00;
            z-index: 1; }
            @media (max-width: 1024px) {
              .product-details .details-info .cols-2 .col-left .ref-number .out-of-stock {
                position: relative;
                left: auto;
                top: auto;
                margin-top: 10px;
                padding: 0; } }
            .product-details .details-info .cols-2 .col-left .ref-number .out-of-stock i {
              font-size: 13px;
              color: #f00; }
        .product-details .details-info .cols-2 .col-left .prices {
          margin-bottom: 20px;
          padding: 0 10px; }
          @media (max-width: 1024px) {
            .product-details .details-info .cols-2 .col-left .prices br {
              display: none; } }
        .product-details .details-info .cols-2 .col-left .details-order {
          display: flex;
          margin-bottom: 25px; }
          .product-details .details-info .cols-2 .col-left .details-order input {
            width: 40px;
            height: 40px;
            text-align: center;
            margin-right: 5px;
            border: solid 1px #a1a2a3; }
        .product-details .details-info .cols-2 .col-left .details-description {
          font-size: 13px;
          margin: 40px 0; }
          .product-details .details-info .cols-2 .col-left .details-description .details-title {
            font-size: 13px;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-weight: bold; }
          .product-details .details-info .cols-2 .col-left .details-description a {
            color: #1562b5;
            text-decoration: none; }
            .product-details .details-info .cols-2 .col-left .details-description a:hover {
              color: #1562b5;
              text-decoration: underline; }
          .product-details .details-info .cols-2 .col-left .details-description ul {
            list-style: none;
            margin: 0 0 15px 0;
            padding: 0; }
            .product-details .details-info .cols-2 .col-left .details-description ul li {
              position: relative;
              margin: 0;
              padding: 2px 0 2px 10px; }
              .product-details .details-info .cols-2 .col-left .details-description ul li:before {
                position: absolute;
                content: "\f0da";
                left: 0;
                top: 50%;
                transform: translate(0, -50%);
                font-size: 12px;
                font-family: FontAwesome, sans-serif;
                color: #999;
                z-index: 1; }
      .product-details .details-info .cols-2 .col-right {
        width: 60%;
        padding-left: 20px; }
        @media (max-width: 1024px) {
          .product-details .details-info .cols-2 .col-right {
            width: 100%;
            padding: 0; } }
        .product-details .details-info .cols-2 .col-right .details-title {
          margin: 50px 0 10px 0;
          color: #15171a;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: bold; }
          @media (max-width: 1024px) {
            .product-details .details-info .cols-2 .col-right .details-title {
              margin: 0 0 10px 0; } }
          .product-details .details-info .cols-2 .col-right .details-title.car {
            margin: 0 0 10px 0; }
        .product-details .details-info .cols-2 .col-right .details-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 2px; }
          .product-details .details-info .cols-2 .col-right .details-table tr td {
            font-size: 12px;
            padding: 3px 5px 3px 30px; }
            .product-details .details-info .cols-2 .col-right .details-table tr td:nth-child(2) {
              font-weight: bold; }
          .product-details .details-info .cols-2 .col-right .details-table tr:nth-child(odd) td {
            background: #ebebeb; }
          .product-details .details-info .cols-2 .col-right .details-table tr:nth-child(even) td {
            background: #f7f7f7; }
    .product-details .details-info hr {
      position: relative;
      height: 1px;
      width: 100%;
      border: 0;
      background: #15171a;
      margin: 30px 0; }
    .product-details .details-info .details-title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px; }
    .product-details .details-info .details-request-form {
      margin-bottom: 20px; }
      .product-details .details-info .details-request-form .product-enquiry-error {
        display: none;
        margin-bottom: 15px;
        background: #f00;
        color: #fff;
        font-size: 14px;
        text-align: center; }
      .product-details .details-info .details-request-form label {
        margin-bottom: 10px; }
      .product-details .details-info .details-request-form input,
      .product-details .details-info .details-request-form textarea {
        border-radius: 4px;
        border: solid 1px #ccc;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .product-details .details-info .details-request-form input:hover,
        .product-details .details-info .details-request-form textarea:hover {
          border: solid 1px #a6a6a6; }
        .product-details .details-info .details-request-form input:focus,
        .product-details .details-info .details-request-form textarea:focus {
          border: solid 1px #a6a6a6; }

.gallery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.3%;
  overflow: hidden; }
  .gallery .gallery-item {
    position: relative;
    width: 32.733333%;
    margin: 0 0.3% 6px 0.3%; }
    @media (max-width: 990px) {
      .gallery .gallery-item {
        width: 49.4%; }
        .gallery .gallery-item:last-child {
          display: none; } }
    @media (max-width: 768px) {
      .gallery .gallery-item {
        width: 99.4%; }
        .gallery .gallery-item:last-child {
          display: block; } }
    .gallery .gallery-item a {
      display: block;
      position: relative;
      font-size: 0;
      padding: 1px;
      border: solid 1px #f0f0f0;
      overflow: hidden;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .gallery .gallery-item a:hover {
        border: solid 1px #d7d7d7; }
      .gallery .gallery-item a img {
        width: 100%; }
      .gallery .gallery-item a .gallery-name {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 8px 10px;
        color: #fff;
        font-size: 13px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .gallery .gallery-item a .gallery-name h3 {
          margin: 0;
          text-transform: uppercase;
          font-weight: bold; }
      .gallery .gallery-item a:hover .gallery-name {
        background: rgba(0, 0, 0, 0.9); }

.g-map {
  height: 250px; }

.faq-item {
  padding: 10px 15px;
  background: #f0f0f0;
  margin-bottom: 6px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer; }
  .faq-item .faq-question {
    position: relative;
    padding-right: 20px;
    color: #1a1a1a;
    font-size: 16px; }
    .faq-item .faq-question:after {
      position: absolute;
      content: "\f055";
      right: 0;
      top: 2px;
      cursor: pointer;
      color: #1562b5;
      font-size: 16px;
      font-family: FontAwesome, sans-serif;
      z-index: 1; }
  .faq-item.open .faq-question:after {
    content: "\f056"; }
  .faq-item .faq-answer {
    display: none;
    color: #333;
    margin-top: 20px;
    font-size: 14px;
    line-height: 16px; }

.fieldset {
  position: relative;
  padding: 20px 10px 10px 10px;
  border: solid 1px #1562b5;
  font-size: 14px;
  color: #333;
  background: #ebebeb; }
  .fieldset a {
    color: #1562b5;
    text-decoration: none; }
    .fieldset a:hover {
      color: #1562b5;
      text-decoration: underline; }
  .fieldset .legend {
    position: absolute;
    top: -12px;
    left: 8px;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
    border: solid 1px #1562b5;
    background: #1562b5;
    text-transform: uppercase; }

.cart-table {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  font-size: 14px; }
  .cart-table a {
    color: #1562b5;
    text-decoration: none; }
    .cart-table a:hover {
      color: #1562b5;
      text-decoration: underline; }
  .cart-table th {
    padding: 3px;
    text-align: left;
    white-space: nowrap;
    background: #484848;
    border: solid 1px #484848;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: normal; }
    .cart-table th:nth-child(2) {
      white-space: nowrap; }
    .cart-table th:nth-child(3) {
      width: 100px; }
    .cart-table th:nth-child(4) {
      width: 80px; }
  .cart-table td {
    padding: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #ccdded;
    background: #ebebeb;
    color: #333; }
    .cart-table td:nth-child(1) img {
      display: inline-block; }
    .cart-table td .title {
      display: inline-block;
      vertical-align: middle; }
    .cart-table td input[type=text] {
      display: inline-block;
      width: 30px;
      padding: 10px 0;
      background: #fff;
      text-align: center;
      vertical-align: middle; }
    .cart-table td input[type=image] {
      display: inline-block;
      vertical-align: middle; }
    .cart-table td img {
      vertical-align: middle;
      margin-right: 5px; }

.steps-table {
  width: 80%;
  max-width: 100%;
  margin: 0 auto;
  border-collapse: collapse; }
  .steps-table tr {
    position: relative; }
    .steps-table tr:last-child {
      background: url("../images/steps-line.gif") repeat-x center; }
    .steps-table tr th {
      padding: 0 0 5px 0;
      font-weight: normal; }
      .steps-table tr th:nth-child(1) {
        text-align: left; }
      .steps-table tr th:nth-child(2) {
        text-align: center; }
      .steps-table tr th:nth-child(3) {
        text-align: right; }
      .steps-table tr th.active {
        color: #1562b5;
        font-weight: bold; }
    .steps-table tr td {
      padding: 0; }
      .steps-table tr td:nth-child(1) {
        text-align: left; }
      .steps-table tr td:nth-child(2) {
        text-align: center; }
      .steps-table tr td:nth-child(3) {
        text-align: right; }

.checkout-buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .checkout-buttons {
      justify-content: center; }
      .checkout-buttons .btn {
        margin: 5px 0; } }
  .checkout-buttons div:nth-child(1) {
    text-align: left; }
    @media (max-width: 768px) {
      .checkout-buttons div:nth-child(1) {
        text-align: center; } }
  .checkout-buttons div:nth-child(2) {
    text-align: right; }
    @media (max-width: 768px) {
      .checkout-buttons div:nth-child(2) {
        text-align: center; } }

.order-number {
  font-size: 18px;
  color: #383838;
  text-align: center; }
  .order-number strong {
    font-size: 26px;
    color: #1562b5; }

.footer-line-1 {
  position: relative;
  background: #15171a; }
  .footer-line-1 .footer-content {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .footer-line-1 .footer-content {
        flex-direction: column;
        align-content: center; } }
    .footer-line-1 .footer-content .footer-column {
      padding-top: 25px;
      padding-bottom: 25px;
      color: #fff; }
      .footer-line-1 .footer-content .footer-column:nth-child(1) {
        width: 28%; }
        @media (max-width: 992px) {
          .footer-line-1 .footer-content .footer-column:nth-child(1) {
            display: none; } }
      .footer-line-1 .footer-content .footer-column:nth-child(2) {
        width: 44%;
        padding-left: 20px;
        padding-right: 20px; }
        @media (max-width: 992px) {
          .footer-line-1 .footer-content .footer-column:nth-child(2) {
            width: 65%; } }
        @media (max-width: 768px) {
          .footer-line-1 .footer-content .footer-column:nth-child(2) {
            width: 100%; } }
        .footer-line-1 .footer-content .footer-column:nth-child(2) p {
          margin: 0;
          font-size: 12px;
          text-align: justify; }
      .footer-line-1 .footer-content .footer-column:nth-child(3) {
        width: 28%;
        font-size: 13px;
        padding-left: 45px;
        border-left: solid 1px #2d2f31; }
        @media (max-width: 992px) {
          .footer-line-1 .footer-content .footer-column:nth-child(3) {
            width: 35%; } }
        @media (max-width: 768px) {
          .footer-line-1 .footer-content .footer-column:nth-child(3) {
            width: 100%;
            padding: 10px;
            border-top: solid 1px #2d2f31;
            border-left: none; } }
        .footer-line-1 .footer-content .footer-column:nth-child(3) strong {
          font-size: 16px; }
        .footer-line-1 .footer-content .footer-column:nth-child(3) .fa-mobile {
          font-size: 24px; }
      .footer-line-1 .footer-content .footer-column .footer-title {
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold; }
      .footer-line-1 .footer-content .footer-column .footer-links {
        margin-bottom: 20px;
        display: flex; }
        @media (max-width: 600px) {
          .footer-line-1 .footer-content .footer-column .footer-links {
            flex-direction: column;
            text-align: center; } }
        .footer-line-1 .footer-content .footer-column .footer-links > div {
          min-width: 200px; }
        .footer-line-1 .footer-content .footer-column .footer-links a {
          position: relative;
          display: inline-block;
          padding-left: 12px;
          color: #fff;
          font-size: 13px;
          text-decoration: none;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .footer-line-1 .footer-content .footer-column .footer-links a:hover {
            color: #cccccc;
            text-decoration: none; }
            .footer-line-1 .footer-content .footer-column .footer-links a:hover:before {
              left: 3px; }
          .footer-line-1 .footer-content .footer-column .footer-links a:before {
            position: absolute;
            content: "\f105";
            left: 0;
            top: 2px;
            color: #fff;
            font-size: 13px;
            font-family: FontAwesome, sans-serif;
            z-index: 1;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }

.footer-line-2 {
  position: relative;
  background: #2d2f31; }
  .footer-line-2 .footer-content {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: #fff;
    font-size: 13px; }
    @media (max-width: 768px) {
      .footer-line-2 .footer-content {
        flex-direction: column;
        text-align: center; } }
    .footer-line-2 .footer-content .copyright {
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .footer-line-2 .footer-content .copyright {
          margin-bottom: 10px; } }
    .footer-line-2 .footer-content a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .footer-line-2 .footer-content a:hover {
        color: #cccccc;
        text-decoration: none; }

.link {
  font-size: 14px;
  color: #1562b5;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #bfcde5; }
  .link:hover {
    color: #1562b5;
    text-decoration: none !important;
    border-bottom: none; }

.row {
  margin: 0 -10px;
  font-size: 0; }
  .row label {
    display: block;
    margin-bottom: 3px;
    color: #31363d;
    font-size: 14px; }
    .row label.inline {
      display: inline-block; }
  .row .col-1 {
    position: relative;
    display: inline-block;
    width: 8.33333333333333%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-1 {
        width: 100%; } }
  .row .col-2 {
    position: relative;
    display: inline-block;
    width: 16.66666666666667%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-2 {
        width: 100%; } }
  .row .col-3 {
    position: relative;
    display: inline-block;
    width: 25%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-3 {
        width: 100%; } }
  .row .col-4 {
    position: relative;
    display: inline-block;
    width: 33.33333333333333%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-4 {
        width: 100%; } }
  .row .col-5 {
    position: relative;
    display: inline-block;
    width: 41.66666666666667%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-5 {
        width: 100%; } }
  .row .col-6 {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-6 {
        width: 100%; } }
  .row .col-7 {
    position: relative;
    display: inline-block;
    width: 58.33333333333333%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-7 {
        width: 100%; } }
  .row .col-8 {
    position: relative;
    display: inline-block;
    width: 66.66666666666667%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-8 {
        width: 100%; } }
  .row .col-9 {
    position: relative;
    display: inline-block;
    width: 75%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-9 {
        width: 100%; } }
  .row .col-10 {
    position: relative;
    display: inline-block;
    width: 83.33333333333333%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-10 {
        width: 100%; } }
  .row .col-11 {
    position: relative;
    display: inline-block;
    width: 91.66666666666667%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }
    @media (max-width: 768px) {
      .row .col-11 {
        width: 100%; } }
  .row .col-12 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 8px 0;
    padding: 0 10px;
    vertical-align: top; }

.text {
  color: #15171a;
  font-size: 15px;
  text-align: justify; }
  .text a {
    color: #1562b5;
    text-decoration: none; }
    .text a:hover {
      color: #1562b5;
      text-decoration: underline; }

select,
input[type=text],
input[type=password],
textarea {
  border: solid 1px #686767;
  width: 100%;
  height: 40px;
  padding: 0 14px;
  line-height: 38px;
  color: #000;
  font-size: 14px; }
  select:hover,
  input[type=text]:hover,
  input[type=password]:hover,
  textarea:hover {
    border: solid 1px #424141; }
  select:focus,
  input[type=text]:focus,
  input[type=password]:focus,
  textarea:focus {
    border: solid 1px #424141; }

textarea {
  height: 140px; }

select {
  max-width: 100%;
  padding: 3px 20px 3px 3px;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  background: #fff url("../images/arrow-dropdown.png") no-repeat right 12px center; }

select::-ms-expand {
  /* for IE 11 */
  display: none; }

.title-01 {
  color: #15171a;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px 0; }

.title-02 {
  color: #1562b5;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px 0; }

.title-03 {
  color: #f00;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px 0; }

.title-04 {
  color: #000;
  text-indent: 5px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px 0; }

.btn {
  display: inline-block;
  position: relative;
  overflow: visible;
  outline: none;
  text-decoration: none;
  cursor: pointer; }
  .btn:hover {
    text-decoration: none; }

.btn-01 {
  height: 28px;
  padding: 0 17px;
  background: #15171a;
  line-height: 26px;
  border: solid 1px #15171a;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-01:hover {
    color: #fff;
    background: black;
    border: solid 1px black; }
  .btn-01 i {
    position: relative;
    margin-right: 5px;
    top: -1px;
    font-size: 14px;
    vertical-align: middle; }

.btn-02 {
  height: 28px;
  padding: 0 17px;
  background: #48aade;
  line-height: 26px;
  border: solid 1px #48aade;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-02:hover {
    color: #fff;
    background: #2184b8;
    border: solid 1px #2184b8; }
  .btn-02 i {
    position: relative;
    margin-right: 5px;
    top: -1px;
    font-size: 14px;
    vertical-align: middle; }

@media (max-width: 480px) {
  .ajax-message .content,
  .display-message .content {
    width: 100%; } }

/*@media (max-width : 1200px) {}
@media (max-width : 992px) {}
@media (max-width : 768px) {}*/

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