/* ----- COLORS ----- */
/* --- NON ACTUAL --- */
/* --- NON ACTUAL --- */
/* responsive */
/* ----- FONTS ----- */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic");
/* ----- BASIS ----- */
body {
  background-color: #fff;
  font-family: "PT Sans", sans-serif; }
  body.noscroll {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%; }
  body.inner header {
    position: relative;
    top: 35px; }

.hidden {
  display: none !important; }

.inliner {
  display: block;
  font-size: 0; }
  .inliner > * {
    display: inline-block;
    float: none; }
  .inliner.vam > * {
    vertical-align: middle; }

.pull-right {
  float: right; }

.posst {
  position: static; }

a {
  color: #013e98;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  a:hover {
    color: #171717;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none; }

.btn.btn-rounded {
  -webkit-border-radius: 50px;
          border-radius: 50px; }

.btn-primary {
  background: #0E8420;
  border: 2px solid #0E8420;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 7px 25px;
  font-family: "PT Sans", sans-serif;
  color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #171717;
    border-color: #171717;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-primary:hover, .btn-primary:active {
    background-color: #171717;
    border-color: #171717;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-primary:focus {
    background: #0E8420;
    border-color: #0E8420;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-blue {
color: #000000;
border: 2px solid #fcd8f3;
background-color: #fcd8f3;
    /*background: #013e98;
border: 2px solid #013e98;*/
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 7px 25px;
  font-family: "PT Sans", sans-serif;
 /* color: #fff;
  -webkit-transition: all .2s ease;*/
  transition: all .2s ease; }
  .btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active {
    background-color: #171717;
    border-color: #171717;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-blue:hover, .btn-blue:active {
    background-color: #171717;
    border-color: #171717;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-blue:focus {
    background: #013e98;
    border-color: #013e98;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-white-light {
  background: #fff;
  border: 1px solid #ffffff;
  color: #171717;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 7px 25px;
  border: 2px solid #ffffff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  font-weight: 600;
  padding: 7px 25px;
  transition: all .2s ease; }
  .btn-white-light:hover, .btn-white-light:focus {
    background: transparent;
    color: #ffffff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

.btn-white-b {
  background: transparent;
  color: #ffffff;
  font-weight: 500;
  padding: 7px 25px;
  border: 2px solid #ffffff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .btn-white-b:hover, .btn-white-b:focus {
    background: #ffffff;
    color: #171717;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

.icon {
  display: inline-block; }

.mobile {
  display: none !important; }

.desktop {
  display: block !important; }

.wrapper {
  position: relative; }

.form-control {
  -webkit-border-radius: 0;
          border-radius: 0; }

img {
  max-width: 100%; }

.owl-carousel .owl-item img {
  width: auto; }

.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.nopadding {
  padding: 0; }

.posr {
  position: relative; }

button,
button:active,
button:focus,
button:hover,
.btn,
.btn:active,
.btn:focus,
.btn:hover {
  outline: none !important; }

.badge-success {
  background: #0E8420;
  font-weight: 500; }

.visible-xs {
  display: none; }

.sticky,
.sticky.head-tr {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: rgba(0, 0, 0, 0.4); }

.btn-link {
  color: #DD4814; }
  .btn-link:hover {
    color: #171717; }

.card-header {
  background: #f2f2f2; }

.mobile-catalog-but {
  display: none;
  padding: 0; }
  .mobile-catalog-but a {
    padding: 5px 15px;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 58px;
    background: #013e98;
    color: #fff;
    text-transform: uppercase; }
    .mobile-catalog-but a i {
      position: absolute;
      right: 15px;
      line-height: 58px;
      top: 5px; }

.mobile-menu-button {
  display: none; }

/* ----- PRELOADER ----- */
.preloader-inner {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #DD4814;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
          animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout {
  0% {
    -weblit-transform: scale(0); }
  100% {
    -weblit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.tab-content {
  padding: 30px 30px; }

/* ----- HEADER ----- */
.navbar-toggler {
  position: relative;
  background: transparent;
  border: none;
  display: none;
  padding: 5px 12px; }
  .navbar-toggler span {
    display: block;
    background-color: #013e98;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1; }
    .navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
      -webkit-transition: -webkit-transform .35s ease-in-out;
      transition: -webkit-transform .35s ease-in-out;
      transition: transform .35s ease-in-out;
      transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out; }
  .navbar-toggler:not(.noactive) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    opacity: 0.9; }
  .navbar-toggler:not(.noactive) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navbar-toggler:not(.noactive) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    opacity: 0.9; }
  .navbar-toggler .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%; }

.side-menu-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }
  .side-menu-overlay.active {
    opacity: 1;
    width: 100%; }

.mobile-catalog-menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 112px;
  padding-bottom: 112px;
  right: 0;
  background: #ffffff;
  z-index: 999;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
  border-top: 1px solid #ccc; }
  .mobile-catalog-menu-content.active {
    display: block; }
  .mobile-catalog-menu-content a.menu-close {
    color: #171717;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 35px;
    text-decoration: none; }
  .mobile-catalog-menu-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative; }
    .mobile-catalog-menu-content ul.inmenu > li:not(.active) {
      display: none; }
    .mobile-catalog-menu-content ul.inmenu li.active > a {
      display: none; }
    .mobile-catalog-menu-content ul.inmenu li.active > ul {
      display: block; }
    .mobile-catalog-menu-content ul li {
      display: block; }
      .mobile-catalog-menu-content ul li.closer {
        position: relative; }
        .mobile-catalog-menu-content ul li.closer a {
          background: #F5F4F5; }
          .mobile-catalog-menu-content ul li.closer a i {
            position: static;
            color: #171717;
            margin-right: 10px; }
      .mobile-catalog-menu-content ul li a {
        color: #3A3A3A;
        padding: 5px 15px;
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 58px; }
        .mobile-catalog-menu-content ul li a:hover {
          background-color: #f6f6f6; }
        .mobile-catalog-menu-content ul li a i {
          position: absolute;
          right: 15px;
          top: 5px;
          color: #eee;
          line-height: 58px; }
      .mobile-catalog-menu-content ul li + li a {
        border-top: 1px solid #ccc; }
      .mobile-catalog-menu-content ul li > ul {
        display: none; }
        .mobile-catalog-menu-content ul li > ul li {
          display: block; }
          .mobile-catalog-menu-content ul li > ul li a {
            color: #3A3A3A;
            padding: 5px 15px;
            display: block;
            position: relative;
            font-size: 16px;
            line-height: 58px; }
            .mobile-catalog-menu-content ul li > ul li a:hover {
              background-color: #f6f6f6; }
            .mobile-catalog-menu-content ul li > ul li a i {
              position: absolute;
              right: 15px;
              top: 5px;
              color: #eee;
              line-height: 58px; }

.mobile-menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 112px;
  padding-bottom: 112px;
  right: 0;
  background: #ffffff;
  z-index: 999;
  overflow-y: scroll;
  display: none;
  border-top: 1px solid #ccc; }
  .mobile-menu-content.active {
    display: block; }
  .mobile-menu-content a.menu-close {
    color: #ffffff;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 35px;
    text-decoration: none; }
  .mobile-menu-content > ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .mobile-menu-content > ul > li {
      display: block;
      border-bottom: 1px solid #ccc; }
      .mobile-menu-content > ul > li > a {
        position: relative; }
        .mobile-menu-content > ul > li > a i {
          position: absolute;
          right: 15px;
          top: 0;
          line-height: 63px;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
      .mobile-menu-content > ul > li:first-child {
        border-top: 1px solid #ccc; }
      .mobile-menu-content > ul > li.drop.active a i {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .mobile-menu-content > ul > li > a {
        color: #3A3A3A;
        padding: 5px 15px;
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 58px; }
        .mobile-menu-content > ul > li > a:hover, .mobile-menu-content > ul > li > a:focus, .mobile-menu-content > ul > li > a:active {
          background-color: #f6f6f6; }
      .mobile-menu-content > ul > li > .drop-menu {
        padding-left: 10px;
        display: none;
        opacity: 0;
        padding: 5px 10px 5px 10px;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease; }
        .mobile-menu-content > ul > li > .drop-menu.active {
          display: block;
          opacity: 1;
          -webkit-transition: opacity .2s ease;
          transition: opacity .2s ease; }
        .mobile-menu-content > ul > li > .drop-menu .menu {
          margin-bottom: 20px; }
        .mobile-menu-content > ul > li > .drop-menu .title {
          color: #ffffff;
          font-size: 14px;
          font-weight: 600; }
        .mobile-menu-content > ul > li > .drop-menu ul {
          list-style-type: none;
          padding: 0 5px;
          margin: 0; }
          .mobile-menu-content > ul > li > .drop-menu ul > li {
            display: block; }
            .mobile-menu-content > ul > li > .drop-menu ul > li > a {
              color: #171717;
              font-size: 14px;
              font-weight: 300; }

.mobile-search-form {
  padding: 10px 15px; }
  .mobile-search-form .btn {
    background: #013e98;
    color: #fff; }

.mobile-menu {
  display: none; }

.ac {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.dropdown-toggle::after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin: 0;
  border: none;
  width: auto;
  height: auto;
  vertical-align: middle;
  margin-left: 5px; }

.dropdown-menu {
  padding: 10px 10px;
  min-width: 14rem;}
  .dropdown-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .dropdown-menu li {
    display: block; }
/*
header {
  background: transparent;
  position: relative;
  z-index: 100;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); }
  header .header-top {
    background: #f2f2f2; }
    header .header-top .top-sider {
      text-align: right; }
      header .header-top .top-sider .login {
        position: relative;
        padding: 0 10px; }
        header .header-top .top-sider .login a {
          display: inline-block; }
          header .header-top .top-sider .login a + a {
            margin-left: 10px; }
      header .header-top .top-sider a {
        display: inline-block;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        header .header-top .top-sider a.callbacker {
          display: block;
          padding: 10px 15px;
          background: #013e98;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
          header .header-top .top-sider a.callbacker:hover {
            background: #171717;
            color: #ffffff;
            text-decoration: none;
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
            header .header-top .top-sider a.callbacker:hover span {
              color: #ffffff; }
    header .header-top i {
      color: #999999;
      font-size: 16px;
      margin-right: 5px;
      display: inline-block; }
    header .header-top span {
      font-size: 14px;
      line-height: 1.5;
      color: #ffffff;
      padding-top: 2px; }
    header .header-top a {
      font-size: 14px;
      line-height: 1.5;
      color: #999999;
      padding-top: 2px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      header .header-top a:hover {
        text-decoration: none;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    header .header-top .top-left .inliner > * + * {
      margin-left: 30px; }
    header .header-top .socials {
      position: relative; }
      header .header-top .socials ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        header .header-top .socials ul li {
          display: inline-block; }
          header .header-top .socials ul li a {
            color: #999999;
            padding: 0 5px;
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
            header .header-top .socials ul li a:hover {
              color: #013e98;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
            header .header-top .socials ul li a i {
              color: inherit; }
  header .header-bottom {
    background: transparent; }
    header .header-bottom.sticky {
      background: #808080; }
    header .header-bottom .container {
      position: relative; }
      header .header-bottom .container .flev {
        overflow: hidden; }
    header .header-bottom .logo {
      display: block;
      position: relative;
      z-index: 10; }
      header .header-bottom .logo:hover {
        text-decoration: none;
        background: #f2f2f2; }
        header .header-bottom .logo:hover .vertical_menu {
          display: block; }
        header .header-bottom .logo:hover > a > i {
          color: #171717; }
      header .header-bottom .logo .vertical_menu {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10;
        display: none; }
      header .header-bottom .logo > a {
        position: relative;
        display: block;
        padding: 20px 20px 20px 15px; }
        header .header-bottom .logo > a > i {
          position: absolute;
          right: 5px;
          top: 50%;
          margin-top: -5px;
          color: #ccc; }
        header .header-bottom .logo > a img {
          display: inline-block;
          max-width: 100%; }
        header .header-bottom .logo > a .site_name {
          font-size: 33px;
          text-transform: uppercase;
          font-weight: bold;
          display: block; }
        header .header-bottom .logo > a .slogan {
          font-size: 11px;
          display: block;
          color: #f2f2f2; }
        header .header-bottom .logo > a .description {
          font-size: 14px;
          color: #f2f2f2; }
    header .header-bottom .search {
      position: relative; }
      header .header-bottom .search .input-group-btn {
        position: relative; }
        header .header-bottom .search .input-group-btn .btn {
          color: #fff; }
    header .header-bottom .phones {
      position: relative; }
      header .header-bottom .phones .number {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        color: #171717;
        font-family: "PT Sans", sans-serif;
        margin: 0; }
      header .header-bottom .phones .callback {
        display: block; }
        header .header-bottom .phones .callback a {
          border-bottom: 1px dotted;
          font-size: 12px;
          line-height: 14px;
          color: #DD4814; }
    header .header-bottom .header-search-form {
      display: block; }
      header .header-bottom .header-search-form form {
        display: block;
        position: relative; }
        header .header-bottom .header-search-form form input[type=text] {
          display: block;
          width: 100%;
          padding: 10px 15px;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          -webkit-box-shadow: none;
                  box-shadow: none;
          font-size: 14px;
          line-height: 20px;
          border: 1px solid #013e98; }
          header .header-bottom .header-search-form form input[type=text]:focus {
            outline: none; }
        header .header-bottom .header-search-form form button[type=submit] {
          position: absolute;
          background: transparent;
          color: #013e98;
          font-size: 16px;
          border: none;
          right: 0;
          top: 0;
          cursor: pointer;
          padding: 10px 15px;
          line-height: 22px;
          display: inline-block; }
          header .header-bottom .header-search-form form button[type=submit]::before {
            content: '';
            width: 1px;
            height: 26px;
            background: #013e98;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -13px; }
    header .header-bottom .right-tools {
      text-align: right; }
    header .header-bottom .compariser {
      position: relative;
      margin-right: 15px;
      z-index: 9; }
      header .header-bottom .compariser i {
        font-size: 30px;
        color: #013e98;
        margin-right: 10px;
        position: relative; }
        header .header-bottom .compariser i span {
          width: 15px;
          height: 15px;
          display: block;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          background: #cc2924;
          color: #fff;
          font-size: 10px;
          text-align: center;
          line-height: 15px;
          position: absolute;
          top: -3px;
          right: -5px; }
      header .header-bottom .compariser span {
        color: #2d2d2d;
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold; }
    header .header-bottom .cart {
      position: relative;
      display: inline-block;
      text-align: right; }
      header .header-bottom .cart a {
        display: inline-block; }
        header .header-bottom .cart a .carticon {
          position: relative; }
          header .header-bottom .cart a .carticon i {
            font-size: 30px;
            color: #013e98; }
          header .header-bottom .cart a .carticon .count {
            font-size: 10px;
            width: 15px;
            height: 15px;
            -webkit-border-radius: 100%;
                    border-radius: 100%;
            background: #cc2924;
            display: inline-block;
            line-height: 15px;
            color: #ffffff;
            text-align: center;
            position: absolute;
            top: -3px;
            right: -7px; }
        header .header-bottom .cart a .cart-info {
          position: relative;
          padding: 0 10px 0 20px; }
          header .header-bottom .cart a .cart-info .title {
            color: #171717;
            font-size: 14px;
            display: block;
            text-transform: uppercase; }
          header .header-bottom .cart a .cart-info .info {
            color: #171717;
            font-size: 14px;
            display: block; }
    header .header-bottom .diler {
      display: inline-block;
      max-width: 80px;
      padding: 0 15px; }
      header .header-bottom .diler a {
        display: block; }
        header .header-bottom .diler a img {
          width: 30px;
          fill: #013e98; }*/

/* ----- NAVIGATION ------ */
.navigation {
  position: relative;
  z-index: 99;
  background: #013e98; }
  .navigation ul.navs {
    list-style-type: none;
    padding: 0;
    position: relative;
    margin: 0;
    font-size: 0;
    line-height: 0; }
    .navigation ul.navs li {
      display: inline-block;
      width: 16.6666667%;
      text-align: center;
      line-height: 1; }
      .navigation ul.navs li:hover {
        text-align: center; }
        .navigation ul.navs li:hover > a {
          background: #cc2924; }
        .navigation ul.navs li:hover > ul {
          display: block; }
      .navigation ul.navs li a {
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        display: block;
        text-transform: uppercase;
        padding: 20px 15px; }
      .navigation ul.navs li > ul {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        font-size: 0;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        -webkit-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px;
        -webkit-box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
                box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
        z-index: 10;
        border-top: 1px solid #ddd; }
        .navigation ul.navs li > ul li {
          width: 20%;
          display: inline-block;
          vertical-align: top;
          margin: 0; }
          .navigation ul.navs li > ul li:hover a {
            border: 1px solid #f5f5f5;
            border-top: 3px solid #013e98;
            background: #ffffff; }
          .navigation ul.navs li > ul li a {
            border: 1px solid transparent;
            border-top: 3px solid transparent;
            display: block;
            text-align: center;
            font-size: 14px;
            color: #303c49;
            min-height: 182px;
            padding: 15px 0;
            margin: 0; }
            .navigation ul.navs li > ul li a img {
              max-height: 100px; }
            .navigation ul.navs li > ul li a span {
              display: block;
              margin: 10px 0;
              padding: 0 15px; }
      .navigation ul.navs li.cart {
        position: relative; }
        .navigation ul.navs li.cart a {
          display: block;
          padding: 12px 15px;
          text-transform: none; }
          .navigation ul.navs li.cart a:hover {
            background: #0E8420; }
        .navigation ul.navs li.cart .icons {
          position: relative;
          margin-right: 10px; }
          .navigation ul.navs li.cart .icons span {
            position: absolute;
            top: -8px;
            right: -8px;
            display: inline-block;
            width: 20px;
            height: 20px;
            color: #ffffff;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            border: 2px solid #0E8420;
            background: #DD4814;
            line-height: 18px;
            text-align: center;
            font-size: 11px; }

/* ----- NAVIGATION ------ */
.breadcrumbs {
  padding: 15px 0;
  margin-top: 0;
  position: relative; }
  .breadcrumbs .breadcrumb {
    -webkit-border-radius: 0;
            border-radius: 0;
    padding: 5px 15px;
    margin-bottom: 5px;
    background: #f2f2f2; }
    .breadcrumbs .breadcrumb li a,
    .breadcrumbs .breadcrumb li {
      font-size: 14px; }

.main-slider {
  position: relative;
  z-index: 7; }
  .main-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    text-align: center; }
    .main-slider .owl-dots .owl-dot {
      background: #808080;
      width: 15px;
      height: 15px;
      display: inline-block;
      z-index: 10;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
      .main-slider .owl-dots .owl-dot + .owl-dot {
        margin-left: 10px; }
      .main-slider .owl-dots .owl-dot.active {
        background: #013e98; }
  .main-slider .owl-prev,
  .main-slider .owl-next {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 20rem;
    height: 100%;
    cursor: pointer; }
    .main-slider .owl-prev i,
    .main-slider .owl-next i {
      position: absolute;
      top: 50%;
      color: #fff;
      font-size: 30px;
      margin-top: -15px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .main-slider .owl-prev {
    left: 0; }
    .main-slider .owl-prev:hover {
      background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(transparent));
      background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .main-slider .owl-prev i {
      left: 15px; }
  .main-slider .owl-next {
    right: 0; }
    .main-slider .owl-next:hover {
      background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), to(transparent));
      background: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .main-slider .owl-next i {
      right: 15px; }

.vertical_menu {
  position: relative;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); }
  .vertical_menu .title {
    background: #013e98;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 300;
    height: 55px;
    line-height: 58px;
    overflow: hidden;
    padding-left: 45px;
    position: relative;
    text-transform: uppercase; }
    .vertical_menu .title::before {
      content: '\f0c9';
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      left: 15px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .vertical_menu .title::after {
      content: '\f107';
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      right: 15px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
  .vertical_menu .vertical-menu-list {
    background: #ffffff;
    left: 0;
    padding: 10px 0;
    position: static;
    top: 100%;
    width: 100%;
    z-index: 99;
    border: 1px solid #ededed;
    border-top-width: 0;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .vertical_menu .vertical-menu-list > li {
      display: block;
      position: relative; }
      .vertical_menu .vertical-menu-list > li:hover ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
                transform: scaleY(1); }
      .vertical_menu .vertical-menu-list > li > a {
        background: #ffffff;
        color: #2c2c2c;
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        overflow: hidden;
        overflow-wrap: break-word;
        padding: 7px 20px;
        position: relative;
        cursor: pointer; }
        .vertical_menu .vertical-menu-list > li > a:hover {
          color: #013e98; }
        .vertical_menu .vertical-menu-list > li > a > i {
          position: absolute;
          right: 14px;
          top: 15px; }
      .vertical_menu .vertical-menu-list > li > ul {
        background: #ffffff;
        border: 1px solid #e5e5e3;
        -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
        left: 100%;
        padding: 20px 35px;
        position: absolute;
        top: 0;
        list-style-type: none;
        margin: 0;
        z-index: 1;
        -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
                transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
                transform-origin: 0 0 0;
        visibility: hidden;
        z-index: 999;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); }
        .vertical_menu .vertical-menu-list > li > ul::before {
          background-color: #fff;
          border-color: #f1f1f1 transparent transparent #f1f1f1;
          border-style: solid;
          border-width: 1px;
          content: "";
          display: block;
          height: 15px;
          left: -8px;
          position: absolute;
          top: 15px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          width: 15px; }
        .vertical_menu .vertical-menu-list > li > ul li {
          display: block; }
          .vertical_menu .vertical-menu-list > li > ul li a {
            color: #666;
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            padding: 0;
            white-space: nowrap; }
            .vertical_menu .vertical-menu-list > li > ul li a:hover {
              color: #013e98; }

.clients {
  background: #ffffff; }
  .clients .clients-slider {
    padding: 30px 0; }
    .clients .clients-slider img {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .clients .clients-slider img:hover {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }

.banners {
  position: relative;
  background: #f2f2f2;
  padding: 30px 0; }
  .banners .item {
    background: #fff;
    padding: 30px 15px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
    .banners .item:hover .icons i {
      -webkit-transform: translateY(-0.5rem);
          -ms-transform: translateY(-0.5rem);
              transform: translateY(-0.5rem);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .banners .item .icons {
      position: relative; }
      .banners .item .icons i {
        color: #013e98;
        font-size: 30px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    .banners .item span.title {
      font-weight: 600;
      line-height: 1.3;
      font-size: 16px; }
    .banners .item p {
      font-size: 14px;
      margin-bottom: 0; }

.def-section {
  padding: 30px 0;
  overflow: hidden; }
  .def-section h2 {
    font-size: 22px;
    line-height: 25px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/title-underline.png) no-repeat center bottom;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 30px; }
  .def-section h1 {
    font-size: 22px;
    line-height: 25px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/title-underline.png) no-repeat center bottom;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 30px; }

/* ---------- PRODUCTS ------------ */
.avaibles {
  display: block; }
  .avaibles.instock {
    color: #0E8420;
    font-size: 14px; }
    .avaibles.instock::before {
      content: '';
      width: 7px;
      height: 7px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      display: inline-block;
      background: #0E8420;
      margin-bottom: 1px;
      margin-right: 5px; }
  .avaibles.outstock {
    color: #cc2924;
    font-size: 14px; }
    .avaibles.outstock::before {
      content: '';
      width: 7px;
      height: 7px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      display: inline-block;
      background: #cc2924;
      margin-bottom: 1px;
      margin-right: 5px; }

.products {
  position: relative; }
  .products .item {
    background: #ffffff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .products .item:hover {
      border: 1px solid #013e98;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .products .item .text {
      padding: 15px 15px 120px; }
      .products .item .text .prices-block {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px; }
      .products .item .text .category {
        font-size: 14px;
        color: #838383;
        display: block; }
      .products .item .text a.title {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        display: block;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .products .item .text a.title:hover {
          color: #013e98;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
      .products .item .text form {
        text-align: center;
        padding: 15px 0 10px; }
           /*  .products .item .text form .btn {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 32px;
border-radius: 50px;
transition: 0.5s;
transition-duration: 0.5s;
margin: 10px;
color: #000000;
border: 2px solid #fcd8f3;
background-color: #fcd8f3;
}

     font-size: 14px;
          color: #ffffff;
          font-weight: bold;
          display: block;
          width: 100%;
          margin-bottom: 5px; */

        .products .item .text form .one-click {
          color: #DD4814;
          display: block;
          font-size: 14px;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
          .products .item .text form .one-click:hover {
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
            .products .item .text form .one-click:hover span {
              border-bottom: 1px dashed #013e98;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
          .products .item .text form .one-click span {
            border-bottom: 1px dashed #DD4814;
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
      .products .item .text .prices {
        position: relative;
        text-align: center; }
        .products .item .text .prices .old_price {
          font-size: 14px;
          text-decoration: line-through;
          color: #838383;
          display: inline-block; }
        .products .item .text .prices .price {
          color: #DD4814;
          font-size: 20px;
          font-weight: bold;
          display: inline-block; }
      .products .item .text .characters {
        position: relative;
        padding: 10px 0; }
        .products .item .text .characters .char-item {
          position: relative;
          font-size: 14px;
          text-align: justify;
          margin-bottom: -16px; }
          .products .item .text .characters .char-item::before {
            content: '';
            display: block;
            width: 100%;
            height: 0; }
          .products .item .text .characters .char-item::after {
            width: 100%;
            height: 0;
            visibility: hidden;
            overflow: hidden;
            content: '';
            display: inline-block; }
          .products .item .text .characters .char-item .label {
            color: #464b52;
            display: inline-block; }
          .products .item .text .characters .char-item .value {
            color: #013e98;
            display: inline-block; }
      .products .item .text .features {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #e8e8e8;
        font-size: 0; }
        .products .item .text .features .feature-item {
          width: 30%;
          display: inline-block; }
          .products .item .text .features .feature-item:first-child {
            width: 40%; }
          .products .item .text .features .feature-item:nth-child(2) {
            text-align: center; }
          .products .item .text .features .feature-item i,
          .products .item .text .features .feature-item .iconms {
            font-size: 20px;
            color: #013e98;
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle; }
          .products .item .text .features .feature-item .iconms {
            font-weight: bold;
            font-size: 16px; }
          .products .item .text .features .feature-item span {
            color: #464b52;
            display: inline-block;
            font-size: 12px;
            vertical-align: middle; }
    .products .item .image {
      position: relative;
      text-align: center; }
      .products .item .image a {
        display: block;
        max-height: 155px;
        line-height: 155px; }
        .products .item .image a img {
          max-height: 155px; }
      .products .item .image .bigger {
        padding-bottom: 15px; }
        .products .item .image .bigger .vendor {
          bottom: 0; }
      .products .item .image .labels {
        position: absolute;
        text-align: left;
        top: 10px;
        left: 10px;
        z-index: 10; }
        .products .item .image .labels > div + div {
          margin-top: 5px; }
        .products .item .image .labels .labels-hits {
          color: #ffffff;
          background: #DD4814;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          display: inline-block; }
        .products .item .image .labels .labels-action {
          color: #ffffff;
          background: #0E8420;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          display: inline-block; }
        .products .item .image .labels .labels-new {
          color: #ffffff;
          background: #013e98;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          display: inline-block; }

.bigger {
  position: relative; }
  .bigger .vendor {
    max-height: 20px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10; }

/* ---------- PRODUCTS ------------ */
/* ----------- PRODUCT ------------ */
.one-click,
.compare {
  color: #DD4814;
  display: block;
  font-size: 14px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .one-click:hover,
  .compare:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #DD4814; }
    .one-click:hover span,
    .compare:hover span {
      border-bottom: 1px dashed transparent;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
  .one-click span,
  .compare span {
    border-bottom: 1px dashed #DD4814;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

.bigger {
  position: relative; }
  .bigger .vendor {
    max-height: 20px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10; }

.product-details {
  position: relative; }
  .product-details h1 {
    text-align: left;
    background: transparent;
    color: #444; }
    .product-details h1::after {
      display: none; }
  .product-details .product-gallery {
    position: relative; }
    .product-details .product-gallery .big-gallery {
      position: relative;
      border-top: 1px solid #f7f7f7;
      border-left: 1px solid #f7f7f7;
      border-right: 1px solid #f7f7f7; }
      .product-details .product-gallery .big-gallery .item {
        max-height: 330px;
        text-align: center;
        line-height: 310px;
        padding: 10px 10px; }
        .product-details .product-gallery .big-gallery .item img {
          display: inline-block;
          max-height: 310px;
          width: auto; }
      .product-details .product-gallery .big-gallery .owl-prev,
      .product-details .product-gallery .big-gallery .owl-next {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        color: #d1d1d1;
        font-size: 20px; }
        .product-details .product-gallery .big-gallery .owl-prev:hover,
        .product-details .product-gallery .big-gallery .owl-next:hover {
          color: #013e98; }
      .product-details .product-gallery .big-gallery .owl-prev {
        left: 5px; }
      .product-details .product-gallery .big-gallery .owl-next {
        right: 5px; }
    .product-details .product-gallery .small-gallery {
      position: relative;
      border-top: 1px solid #f7f7f7; }
      .product-details .product-gallery .small-gallery .owl-stage-outer {
        margin-right: -1px; }
      .product-details .product-gallery .small-gallery .owl-item.current .item {
        border: 1px solid #DD4814; }
      .product-details .product-gallery .small-gallery .item {
        max-height: 105px;
        text-align: center;
        line-height: 85px;
        padding: 10px 10px;
        border: 1px solid #f7f7f7; }
        .product-details .product-gallery .small-gallery .item img {
          display: inline-block;
          max-height: 85px;
          width: auto; }
      .product-details .product-gallery .small-gallery .owl-prev,
      .product-details .product-gallery .small-gallery .owl-next {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        color: #d1d1d1;
        font-size: 20px; }
        .product-details .product-gallery .small-gallery .owl-prev:hover,
        .product-details .product-gallery .small-gallery .owl-next:hover {
          color: #013e98; }
      .product-details .product-gallery .small-gallery .owl-prev {
        left: 5px; }
      .product-details .product-gallery .small-gallery .owl-next {
        right: 5px; }
  .product-details .product-description {
    position: relative;
    padding: 15px 15px 15px 0; }
    .product-details .product-description .addition-options {
      position: relative; }
      .product-details .product-description .addition-options > div + div {
        margin-top: 15px; }
      .product-details .product-description .addition-options .sub-title {
        font-weight: bold;
        display: block;
        margin: 0 0 10px; }
      .product-details .product-description .addition-options .product-color {
        position: relative; }
        .product-details .product-description .addition-options .product-color .border-pick {
          border: 1px solid #171717; }
        .product-details .product-description .addition-options .product-color .colors {
          position: relative;
          overflow: hidden; }
          .product-details .product-description .addition-options .product-color .colors .item {
            position: relative;
            display: inline-block; }
            .product-details .product-description .addition-options .product-color .colors .item div {
              position: relative; }
              .product-details .product-description .addition-options .product-color .colors .item div img {
                border: none;
                border: 1px solid #171717; }
            .product-details .product-description .addition-options .product-color .colors .item input {
              position: absolute;
              visibility: hidden; }
              .product-details .product-description .addition-options .product-color .colors .item input:checked + div::before {
                font-family: "Font Awesome 5 Free";
                content: "\f00c";
                font-weight: 900;
                position: absolute;
                line-height: 27px;
                left: 0;
                right: 0;
                display: inline-block;
                width: 25px;
                text-align: center;
                color: #fff; }
      .product-details .product-description .addition-options .product-size {
        width: 100%;
        display: inline-block;
        margin-bottom: 25px; }
        .product-details .product-description .addition-options .product-size span {
          padding: 6px 12px;
          -webkit-border-radius: 2px;
                  border-radius: 2px;
          float: left;
          background: #EFEFEF;
          text-align: center;
          margin-right: 10px;
          margin-bottom: 7px;
          font-size: 14px;
          font-weight: 700;
          cursor: pointer; }
          .product-details .product-description .addition-options .product-size span.active {
            background: #333 !important;
            color: #fff; }
    .product-details .product-description .features {
      position: relative;
      padding: 0 0 10px;
      font-size: 0; }
      .product-details .product-description .features .feature-item {
        width: 30%;
        display: inline-block; }
        .product-details .product-description .features .feature-item:nth-child(1) {
          width: 40%; }
        .product-details .product-description .features .feature-item:nth-child(2) {
          text-align: center; }
        .product-details .product-description .features .feature-item:nth-child(3) {
          text-align: right; }
        .product-details .product-description .features .feature-item i,
        .product-details .product-description .features .feature-item .iconms {
          font-size: 30px;
          color: #013e98;
          display: inline-block;
          margin-right: 5px;
          vertical-align: middle; }
        .product-details .product-description .features .feature-item .iconms {
          font-weight: bold;
          font-size: 20px; }
        .product-details .product-description .features .feature-item span {
          color: #464b52;
          display: inline-block;
          font-size: 16px;
          vertical-align: middle; }
    .product-details .product-description .characters {
      position: relative;
      margin: 10px 0; }
      .product-details .product-description .characters .item {
        position: relative;
        padding: 3px 0; }
        .product-details .product-description .characters .item::after {
          content: '';
          height: 1px;
          border-bottom: 1px dotted #013e98;
          display: block;
          bottom: 8px;
          position: absolute;
          left: 0;
          width: 100%;
          z-index: -1; }
        .product-details .product-description .characters .item .label {
          font-size: 14px;
          color: #171717;
          width: 60%; }
          .product-details .product-description .characters .item .label span {
            display: inline-block;
            background: #ffffff;
            padding-right: 5px; }
        .product-details .product-description .characters .item .value {
          font-size: 14px;
          color: #013e98;
          font-weight: bold;
          width: 40%;
          text-align: right; }
          .product-details .product-description .characters .item .value span {
            display: inline-block;
            background: #ffffff;
            padding-left: 5px; }
            .product-details .product-description .characters .item .value span small {
              font-weight: bold; }
    .product-details .product-description .offer-features {
      position: relative; }
      .product-details .product-description .offer-features .item {
        position: relative; }
        .product-details .product-description .offer-features .item span {
          color: #171717;
          font-size: 14px; }
    .product-details .product-description .guarantee {
      padding: 10px 0; }
      .product-details .product-description .guarantee span {
        width: 50%;
        font-size: 14px; }
        .product-details .product-description .guarantee span:nth-child(2) {
          text-align: right; }
  .product-details .description {
    padding: 30px 0; }
    .product-details .description p {
      font-size: 14px; }
  .product-details .product-form {
    position: relative;
    margin: 20px 0; }
    .product-details .product-form .buttons {
      padding: 15px 0; }
    .product-details .product-form .compare {
      text-align: right; }
    .product-details .product-form .one-click {
      text-align: right; }
    .product-details .product-form .price {
      text-align: right;
      font-weight: bold;
      font-size: 24px;
      color: #DD4814; }
      .product-details .product-form .price i {
        font-size: 18px; }
    .product-details .product-form input {
      margin: 0 2px;
      max-width: 50px;
      min-height: 48px;
      font-size: 18px;
      border: 0;
      text-align: center; }
    .product-details .product-form .btn--count {
      width: 35px;
      height: 35px;
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      border: 1px solid #f3f3f3;
      line-height: 18px;
      background: #FFF;
      color: #171717;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .product-details .product-form .btn--count:focus {
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .product-details .product-form .btn--count:hover {
        color: #ffffff;
        background: #DD4814;
        border: 1px solid #DD4814;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }

.card-soup {
  position: relative; }
  .card-soup .nav-item + .nav-item {
    margin-top: 10px; }

.card-title {
  margin-bottom: 0; }
  .card-title .nav-link {
    padding: 0; }

.card {
  position: relative; }
  .card .fade:not(.show) {
    opacity: 1; }

.product-tabs {
  position: relative;
  padding: 30px 0; }
  .product-tabs .nav-tabs {
    background: #f3f3f3;
    -webkit-border-radius: 40px;
            border-radius: 40px;
    border: none;
    padding: 0; }
    .product-tabs .nav-tabs .nav-item.show .nav-link,
    .product-tabs .nav-tabs .nav-link.active {
      color: #fff;
      background-color: #013e98;
      -webkit-border-radius: 40px;
              border-radius: 40px; }
    .product-tabs .nav-tabs .nav-link {
      border: none;
      color: #171717;
      font-size: 14px;
      font-weight: normal; }

.product-features {
  position: relative; }
  .product-features .features-category {
    position: relative;
    padding-left: 100px;
    margin-bottom: 30px; }
    .product-features .features-category img,
    .product-features .features-category i {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 78px;
      height: auto;
      font-size: 30px;
      color: #203b57; }
    .product-features .features-category h4 {
      text-transform: uppercase;
      color: #203b57;
      line-height: 30px;
      margin: 0 0 10px 0; }
    .product-features .features-category p {
      margin: 0 0 10px 0;
      color: #767676; }
    .product-features .features-category .items {
      overflow: hidden; }

#schemes {
  position: relative; }
  #schemes h5 {
    text-align: center; }
  #schemes figure {
    border: 1px solid #d7d7d7;
    margin-bottom: 20px; }

.related_slider {
  position: relative; }
  .related_slider .item {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #f5f5f5; }
    .related_slider .item img {
      display: inline-block !important; }
  .related_slider .owl-prev,
  .related_slider .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    background: #013e98;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 50%;
            border-radius: 50%; }
  .related_slider .owl-prev {
    left: -15px; }
  .related_slider .owl-next {
    right: -15px; }

/* ----------- PRODUCT ------------ */
/* ----------- RUBRICS ------------ */
.rubric-list {
  position: relative;
  padding: 15px 0; }
  .rubric-list .item {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }
    .rubric-list .item:hover {
      -webkit-box-shadow: 0 0 20px 5px #f1f1f1;
              box-shadow: 0 0 20px 5px #f1f1f1;
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease; }
      .rubric-list .item:hover a::before {
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
    .rubric-list .item a {
      display: block;
      text-transform: uppercase;
      position: relative; }
      .rubric-list .item a::before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
      .rubric-list .item a span {
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        position: absolute;
        bottom: 15px;
        left: 15px;
        max-width: 70%;
        color: #ffffff; }

/* ----------- RUBRICS ------------ */
/* ----------- COMPARE ------------ */
.compare-table-header {
  position: relative; }
  .compare-table-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99; }
  .compare-table-header .compare-slider {
    position: relative; }
    .compare-table-header .compare-slider .owl-prev,
    .compare-table-header .compare-slider .owl-next {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      background: #013e98;
      color: #fff;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
    .compare-table-header .compare-slider .owl-prev {
      left: -15px; }
    .compare-table-header .compare-slider .owl-next {
      right: -15px; }
  .compare-table-header .product {
    display: inline-block;
    width: 100%;
    position: relative; }
    .compare-table-header .product a.close {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 30px;
      height: 30px;
      display: inline-block;
      border: 1px solid #cc2924;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      z-index: 9; }
      .compare-table-header .product a.close:hover {
        opacity: 1; }
      .compare-table-header .product a.close::before, .compare-table-header .product a.close::after {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1px;
        margin-top: -8px;
        content: ' ';
        height: 15px;
        width: 2px;
        display: inline-block;
        background-color: #cc2924; }
      .compare-table-header .product a.close::before {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .compare-table-header .product a.close::after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .compare-table-header .product .item {
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-bottom: 0; }
      .compare-table-header .product .item .text {
        padding: 15px 15px 150px; }
        .compare-table-header .product .item .text a.title {
          font-size: 14px; }
        .compare-table-header .product .item .text .prices {
          position: relative; }
          .compare-table-header .product .item .text .prices .price {
            font-size: 14px; }
          .compare-table-header .product .item .text .prices * .oldprice {
            font-size: 12px; }
      .compare-table-header .product .item .image {
        height: 120px;
        text-align: center;
        line-height: 120px;
        position: relative; }
        .compare-table-header .product .item .image .bigger {
          position: static; }
          .compare-table-header .product .item .image .bigger .vendor {
            height: 10px; }
        .compare-table-header .product .item .image a {
          display: block; }
          .compare-table-header .product .item .image a img {
            max-width: 100%;
            width: auto;
            max-height: 120px;
            display: inline;
            vertical-align: middle; }

.compare-tables {
  position: relative; }
  .compare-tables .compare-table {
    position: relative; }
    .compare-tables .compare-table .title {
      width: 100%;
      padding: 15px 0;
      cursor: pointer;
      border-bottom: 1px solid #d8d8d8; }
      .compare-tables .compare-table .title span {
        font-size: 18px;
        line-height: 26px;
        color: #171717;
        position: relative; }
        .compare-tables .compare-table .title span i {
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
    .compare-tables .compare-table.collapsed {
      position: relative; }
      .compare-tables .compare-table.collapsed .title span i {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .compare-tables .compare-table.collapsed .table-row {
        display: none; }
    .compare-tables .compare-table .table-row {
      border-bottom: 1px solid #d8d8d8;
      display: block;
      position: relative;
      padding: 5px 0;
      font-size: 0; }
      .compare-tables .compare-table .table-row.different {
        background-color: #daf3fe; }
      .compare-tables .compare-table .table-row .table-title {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        padding: 5px 10px 5px 10px;
        color: grey; }
      .compare-tables .compare-table .table-row .table-value {
        display: inline-block;
        font-size: 16px;
        line-height: 26px;
        padding: 5px 10px 5px 20px;
        vertical-align: middle;
        width: 220px; }

/* ----------- COMPARE ------------ */
/* ----------- WIDGETS ------------ */
.widget {
  position: relative;
  border: 1px solid #dddddd; }
  .widget + .widget {
    margin-top: 30px; }
  .widget .title {
    background: #f6f6f6;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding: 20px 20px;
    font-family: "PT Sans", sans-serif; }
  .widget > .widget-content {
    position: relative;
    padding: 15px 15px; }
  .widget.catalog {
    border: none;
    -webkit-box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16); }
    .widget.catalog .widget-title {
      background: #013e98;
      text-transform: uppercase;
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 15px; }
    .widget.catalog > .widget-content {
      padding: 0; }
      .widget.catalog > .widget-content ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        .widget.catalog > .widget-content ul li {
          display: block; }
      .widget.catalog > .widget-content > ul {
        position: relative; }
        .widget.catalog > .widget-content > ul > li {
          display: block; }
          .widget.catalog > .widget-content > ul > li + li a {
            border-top: 1px solid #ffffff; }
          .widget.catalog > .widget-content > ul > li > ul {
            display: none; }
            .widget.catalog > .widget-content > ul > li > ul > li {
              display: block; }
              .widget.catalog > .widget-content > ul > li > ul > li > a {
                display: block;
                color: #3b3e41;
                font-size: 14px;
                text-transform: uppercase;
                padding: 3px 35px 3px 25px; }
                .widget.catalog > .widget-content > ul > li > ul > li > a:hover {
                  color: #013e98; }
                .widget.catalog > .widget-content > ul > li > ul > li > a.active {
                  color: #013e98; }
                  .widget.catalog > .widget-content > ul > li > ul > li > a.active ~ ul {
                    display: block; }
              .widget.catalog > .widget-content > ul > li > ul > li > ul {
                display: none; }
                .widget.catalog > .widget-content > ul > li > ul > li > ul > li {
                  display: block; }
                  .widget.catalog > .widget-content > ul > li > ul > li > ul > li > a {
                    display: block;
                    padding: 3px 35px 3px 35px;
                    font-size: 14px;
                    color: #838685; }
                    .widget.catalog > .widget-content > ul > li > ul > li > ul > li > a:hover {
                      color: #013e98; }
          .widget.catalog > .widget-content > ul > li > a {
            display: block;
            background: #f7f7f7;
            color: #2b2e31;
            font-size: 14px;
            padding: 8px 35px 8px 15px;
            position: relative; }
            .widget.catalog > .widget-content > ul > li > a:hover {
              background: #f0fcf4; }
              .widget.catalog > .widget-content > ul > li > a:hover > i {
                color: #0E8420;
                -webkit-transition: all .2s ease;
                transition: all .2s ease; }
            .widget.catalog > .widget-content > ul > li > a.active {
              background: #f0fcf4; }
              .widget.catalog > .widget-content > ul > li > a.active > i {
                color: #0E8420;
                -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                -webkit-transition: all .2s ease;
                transition: all .2s ease; }
              .widget.catalog > .widget-content > ul > li > a.active ~ ul {
                display: block; }
            .widget.catalog > .widget-content > ul > li > a > i {
              color: #cacaca;
              position: absolute;
              top: 50%;
              right: 15px;
              margin-top: -7px;
              display: inline-block;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
  .widget.news {
    position: relative;
    border: none; }
    .widget.news h3 {
      font-size: 30px;
      margin: 0; }
    .widget.news .news-list {
      position: relative;
      padding: 15px 0; }
      .widget.news .news-list .news_item {
        position: relative;
        background: #fff;
        padding-bottom: 15px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; }
        .widget.news .news-list .news_item span.date {
          display: block;
          color: #013e98;
          font-size: 14px; }
        .widget.news .news-list .news_item p {
          color: #757575;
          font-size: 14px; }
        .widget.news .news-list .news_item a.news_title {
          color: #000000;
          font-size: 14px;
          font-weight: bold;
          margin: 10px 0;
          text-transform: uppercase;
          display: block;
          -webkit-transition: all .5s ease;
          transition: all .5s ease; }
          .widget.news .news-list .news_item a.news_title:hover {
            text-decoration: none;
            color: #013e98;
            -webkit-transition: all .5s ease;
            transition: all .5s ease; }
  .widget.filters {
    position: relative;
    border: 1px solid #f9f9f9;
    margin: 0 0 30px; }
    .widget.filters .filters-items {
      padding: 15px 15px; }
    .widget.filters .widget-filter {
      position: relative; }
      .widget.filters .widget-filter.active {
        position: relative; }
        .widget.filters .widget-filter.active .filters-title::after {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
        .widget.filters .widget-filter.active .widget-content {
          display: block; }
      .widget.filters .widget-filter .filters-title {
        position: relative;
        cursor: pointer;
        margin: 0;
        font-size: 16px;
        padding-right: 20px; }
        .widget.filters .widget-filter .filters-title::after {
          content: '\f107';
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          color: #013e98;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          position: absolute;
          right: 0;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
      .widget.filters .widget-filter + .widget-filter {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #f9f9f9; }
      .widget.filters .widget-filter .widget-content {
        position: relative;
        display: none;
        padding-top: 15px; }
        .widget.filters .widget-filter .widget-content label {
          display: inline-block;
          max-width: 100%; }
          .widget.filters .widget-filter .widget-content label input {
            display: block;
            max-width: 100%; }

/* ----------- WIDGETS ------------ */
/* ------------- AUTH ------------- */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }
  .help-block > small {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px dashed #ccc;
    font-size: 12px; }

#office-auth-form {
  position: relative;
  padding: 30px 15px; }
  #office-auth-form .red {
    color: darkred; }
  #office-auth-form h4 {
    text-align: center;
    margin-bottom: 20px; }

.office-auth-login-wrapper,
.office-auth-register-wrapper {
  min-height: 20px;
  padding: 20px;
  margin-bottom: 20px; }

.office-auth-register-wrapper {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

/* ------------- AUTH ------------- */
/* ---------- CHECKOUT ------------ */
#msOrder {
  position: relative;
  margin: 30px 0; }
  #msOrder .required-star {
    color: darkred; }

.order_num {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  padding: 10px 15px;
  background: #f5f5f5;
  color: #013e98;
  border: 1px solid #f1f1f1; }

.msgetorder {
  margin: 30px 0; }

/* ---------- CHECKOUT ------------ */
.custom-checkbox .custom-control-label::before {
  -webkit-border-radius: 0;
          border-radius: 0; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  color: #0E8420; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0E8420; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #0E8420; }

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #52c178; }

.contacts {
  position: relative; }
  .contacts .contacts-form {
    max-width: 800px;
    padding: 30px 0;
    margin: 0 auto; }
  .contacts .contacts-list {
    padding: 60px 0;
    border-top: 1px solid #f2f2f2; }
    .contacts .contacts-list .item {
      position: relative; }
      .contacts .contacts-list .item .icon {
        font-size: 40px;
        color: #171717;
        width: 100px;
        height: 100px;
        line-height: 100px;
        -webkit-border-radius: 100%;
                border-radius: 100%;
        border: 1px solid #171717;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .contacts .contacts-list .item .icon:hover {
          color: #ffffff;
          background: #171717;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
      .contacts .contacts-list .item .text {
        font-size: 20px;
        padding: 15px 0; }
        .contacts .contacts-list .item .text p,
        .contacts .contacts-list .item .text a {
          color: #171717; }

.services {
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.services-list-alt {
  padding: 30px 0 0; }
  .services-list-alt .service-box {
    position: relative;
    text-align: center;
    margin-bottom: 50px; }
    .services-list-alt .service-box:hover {
      position: relative; }
      .services-list-alt .service-box:hover .service-icon {
        background: #171717;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .services-list-alt .service-box:hover h4 {
        color: #171717;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
    .services-list-alt .service-box .service-icon {
      display: inline-block;
      height: 80px;
      width: 80px;
      background: #DD4814;
      line-height: 80px;
      font-size: 30px;
      color: #ffffff;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      margin-bottom: 20px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .services-list-alt .service-box h4 {
      color: #171717;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .services-list-alt .service-box p {
      color: #171717; }

.services-list {
  padding: 30px 0; }
  .services-list .service-box {
    padding: 40px 20px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    background: #ffffff;
    margin-bottom: 30px;
    border-bottom: 2px solid #DD4814;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .services-list .service-box:hover {
      -webkit-box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.15);
      -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
              transform: translateY(-10px);
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .services-list .service-box:hover .line {
        width: 100px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
    .services-list .service-box .service-icon {
      padding: 0;
      margin: 0;
      font-size: 40px;
      text-align: center;
      color: #DD4814; }
    .services-list .service-box .line {
      background: #DD4814;
      width: 40px;
      height: 1px;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    .services-list .service-box p {
      margin-top: 15px;
      text-align: center;
      color: #171717; }
    .services-list .service-box h4 {
      color: #171717;
      text-align: center;
      font-size: 20px;
      font-weight: 400;
      margin-top: 20px; }
      .services-list .service-box h4 a {
        color: #013e98; }

.quote-bar {
  width: 100%;
  float: none;
  padding: 70px 0;
  text-align: center;
  background: transparent; }
  .quote-bar h4 {
    font-size: 50px;
    color: #fff;
    margin-top: 0; }
  .quote-bar p {
    padding: 0 10%;
    color: #fff;
    line-height: 26px;
    margin-bottom: 50px; }

.grey {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f2f2f2; }

.portfolio-items {
  margin: 30px 0;
  position: relative; }
  .portfolio-items .row {
    margin: 0; }
  .portfolio-items .filter-item {
    padding: 0; }
  .portfolio-items .item {
    position: relative;
    margin: 0;
    display: block; }
    .portfolio-items .item img {
      width: 100%; }
    .portfolio-items .item .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      content: '';
      padding: 90px 50px 95px;
      background: rgba(30, 33, 37, 0.85);
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      -webkit-transform: scale(0, 0);
          -ms-transform: scale(0, 0);
              transform: scale(0, 0); }
      .portfolio-items .item .overlay h5 {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        color: #ffffff;
        padding-bottom: 15px; }
        .portfolio-items .item .overlay h5 a {
          color: #ffffff; }
      .portfolio-items .item .overlay p {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        color: #ffffff;
        padding-bottom: 10px; }
      .portfolio-items .item .overlay i:before {
        font-size: 20px;
        color: #ffffff; }
    .portfolio-items .item:hover .overlay {
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1); }

.specials {
  background: #f1f1f1; }

.process_area {
  padding-top: 60px; }

.gradient_section {
  background-image: linear-gradient(45deg, #f1f1f1 0%, #013e98 100%); }

.text-content {
  position: relative;
  padding: 30px 0; }
  .text-content h1 {
    font-size: 22px;
    line-height: 25px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/title-underline.png) no-repeat center bottom;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 30px; }

.gallery {
  position: relative; }
  .gallery img {
    max-width: 100%; }
  .gallery .big-gallery {
    position: relative; }
    .gallery .big-gallery .slick-slide {
      border: 1px solid transparent; }
      .gallery .big-gallery .slick-slide:focus,
      .gallery .big-gallery .slick-slide a:focus {
        outline: none; }
    .gallery .big-gallery a {
      height: 400px;
      display: block;
      text-align: center;
      vertical-align: middle;
      line-height: 400px;
      width: 100%;
      position: relative; }
      .gallery .big-gallery a:hover {
        position: relative; }
        .gallery .big-gallery a:hover::before, .gallery .big-gallery a:hover::after {
          opacity: 1;
          -webkit-transition: all .3s ease;
          transition: all .3s ease; }
      .gallery .big-gallery a::before {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding-top: 16px;
        background: rgba(181, 34, 34, 0.7);
        outline: 1px solid #FFF;
        outline-offset: -10px;
        text-align: center !important;
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
      .gallery .big-gallery a::after {
        content: '\f00e';
        font-family: FontAwesome;
        color: #fff;
        font-size: 25px;
        position: absolute;
        display: inline-block;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -10px;
        z-index: 2;
        line-height: 1;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
      .gallery .big-gallery a img {
        vertical-align: middle;
        max-height: 400px;
        display: inline; }
  .gallery .nav-gallery {
    position: relative;
    padding: 15px 0; }
    .gallery .nav-gallery .slick-slide {
      border: 1px solid transparent; }
      .gallery .nav-gallery .slick-slide:focus {
        outline: none; }
      .gallery .nav-gallery .slick-slide:hover {
        cursor: pointer; }
      .gallery .nav-gallery .slick-slide.slick-current {
        border: 1px solid #DD4814; }
    .gallery .nav-gallery span {
      display: block;
      height: 60px;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      line-height: 60px; }
      .gallery .nav-gallery span img {
        vertical-align: middle;
        max-height: 50px;
        display: inline-block; }

a#scrollUp {
  background: #013e98;
  bottom: 30px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  height: 40px;
  width: 40px;
  line-height: 35px;
  text-align: center;
  position: fixed;
  right: 20px;
  text-align: center;
  text-transform: uppercase;
  z-index: 999;
  display: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  a#scrollUp:hover {
    background: #cc2924; }

.feedback {
  position: relative; }
  .feedback .form {
    padding: 30px 0;
    text-align: center; }

p.desc {
  color: #979797;
  font-size: 12px;
  padding: 10px 0;
  margin-bottom: 0; }

footer {
  background: #27354a;
  padding: 30px 0 0; }
  footer .footer-logo {
    position: relative; }
    footer .footer-logo img {
      max-width: 255px; }
  footer .links {
    position: relative;
    padding: 10px 0; }
    footer .links a {
      text-decoration: underline; }
    footer .links * + * {
      margin-left: 10px; }
    footer .links a,
    footer .links span {
      color: #ffffff;
      font-size: 14px;
      line-height: 16px; }
      footer .links a:hover,
      footer .links span:hover {
        text-decoration: none; }
  footer .footer-bottom {
    padding: 15px 0;
    margin-top: 30px; }
    footer .footer-bottom p {
      color: #fff;
      text-align: right;
      font-size: 12px;
      margin-bottom: 0; }
    footer .footer-bottom .ftr_social_icon {
      position: relative; }
      footer .footer-bottom .ftr_social_icon ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        footer .footer-bottom .ftr_social_icon ul li {
          display: inline-block;
          text-align: center;
          padding: 4px; }
          footer .footer-bottom .ftr_social_icon ul li a {
            color: #fff;
            display: inline-block;
            font-size: 17px;
            padding: 4px 8px;
            -webkit-transition: all .5s ease;
            transition: all .5s ease; }
            footer .footer-bottom .ftr_social_icon ul li a:hover {
              color: #171717;
              -webkit-transition: all .5s ease;
              transition: all .5s ease; }
  footer .footer-block {
    margin-bottom: 15px; }
    footer .footer-block .footer-menu {
      position: relative;
      padding: 15px 0; }
      footer .footer-block .footer-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 15px 0 0 0; }
        footer .footer-block .footer-menu ul li {
          display: block; }
          footer .footer-block .footer-menu ul li a {
            color: #fff; }
            footer .footer-block .footer-menu ul li a:hover {
              text-decoration: underline; }
    footer .footer-block .payments {
      position: relative;
      margin-top: 15px; }
      footer .footer-block .payments span {
        background-position: center;
        background-size: contain !important;
        display: inline-block;
        height: 24px;
        width: 37px;
        float: left;
        margin-bottom: 5px;
        margin-right: 5px; }
        footer .footer-block .payments span.visa {
          background-image: url(../img/payments/visa.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.mastercard {
          background-image: url(../img/payments/master.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.maestro {
          background-image: url(../img/payments/maestro.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.mir {
          background-image: url(../img/payments/mir.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.yandex {
          background-image: url(../img/payments/yamoney.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.qiwi {
          background-image: url(../img/payments/qiwi.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.cash {
          background-image: url(../img/payments/cash.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.credit {
          background-image: url(../img/payments/credit.png);
          background-repeat: no-repeat; }
        footer .footer-block .payments span.webmoney {
          background-image: url(../img/payments/webmoney.png);
          background-repeat: no-repeat; }
  footer .sf_title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 20px; }
  footer .copyright {
    font-size: 12px;
    line-height: 13px;
    color: #999; }
  footer .contacts {
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 17px;
    color: #999;
    font-size: 0;
    padding: 0; }
    footer .contacts li {
      padding: 0 0 0 30px;
      margin: 5px 0 0 0;
      list-style: none;
      vertical-align: top;
      display: inline-block;
      width: 100%;
      font-size: 16px;
      position: relative; }
      footer .contacts li i {
        color: #ffffff;
        display: inline-block;
        margin-right: 10px;
        font-size: 20px;
        position: absolute;
        top: 5px;
        left: 0;
        vertical-align: middle; }
      footer .contacts li div {
        display: inline-block;
        vertical-align: middle; }
      footer .contacts li span,
      footer .contacts li a {
        font-size: 14px;
        line-height: 17px;
        color: #fff;
        text-decoration: none; }
      footer .contacts li a:hover {
        text-decoration: underline; }
  footer .socials {
    padding: 5px 10px;
    margin: 15px 0;
    list-style-type: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle; }
    footer .socials li {
      display: inline-block;
      vertical-align: top;
      list-style: none;
      padding: 0; }
      footer .socials li + li {
        margin-left: 10px; }
      footer .socials li a {
        text-decoration: none;
        display: block;
        color: #fff;
        font-size: 16px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        footer .socials li a:hover {
          opacity: .8;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }

.contact-info {
  position: relative; }
  .contact-info .media-list {
    margin-bottom: 30px; }
    .contact-info .media-list .media {
      position: relative;
      margin-bottom: 15px; }
      .contact-info .media-list .media .fa {
        padding: 0;
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        margin-right: 15px;
        text-align: center;
        background-color: #d3d3d3;
        color: #ffffff;
        min-width: 18px;
          min-width-text-align: center; }
      .contact-info .media-list .media .media-body {
        line-height: 22px; }

.map {
  width: 100%;
  height: 450px;
  margin-top: 30px; }

.blog-widget {
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
          box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
  margin-bottom: 2rem;
  background: #fff; }
  .blog-widget h4 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold; }

.search-widget {
  position: relative; }
  .search-widget form input[type="text"] {
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: .5rem 1rem;
    width: 85%; }
  .search-widget form button {
    width: 15%;
    background-color: #DD4814;
    border: none;
    cursor: pointer; }
    .search-widget form button i {
      color: #fff;
      font-size: 18px; }

.categories-widget {
  margin-bottom: 2rem; }
  .categories-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .categories-widget ul li {
      padding: .5rem 0; }
      .categories-widget ul li:not(:last-child) {
        border-bottom: 1px solid #e9ecef; }
      .categories-widget ul li i {
        color: #DD4814;
        margin-right: .5rem; }
      .categories-widget ul li a {
        color: #171717;
        margin-top: 3px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .categories-widget ul li a:hover {
          color: #DD4814;
          text-decoration: none;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          .categories-widget ul li a:hover span {
            color: #DD4814;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }

.latest-posts-widget {
  margin-bottom: 2rem; }
  .latest-posts-widget .head-widget div {
    width: 50%;
    cursor: pointer; }
  .latest-posts-widget .head-widget:first-child {
    border-bottom: 3px solid #DD4814; }
  .latest-posts-widget .head-widget:last-child {
    border-bottom: 3px solid transparent; }
  .latest-posts-widget .body {
    border: 1px solid #dee2e6;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
            box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
    background: #fff; }
    .latest-posts-widget .body .post-mini {
      padding: 1rem 1.5rem; }
      .latest-posts-widget .body .post-mini img {
        width: 75px;
        height: 75px; }
      .latest-posts-widget .body .post-mini a {
        margin-bottom: .25rem; }
        .latest-posts-widget .body .post-mini a h6 {
          color: #000; }
        .latest-posts-widget .body .post-mini a:hover {
          color: #DD4814;
          text-decoration: none; }
          .latest-posts-widget .body .post-mini a:hover h6 {
            color: #DD4814; }
      .latest-posts-widget .body .post-mini span {
        color: rgba(0, 0, 0, 0.7);
        font-size: 14px; }
      .latest-posts-widget .body .post-mini:not(:last-child) {
        border-bottom: 1px solid #e9ecef; }
    .latest-posts-widget .body .popular {
      display: none; }

.widget-tags .btn-card {
  border: 1px solid #DD4814;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: .4rem 1.25rem; }

.font-weight-bold {
  font-weight: bold; }

.posts {
  position: relative;
  padding-top: 30px; }
  .posts .post {
    overflow: hidden;
    padding: 10px 10px;
    margin-bottom: 30px;
    border: 1px solid #cdcfd0; }
    .posts .post * {
      position: relative;
      z-index: 3; }
    .posts .post img {
      float: left;
      max-width: 75px;
      margin-right: 12px;
      padding: 6px 0; }
    .posts .post span {
      font-size: 16px;
      line-height: 18px;
      color: #345ca0; }
    .posts .post p {
      padding-top: 12px;
      overflow: hidden; }
    .posts .post a,
    .posts .post p {
      text-decoration: none;
      font-size: 14px;
      line-height: 18px;
      color: #000; }

.blog-post {
  position: relative; }
  .blog-post .post-thumb {
    max-width: 770px;
    margin: 0 auto;
    color: #808080;
    text-align: center; }
  .blog-post .post-content {
    max-width: 770px;
    margin: 0 auto;
    color: #808080;
    text-align: justify; }
    .blog-post .post-content .meta {
      background: #f5f5f5;
      padding: 10px 15px;
      margin: 15px 0; }
      .blog-post .post-content .meta span {
        color: #013e98; }
    .blog-post .post-content .main-img {
      margin-bottom: 30px; }

.project {
  position: relative; }
  .project .project_title {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    margin-bottom: 72px; }
    .project .project_title h5 {
      padding-bottom: 10px;
      font-size: 20px;
      line-height: 30px;
      color: #171717; }
    .project .project_title h2 {
      font-weight: 600;
      text-transform: uppercase;
      color: #171717; }
      .project .project_title h2:before {
        display: none; }
  .project .details_content {
    position: relative; }
    .project .details_content h4 {
      font-size: 22px;
      line-height: 32px;
      padding-bottom: 45px; }
  .project .brief_summary {
    border-bottom: 1px solid #f4f4f4;
    padding: 20px 0; }
    .project .brief_summary:first-child {
      padding-top: 0; }
    .project .brief_summary span {
      display: block;
      text-transform: uppercase;
      color: #171717;
      font-weight: 600; }
    .project .brief_summary p {
      margin-bottom: 0;
      color: #666; }

.project_showcase {
  position: relative;
  margin: 30px 0 0; }
  .project_showcase .single_project {
    width: 50%; }

.project_next_prev {
  border-top: 1px solid #f2f2f2;
  padding: 50px 0 0; }
  .project_next_prev .single_direction a {
    display: inline-block;
    color: #171717; }
  .project_next_prev .single_direction i {
    color: #666;
    font-size: 30px;
    position: absolute;
    top: 10px; }
  .project_next_prev .single_direction.prev {
    padding-left: 40px; }
    .project_next_prev .single_direction.prev i {
      left: 0; }
  .project_next_prev .single_direction.next {
    padding-right: 40px; }
    .project_next_prev .single_direction.next i {
      right: 0; }
  .project_next_prev .single_direction a:hover i,
  .project_next_prev .single_direction a:hover span,
  .project_next_prev .single_direction a:hover h5 {
    color: #DD4814; }

.gallery-list {
  position: relative; }
  .gallery-list .item {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .gallery-list .item:hover {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .gallery-list .item .desc {
      padding: 15px 10px;
      background: #ececec;
      text-align: center; }
      .gallery-list .item .desc h4 {
        color: #171717;
        text-transform: uppercase; }
      .gallery-list .item .desc p {
        font-size: 16px;
        margin-bottom: 0;
        color: #171717; }

.def-section.catalog.inner {
  display: none; }

.table-middle td,
.table-middle th {
  vertical-align: middle; }

.table-dark {
  background: #fff; }
  .table-dark thead th {
    vertical-align: middle;
    border-bottom: 4px solid #fff;
    background-color: #475965;
    color: #171717;
    position: relative; }
  .table-dark td,
  .table-dark th {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff; }
  .table-dark td {
    background-color: #ebeff1;
    font-size: 14px;
    padding: 8px 15px;
    color: #171717; }

.modal-backdrop {
  background: rgba(0, 0, 0, 0.8); }

.modal-content {
  -webkit-border-radius: 0;
          border-radius: 0; }

.msMiniCart .empty {
  display: block !important; }

.msMiniCart .not_empty {
  display: none !important; }

.msMiniCart.full .empty {
  display: none !important; }

.msMiniCart.full .not_empty {
  display: block !important; }

a.btn_one_click {
  border-bottom: none !important;
  text-decoration: none; }

.msoneclick_modal .forder-popup__goods {
  padding: 0 15px; }

.msoneclick_modal .msoc_product_line {
  padding: 10px 0; }

.msoneclick_modal .msoc_product_line_count {
  width: auto;
  top: 0; }

.msoneclick_modal .modal-footer {
  display: block; }
  .msoneclick_modal .modal-footer .description {
    font-size: 12px;
    margin: 10px 0; }

.msoc_product_line_image {
  position: static !important; }

.msoc_product_line_pagetitle {
  margin-left: 0 !important; }
  .msoc_product_line_pagetitle h4 {
    font-size: 14px; }

.btn-more {
  width: auto !important;
  display: block;
  margin: auto; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #0E8420;
  background: #0E8420;
  font-weight: normal;
  color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #DD4814;
  background: #DD4814;
  font-weight: normal;
  color: #fff; }

.table-cart {
  width: 100%;
  margin: 30px 0; }
  .table-cart th {
    padding: 0 1rem;
    font-size: 16px; }
  .table-cart td {
    padding: 5px 15px;
    font-size: 16px;
    vertical-align: middle !important; }
    .table-cart td.cart-image {
      width: 150px;
      height: auto; }
  .table-cart input[type="number"] {
    max-width: 80px;
    padding: 5px; }
  .table-cart .cart-image,
  .table-cart th.total {
    padding-left: 0;
    font-size: 16px; }

.btn--cart {
  padding: 10px;
  background: none; }

.content {
  position: relative; }
  .content .img-fluid {
    margin-bottom: 30px; }
  .content .data {
    font-size: 14px;
    color: #828683; }
  .content h1 {
    margin-bottom: 15px; }

@media (max-width: 1200px) {
  body {
    position: relative; }
  header .header-top .top-left .inliner > * + * {
    margin-left: 20px; } }

@media (max-width: 991px) {
  .hidden-sm {
    display: none; }
  header .header-top .top-left .inliner > .phones {
    margin-left: 0; }
  .def-section.catalog {
    padding-top: 0;
    border-top: 1px solid #f6f6f6; }
  .def-section.catalog.inner {
    display: block; }
  header .header-bottom .cart a .carticon {
    padding-right: 10px; }
    header .header-bottom .cart a .carticon .count {
      right: 0; }
  header .header-bottom .logo {
    text-align: center;
    margin: 0 -15px; }
    header .header-bottom .logo a img {
      display: inline-block;
      max-height: 30px; }
  .navbar-toggler {
    display: block; }
  .mobile-menu-button {
    display: block; }
  .catalog {
    padding: 0; }
  .mobile-catalog-but {
    display: block; }
  header .header-bottom .logo {
    padding: 0; }
    header .header-bottom .logo:hover {
      background: transparent; }
      header .header-bottom .logo:hover .vertical_menu {
        display: none; }
    header .header-bottom .logo > a {
      padding: 20px 0; }
      header .header-bottom .logo > a > i {
        display: none; }
  .banners .item-wrap + .item-wrap {
    margin-top: 30px; }
  .table-responsives {
    width: 100%; }
    .table-responsives table {
      display: block; }
      .table-responsives table tr {
        display: block;
        border-top: none;
        width: 100%;
        overflow: hidden;
        position: relative; }
        .table-responsives table tr + tr {
          border-top: 1px solid #ececec; }
        .table-responsives table tr.header {
          display: none; }
        .table-responsives table tr.footer {
          font-size: 0;
          border: none; }
          .table-responsives table tr.footer th {
            display: inline-block;
            font-size: 16px;
            padding: 5px 15px;
            text-align: center;
            border: none; }
      .table-responsives table td {
        display: block;
        border-top: none !important;
        width: 70%;
        float: left;
        padding: 0 10px 5px; }
        .table-responsives table td .form-group {
          margin-bottom: 0; }
        .table-responsives table td:last-child {
          overflow: hidden; }
          .table-responsives table td:last-child .btn {
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0; }
        .table-responsives table td.cart-image {
          width: 30%;
          float: left;
          min-height: 200px; }
        .table-responsives table td.count {
          position: relative; }
          .table-responsives table td.count input {
            max-width: 40px;
            display: inline-block; } }

@media (max-width: 768px) {
  .hidden-xs {
    display: none; }
  header .header-top {
    padding: 10px 0; }
  .mobile-catalog-but {
    margin-bottom: 0; }
  .slider-container {
    width: 100%; }
  .compare-tables {
    margin: 0 -15px; }
    .compare-tables .compare-table .title {
      padding-left: 10px;
      padding-right: 10px; } }

@media (max-width: 600px) {
  body {
    position: relative; }
  header .header-top .row {
    margin: 0; }
    header .header-top .row > * {
      padding: 0;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    header .header-top .row a.callbacker {
      padding: 5px 7px; }
      header .header-top .row a.callbacker span {
        font-size: 12px; }
  header .header-bottom .diler {
    display: none; }
  footer .footer-block {
    text-align: left; }
  footer .contacts {
    padding: 0; }
    footer .contacts li {
      width: 100%; }
  .navbar-toggler {
    padding: 0; }
  header .header-bottom .right-tools {
    margin-left: -15px; }
  header .header-bottom .compariser i,
  header .header-bottom .cart a .carticon i {
    font-size: 20px; }
  header .header-bottom .compariser i span {
    top: -8px; }
  header .header-bottom .cart a .carticon .count {
    top: -8px; }
  .navbar-toggler:not(.noactive) span:nth-child(3),
  .navbar-toggler:not(.noactive) span:nth-child(1) {
    top: 5px;
    left: 0px; }
  .compare-tables .compare-table .table-row .table-value {
    width: 50%; }
  .product-details .product-form .one-click {
    text-align: center; }
  .product-details .product-form .buttons .btn {
    display: block;
    width: 100%; }
  .tab-content {
    padding: 0; }
  .card-soup {
    margin-bottom: 30px; } }

@media (max-width: 400px) {
  footer .footer-block {
    width: 100%;
    float: left; }
  .main-slider .slider .item .caption h2 {
    font-size: 1.5rem;
    width: 90%;
    left: 5%;
    right: 5%; }
  .main-slider .slider .item .caption .buttons .btn {
    margin: 10px 15px; }
  footer .footer-bottom .inliner > * {
    width: 100%;
    text-align: center; }
  .mobile-menu-content,
  .mobile-catalog-menu-content {
    top: 110px; } }