/* ----- COLORS ----- */
/* --- NON ACTUAL --- */
/* --- NON ACTUAL --- */
/* responsive */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&family=Oswald:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Prosto+One&display=swap');






/* ----- BASIS ----- */
body {
  background-color: #25233b0a;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif; }
  body.noscroll {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%; }
  body.inner header {
    position: relative;
    top: 35px; }
li {
        margin: 5px 0;
}
.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: #ccc;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  a:hover {
    color: #171717;
    text-decoration: revert;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none; }

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

.btn-default {
  background: #fff;
  border: 2px solid #25233b33;
  display: flex;
  align-items: center;
      justify-content: center;
  padding: 7px 25px;
  font-size: 11px;
  width: 100%;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #000000;
    font-weight: 500;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  
  .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border-color: #171717;
    color: #000;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-default:hover, .btn-default:active {
    background-color: #2b7a81;
    border-color: #2b7a81;
    color: #fff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-default:focus {
        background: #434242;
    border-color: #fff;
    color: #25233b;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-cart {
  position: relative;
  font-size: 13px !important;
  padding: 7px 40px 7px 10px !important; }
  .btn-cart i {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 30px; }
    .btn-cart i span::before {
      color: #ccc !important; }
    .btn-cart i span.path1::before {
      color: #fff !important; }

.btn-primary {
    border-radius: 0.25rem;
  background: #ccc;
  border: 2px solid #ccc;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 7px 25px;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
      margin: 0px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #2b7a81;
    border-color: #2b7a81;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-primary:hover, .btn-primary:active {
    background-color: #171717;
    border-color: #171717;
    color: #fff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-primary:focus {
    background: #171717;
    border-color: #171717;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-blue {
  background: #ccc;
  border: 2px solid #ccc;
  border-radius: 0;
  padding: 7px 25px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  -webkit-transition: all .2s ease;
  -o-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;
    -o-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;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .btn-blue:focus {
    background: #ccc;
    border-color: #ccc;
    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; 
    height: 50px;
    border-radius: 5px;
}

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;
  margin-bottom: 0px;
       
}

.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: 45px;
    background: #ccc;
    color: #fff;
    text-transform: uppercase; }
    .mobile-catalog-but a i {
      position: absolute;
      right: 15px;
      line-height: 45px;
      top: 5px; }

.mobile-menu-button {
  /*display: none; */}
  .baner-block {
      margin: 0px 0 10px 0;
      padding-bottom: 10px;
  }

/* ----- 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: 10px 10px; }

/* ----- HEADER ----- */
.navbar-toggler {
  position: relative;
  background: transparent;
  border: none;
  /*display: none;*/
  padding: 5px 12px; }
  .navbar-toggler span {
    display: block;
    border-radius: 10px;
    background-color: #fff;
    height: 3px;
   width: 30px;
       top: -10px;
    margin-top: 3px;
    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 {
    position: absolute !important;
  width: 100%;
  height: 100%;
  position: relative;
  
      top: 68px;
    bottom: 100px;
  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: #000;
          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: 15px 15px;
            display: block;
            position: relative;
            font-size: 16px;
            line-height: 1.2em; }
            .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: #ccc;
    color: #fff; }

.mobile-menu {
  display: none; }

.ac {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
          align-items: stretch;
    display: flex;}

.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; }
  .dropdown-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .dropdown-menu li {
    display: block; }

header {
  background: #fff;
  position: relative;
  z-index: 100;
 }
  header .header-top {
    background: transparent; }
    header .header-top .header-wrap {
      padding: 5px 0;
      border-bottom: 1px solid #f2f2f2; }
    header .header-top .top-menu {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      header .header-top .top-menu li {
        display: inline-block; }
        header .header-top .top-menu li + li {
          margin-left: 10px; }
        header .header-top .top-menu li a {
          color: #454545;
          font-size: 13px;
          display: block; }
    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;
          color: #454545;
          font-size: 13px; }
          header .header-top .top-sider .login a * {
            display: inline-block;
            vertical-align: middle; }
          header .header-top .top-sider .login a span[class^="icon-"] {
            font-size: 20px;
            padding-bottom: 5px; }
          header .header-top .top-sider .login a + a {
            margin-left: 10px; }
  header .header-bottom {
    background: #e9ecef; }
    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;
         }
        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;
        padding: 10px 0 5px;
        display: flex;
        align-items: flex-start;
 }
        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;
          margin-right: 10px;
          max-width: 100%;
            line-height: 0.8em;
                width: 50px;
        }
              
        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: 17px;
          display: block;
          color: #25233B;
          line-height: 1em;
              font-family: 'Prosto One', sans-serif;}
           header .header-bottom .logo > a .slogan2 {
          font-size: 24px;
          display: block;
          color: #25233B;
          line-height: 1em;
              font-family: 'Prosto One', sans-serif;}
        header .header-bottom .logo > a .description {
          font-size: 8px;
          line-height: 1.2em;
          color: #25233B; }
    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;
      text-align: right;
      position: relative;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;}
      header .header-bottom .phones .item {
        position: relative;
        display: inline-block;
        top: 3px;
        }
        header .header-bottom .phones .item span {
           color: #25233b;
    font-size: 1.7em;
    display: inline-block;
    text-transform: uppercase;
    }
        header .header-bottom .phones .item a {
          color: #454545;
          margin-left: 1px;
          display: inline-block;
          font-size: 20px;
          text-transform: uppercase;
          font-weight: 600;}
    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;
          border-radius: 1.5rem;
          -webkit-box-shadow: none;
                  box-shadow: none;
          font-size: 14px;
          line-height: 20px;
            border: 0;
            background: #EFEFEF; }
          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: #ccc;
          border: none;
          right: 0;
          top: 2px;
          cursor: pointer;
          padding: 6px 10px;
          line-height: 22px;
          display: inline-block; }
          header .header-bottom .header-search-form form button[type=submit]::before {
            content: '';
            width: 1px;
            height: 26px;
            background: none;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -11px; }

/* ----- NAVIGATION ------ */
.posrel {
  position: relative; 
        padding: 0 10px;
}

.navigation {
  position: relative;
  background: #e9ecef;
  padding: 5px 0;
  z-index: 99;
      -webkit-box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 4%);
       box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 4%);
  }
  @media (min-width: 991px) {
   .navigation {
  background: #25233b;
   padding: 0;
  }   
  }
  .navigation.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
	-webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
}
  .navigation ul.righter {
    list-style-type: none;
    padding: 0 15px 0 0;
    position: relative;
    margin: 0;
    font-size: 0;
    line-height: 0;
    text-align: right; }
    .navigation ul.righter li {
      display: inline-block;
      vertical-align: middle; }
    .navigation ul.righter .compariser {
      position: relative;
      margin-right: 5px;
      z-index: 9; }
      .navigation ul.righter .compariser a {
        text-decoration: none;
        display: block;
        /**background: #5b5b5b;**/
        border-radius: 20px;
        padding: 3px 5px 3px 3px; }
      .navigation ul.righter .compariser i {
        font-size: 22px;
        color: #ccc;
        margin-right: 10px;
        position: relative; }
        .navigation ul.righter .compariser i span {
          border-bottom: none; }
        .navigation ul.righter .compariser i span.comparison-total {
          width: 15px;
          height: 15px;
          display: block;
          border-radius: 50%;
        background: #222222;
        color: #ffffff;
          font-size: 10px;
          text-align: center;
          line-height: 15px;
          position: absolute;
          top: 0px;
          right: -10px;
          border-bottom: none; }
      .navigation ul.righter .compariser span.comparison-total {
        color: #2d2d2d;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold; }
    .navigation ul.righter .cart {
      position: relative;
      display: inline-block;
      text-align: right; }
      .navigation ul.righter .cart a {
        display: inline-block;
        /**background: #ccc;**/
        border-radius: 20px;
        padding: 3px 3px; }
        .navigation ul.righter .cart a .carticon {
          position: relative; }
          .navigation ul.righter .cart a .carticon i {
            font-size: 22px; }
          .navigation ul.righter .cart a .carticon .count {
            font-size: 10px;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background: #222;
            display: inline-block;
            line-height: 15px;
            color: #fff;
            text-align: center;
            position: absolute;
            top: 0px;
            right: -10px; }
        .navigation ul.righter .cart a .cart-info {
          position: relative;
          padding: 0 5px 0 15px; }
          .navigation ul.righter .cart a .cart-info .title {
            color: #fff;
            font-size: 14px;
            display: block;
            text-transform: uppercase; }
          .navigation ul.righter .cart a .cart-info .info {
            color: #fff;
            font-size: 14px;
            display: block; }
  .navigation ul.navs {
    list-style-type: none;
    padding: 0;
    position: static;
    margin: 0;
    font-size: 0;
    line-height: 0; }
    .navigation ul.navs > li {
      display: inline-block;
      text-align: left;
      line-height: 1;
      
        width: auto;
    }
      .navigation ul.navs > li + li {
        margin-left: 1px;
        width: auto;}
      .navigation ul.navs > li:hover {
        text-align: left; }
        .navigation ul.navs > li:hover > a {
              color: #e9ecef;
    background: #2b7a81;
                border-radius: 5px;
        }
        .navigation ul.navs > li:hover > ul {
          display: block;
          margin-top: 2px;
          }
          .navigation ul.navs > li:hover > ul::before {
            content: '';
            background: transparent;
            display: block;
            position: absolute;
            top: -18px;
    left: 0;
    height: 20px;
    width: 100%;
    border-bottom: 5px solid #bcda04; }
      .navigation ul.navs > li > a {
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;
    color: #fff;
    display: block;
        padding: 15px;
    position: relative;}
        
       
        
        .navigation ul.navs > li > a > span {
          font-size: 26px;
          position: absolute;
          right: 4px;
          top: 10%; }
      .navigation ul.navs > li > ul {
        display: none;
        margin: 0;
        padding: 15px 0;
        list-style: none;
        position: absolute;
        font-size: 0;
        top: 100%;
      
        background: #f6f6f6;
        z-index: 10;
        border-bottom: 5px solid #25233b;
        text-align: left;
            -webkit-box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 14%);
    box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 14%);}
        .navigation ul.navs > li > ul > li {
          width: 100%;
          display: block;
          vertical-align: top;
          margin: 0;
          padding: 0; }
          .navigation ul.navs > li > ul > li > a {
            display: block;
            text-align: left;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: bold;
            color: #565656;
            padding: 8px 20px;
            margin: 0;
            line-height: 1.2em;}
            .navigation ul.navs > li > ul > li > a:hover {
            color: #ccc;
            background: #25233b;
}
            
          .navigation ul.navs > li > ul > li > ul {
            list-style-type: none;
            padding: 0px 0 15px 0;
            margin: 0; }
            .navigation ul.navs > li > ul > li > ul > li {
              display: block;
                  padding: 3px 0 0 5px; }
              .navigation ul.navs > li > ul > li > ul > li > a {
                display: block;
                font-size: 13px;
                color: #3c3c3c;
                
                  margin-bottom: 4px;
              }
                .navigation ul.navs > li > ul > li > ul > li > a:hover {
                  text-decoration: underline; }
      .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;
            border-radius: 50%;
            border: 2px solid #0E8420;
            background: #DD4814;
            line-height: 18px;
            text-align: center;
            font-size: 11px; }
/* --------------- NAVIGATION END ------------- */
.breadcrumbs {
  padding: 5px 0;
  margin-top: 0;
  position: relative; }
  .breadcrumbs .breadcrumb {
    -webkit-border-radius: 0;
            border-radius: 0;
    padding: 5px 5px;
    margin-bottom: 5px;
    background: #fff0;
   }
    .breadcrumbs .breadcrumb li a,
    .breadcrumbs .breadcrumb li {
      font-size: 12px; }
.slider {
    position: relative;
        margin-bottom: 20px;
}

.slider video {
  position: relative;
    width: 100%;
    object-fit: cover;
    height: 70vh;
   border-radius: 0 0 10px 10px;
}


.main-slider {
  position: relative;
  z-index: 7;
 /* background-image: linear-gradient(180deg, #ff730f, #ff900700), url(/assets/files/new_img/fon-slider.jpg);*/
    background-position: 0px 0px, 50% 100%;
    background-size: auto, cover;
   border-radius: 0 0 10px 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
}
  .main-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    text-align: center; }
    .main-slider .owl-dots .owl-dot {
      background: #2b7a81;
      width: 12px;
      height: 12px;
      display: inline-block;
      z-index: 10;
      border-radius: 50%; }
      .main-slider .owl-dots .owl-dot + .owl-dot {
        margin-left: 10px; }
      .main-slider .owl-dots .owl-dot.active {
        background: #bcda04; }
  .main-slider .owl-prev,
  .main-slider .owl-next {
     position: absolute;
    z-index: 1;
    bottom: 30px;
    width: 10rem;
    cursor: pointer; }
    .main-slider .owl-prev span,
    .main-slider .owl-next span {
      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: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);
      background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
    .main-slider .owl-prev span {
      left: 10px; }
  .main-slider .owl-next {
    left: 0; }
    .main-slider .owl-next:hover {
      background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), to(transparent));
      background: -o-linear-gradient(right, rgba(0, 0, 0, 0.2), transparent);
      background: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent);
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
    .main-slider .owl-next span {
      right: 10px; }
      
    .main-slider-video   {
        position: absolute;
    top: 0;
    

    }
      

.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: 35px 0px 20px 0; }
  .banners .item {
    background: #fff;
   
    height: 90%;
    margin-bottom: 20px;
    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 {
               background: #ccc;  
             }
    .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: #ccc;
        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;
          color: #000;
    text-transform: uppercase;}
    .banners .item p {
      font-size: 14px;
      margin-bottom: 0; }
    
    .heading-h1 {
        margin-bottom: 25px;
            font-size: 35px;

    }
	
/* ---------- NEW --------------*/
.stages {
display: flex;
flex-wrap: wrap;
 }
  
  .stages .wrap {
    position: relative; }
    .stages .wrap + .wrap {
      margin-top: 30px; }
      
  .stages .item {
    position: relative;
    width: 33.33%;
        padding: 10px;
     }
     @media (max-width: 768px) {
        .stages .item {
    width: 100%;
     }  
     }
     
    .stages .item .number {
     font-size: 30px;
    line-height: 1.6em;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    font-family: 'Prosto One', sans-serif;
    background: #bcda04;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-content: center;
    justify-content: center;
        margin-bottom: 10px;
      }
	  
.icons {
  padding: 25px 0 25px; }
  .icons .item {
    text-align: center;
    margin-bottom: 30px; }
    .icons .item p {
      margin: 15px 0; }

.dart-tabs {
  position: relative; }
  .dart-tabs .dart-tabs-menu {
    padding: 5px 0; }
    .dart-tabs .dart-tabs-menu ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .dart-tabs .dart-tabs-menu ul li {
        display: inline-block; }
        .dart-tabs .dart-tabs-menu ul li + li {
          margin-left: 30px; }
        .dart-tabs .dart-tabs-menu ul li.active a {
          color: #ccc;
          font-size: 18px;
          font-weight: 700;
          line-height: 27px;
          opacity: 1;
          position: relative; }
          .dart-tabs .dart-tabs-menu ul li.active a::after {
            background: #ccc; }
        .dart-tabs .dart-tabs-menu ul li a {
          opacity: 0.3;
          color: #192841;
          font-size: 18px;
          font-weight: 700;
          line-height: 27px;
          display: inline-block;
          position: relative;
          -webkit-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease; }
          .dart-tabs .dart-tabs-menu ul li a:hover {
            color: #ccc;
            text-decoration: none;
            opacity: 1;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
          .dart-tabs .dart-tabs-menu ul li a::after {
            content: "";
            height: 1px;
            width: 100%;
            margin-top: 3px;
            display: block;
            background: transparent; }
  .dart-tabs .dart-tabs-content {
    padding: 30px 0; }
    .dart-tabs .dart-tabs-content div {
      display: none; }
      .dart-tabs .dart-tabs-content div.active {
        display: block; }

.def-section .decorate {
    position: relative; }
  .def-section.work-proccess {
    position: relative;
    padding: 150px 0 100px;
    min-height: 620px; }
    .def-section.work-proccess .img {
      position: absolute;
      left: -250px;
      top: -150px;
      width: 800px; }
    .def-section.work-proccess .tabtext {
      position: absolute;
      top: -80px;
      right: 40px; }
      .def-section.work-proccess .tabtext span {
        text-shadow: 36px 24px 57px rgba(25, 40, 65, 0.15);
        color: #ffffff;
        font-size: 300px;
        font-weight: 700;
        display: block;
        line-height: 1;
        position: absolute;
        right: 60px;
        top: 0px;
        z-index: 5; }
        .def-section.work-proccess .tabtext span.level-2 {
          top: 20px;
          right: 40px;
          z-index: 3; }
        .def-section.work-proccess .tabtext span.level-3 {
          top: 40px;
          right: 20px;
          z-index: 2; }
  .def-section.analitycs-pages {
    position: relative;
    padding: 100px 0;
    height: auto; }
    .def-section.analitycs-pages .caption {
      position: relative;
      z-index: 99; }
      .def-section.analitycs-pages .caption .row {
        min-height: 635px; }
      .def-section.analitycs-pages .caption blockquote {
        font-size: 12px;
        font-weight: 500;
        line-height: 17px;
        color: rgba(25, 40, 65, 0.7);
        margin-top: 60px;
        max-width: 300px; }
        .def-section.analitycs-pages .caption blockquote + blockquote {
          margin-top: 20px; }
    .def-section.analitycs-pages .parallax-layers {
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      top: 50px;
      bottom: 0;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d; }
      .def-section.analitycs-pages .parallax-layers > div {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        .def-section.analitycs-pages .parallax-layers > div img {
          width: 100%; }
      .def-section.analitycs-pages .parallax-layers .layer-1 {
        position: absolute;
        top: 300px;
        left: 0; }
      .def-section.analitycs-pages .parallax-layers .layer-2 {
        position: absolute;
        bottom: 0px;
        left: 50px; }
      .def-section.analitycs-pages .parallax-layers .layer-3 {
        position: absolute;
        top: 300px;
        left: -500px;
        width: 1000px; }
      .def-section.analitycs-pages .parallax-layers .layer-4 {
        position: absolute;
        bottom: 130px;
        left: 250px;
        width: 350px; }
  .def-section.works {
    position: relative;
    padding: 100px 0;
    min-height: 835px; }
    .def-section.works .caption {
      position: relative;
      z-index: 99; }
    .def-section.works .parallax-layers {
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      top: 50px;
      bottom: 0;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d; }
      .def-section.works .parallax-layers > div {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
        .def-section.works .parallax-layers > div img {
          width: 100%; }
      .def-section.works .parallax-layers .layer-1 {
        position: absolute;
        top: 100px;
        right: 0; }
      .def-section.works .parallax-layers .layer-2 {
        position: absolute;
        bottom: 0px;
        right: 50px; }
      .def-section.works .parallax-layers .layer-3 {
        position: absolute;
        top: 300px;
        right: -300px;
        width: 1000px; }
      .def-section.works .parallax-layers .layer-4 {
        position: absolute;
        top: 130px;
        right: 400px;
        width: 250px; }
    .def-section.works h2 {
      color: #192841;
      font-size: 28px;
      font-weight: 700;
      line-height: 36px;
      margin-bottom: 40px; }
    .def-section.works blockquote {
      position: relative; }
      .def-section.works blockquote + blockquote {
        margin-top: 40px; }
      .def-section.works blockquote h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 27px;
        color: #192841;
        margin-bottom: 5px; }
      .def-section.works blockquote p {
        margin-bottom: 0; }
  .def-section.partner {
    height: auto;
    padding: 50px 0; }
    .def-section.partner h2 {
      color: #192841;
      font-size: 28px;
      font-weight: 700;
      line-height: 36px;
      text-align: center;
      margin-bottom: 40px; }
    .def-section.partner .content {
      position: relative;
      text-align: center; }
      .def-section.partner .content .item {
        display: inline-block; }
        .def-section.partner .content .item + .item {
          margin-left: 20px; }
  .def-section.how-works {
    position: relative;
    min-height: 835px; }
    .def-section.how-works .bg-layer-1 {
      left: 50%;
      margin-left: -800px; }
      .def-section.how-works .bg-layer-1 img {
        max-width: 1000px; }
    .def-section.how-works .text {
      position: relative;
      padding: 80px 0;
      z-index: 10; }
      .def-section.how-works .text h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        color: #ffffff;
        padding: 0 45px;
        margin-bottom: 50px; }
      .def-section.how-works .text .how-works-items {
        position: relative;
        z-index: 99; }
        .def-section.how-works .text .how-works-items + .how-works-items {
          margin-top: 80px;
          z-index: 98; }
          .def-section.how-works .text .how-works-items + .how-works-items::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: -120px;
            left: 0;
            width: 100%;
            -webkit-border-radius: 90px;
                    border-radius: 90px;
            height: 75%;
            background: #fafafa;
            -webkit-transform: rotate(-14deg);
                -ms-transform: rotate(-14deg);
                    transform: rotate(-14deg); }
        .def-section.how-works .text .how-works-items .how-work-item {
          -webkit-box-shadow: 36px 24px 57px rgba(25, 40, 65, 0.08);
                  box-shadow: 36px 24px 57px rgba(25, 40, 65, 0.08);
          -webkit-border-radius: 90px;
                  border-radius: 90px;
          padding: 0 0;
          background: #ffffff; }
          .def-section.how-works .text .how-works-items .how-work-item .item-wrap {
            position: relative; }
            .def-section.how-works .text .how-works-items .how-work-item .item-wrap + .item-wrap::before {
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              font-size: 20px;
              color: #192841;
              opacity: 0.26;
              content: "\f105";
              display: block;
              position: absolute;
              left: -10px;
              top: 50%;
              margin-top: -15px; }
          .def-section.how-works .text .how-works-items .how-work-item .item {
            position: relative;
            padding: 45px 40px; }
            .def-section.how-works .text .how-works-items .how-work-item .item .check {
              position: absolute;
              top: 40px;
              left: -10px; }
            .def-section.how-works .text .how-works-items .how-work-item .item .number {
              display: block;
              position: absolute;
              top: 0;
              left: 40px;
              opacity: 0.07;
              color: #192841;
              font-size: 104px;
              font-weight: 700;
              line-height: 1;
              z-index: 2; }
            .def-section.how-works .text .how-works-items .how-work-item .item .content {
              position: relative;
              z-index: 3; }
              .def-section.how-works .text .how-works-items .how-work-item .item .content h4 {
                color: #192841;
                font-size: 18px;
                font-weight: 700;
                line-height: 27px; }
              .def-section.how-works .text .how-works-items .how-work-item .item .content p {
                opacity: 0.7;
                color: #192841;
                font-size: 12px;
                font-weight: 500;
                line-height: 22px;
                margin-bottom: 0; }
  .def-section.vertical-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.title-block {
  padding: 0;
  position: relative; }
  .title-block .title-modal {
     font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px; 
  }
    .title-block p {
     font-size: 14px;
  }
  .title-block .bouncher {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9; }
    .title-block .bouncher .bouncing-icon {
      border: 2px solid #fff;
      height: 28px;
      display: inline-block;
      width: 23px;
      -webkit-border-radius: 11px;
              border-radius: 11px;
      color: #B9B4B4;
      -webkit-transition: all 1s ease 0s;
      transition: all 1s ease 0s;
      margin-top: 8px;
      -webkit-animation: 3s ease 0s normal none infinite running bounce;
              animation: 3s ease 0s normal none infinite running bounce; }
      .title-block .bouncher .bouncing-icon:hover {
        color: #FFCC00; }
  .title-block .main-slider {
    position: relative; }
    .title-block .main-slider .item {
      position: relative;
      min-height: 80vh;
      background-size: cover !important;
      background-position: center center !important; }
      .title-block .main-slider .item::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99; }
  .title-block .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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; }
    .title-block .caption .first-screen-form {
      max-width: 600px;
      margin: 30px auto; }
      .title-block .caption .first-screen-form button {
        margin-top: 15px; }
      .title-block .caption .first-screen-form input {
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid #fff;
        display: block;
        width: 100%;
        padding: 5px 10px;
        color: #fff; }
        .title-block .caption .first-screen-form input::-webkit-input-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input:-ms-input-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input::-ms-input-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input::-webkit-input-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input::-moz-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input:-ms-input-placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input::placeholder {
          color: #fff; }
        .title-block .caption .first-screen-form input:focus {
          outline: none; }
    .title-block .caption h1 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
      z-index: 9;
      text-align: center;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 2; }


  .section .desc {
    font-weight: 500;
    line-height: 1.2em;
    font-size: 16px;
    display: block;

    color: #6e6e6e;
  }

.interiers {
  margin-top: 1px;
  margin-bottom: 20px;}
  .interiers .item {
        position: relative;
    padding: 2% 0;
    display: flex;
    flex-direction: row;

  }
    .interiers .item .icon {
   
    height: 20px;
    width: 20px;
    background: #db3312;
    border-radius: 50%;
        
    }
      
      .interiers .item .icon .img {
        width: 150px;
        height: 150px;
        border: 2px solid #fb550f;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background-size: cover !important;
        background-position: center center;
        display: inline-block; }
    .interiers .item .text {
        padding: 5px;
      position: relative;
      line-height: 1.3em;}
      .interiers .item .text .title {
        font-size: 17px;
        font-weight: bold;
        color: #000;
       }

.form-block {
  position: relative;
  background: #171717;
  padding: 30px 0; }
  .form-block button {
    white-space: normal; }
  .form-block input {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #fff;
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #fff; }
    .form-block input::-webkit-input-placeholder {
      color: #fff; }
    .form-block input:-ms-input-placeholder {
      color: #fff; }
    .form-block input::-ms-input-placeholder {
      color: #fff; }
    .form-block input::-webkit-input-placeholder {
      color: #fff; }
    .form-block input::-moz-placeholder {
      color: #fff; }
    .form-block input:-ms-input-placeholder {
      color: #fff; }
    .form-block input::placeholder {
      color: #fff; }
    .form-block input:focus {
      outline: none; }

.cols {
  margin: 30px 0; }
  .cols .item {
    position: relative; }
    .cols .item .image {
      text-align: center; }
    .cols .item .text {
      margin-top: 15px;
      font-size: 14px; }
      .cols .item .text h3 {
        font-weight: bold;
        font-size: 20px;
        text-align: center; }

.reviews {
  position: relative; }
  .reviews .items {
    margin-top: 30px; }
    .reviews .items .item {
      position: relative; }
      .reviews .items .item .image {
        text-align: center; }
        .reviews .items .item .image img {
          max-width: 200px;
          display: inline-block;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
      .reviews .items .item .text {
        margin-top: 30px; }
        .reviews .items .item .text .name {
          font-weight: bold;
          font-size: 18px;
          text-align: center;
          display: block;
          margin-bottom: 10px; }
        .reviews .items .item .text p {
          font-size: 14px;
          margin: 0 auto;
          max-width: 300px; }

.accordeon {
  position: relative;
  margin-top: 30px; }
  .accordeon .card {
    position: relative; }
    .accordeon .card + .card {
      margin-top: 15px; }
    .accordeon .card .card-header {
      padding: 10px 15px; }
      .accordeon .card .card-header button {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        color: #171717; }
        .accordeon .card .card-header button:hover, .accordeon .card .card-header button:active, .accordeon .card .card-header button:focus {
          text-decoration: none;
          color: #FFCC00; }

/* .services-list {
  padding: 30px 0; }
  .services-list .service-box-light {
    padding: 0;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
            border-radius: 0px;
    background: #ffffff00;
    margin-bottom: 30px;
    }
    .services-list .service-box-light:hover {
    padding: 0;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
            border-radius: 0px;
    background: #ffffff00;
    margin-bottom: 30px;
    
   }
    
  */
    
  

.simple-half-block {
  margin-top: 30px; }
  
  .simple-half-block img {
      border-radius: 15px;
 }

.reasons {
  position: relative;
  font-size: 0;
  text-align: center;
  margin-top: 30px; }
  .reasons .item {
    width: 20%;
    display: inline-block;
    text-align: left;
    padding: 0 15px;
    vertical-align: top; }
    .reasons .item .image {
      text-align: center;
      margin-bottom: 15px; }
      .reasons .item .image img {
        max-height: 100px; }
    .reasons .item .text {
      position: relative; }
      .reasons .item .text .title {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block; }
      .reasons .item .text p {
        font-size: 14px; }

.prices {
  position: relative;
  margin-top: 15px; }
  .prices .item {
    position: relative; }
    .prices .item .images {
      text-align: center; }
      .prices .item .images img {
        display: inline-block; }
    .prices .item .text {
      position: relative; }
      .prices .item .text .prices-wrap {
        background: #f1f1f1;
        padding: 15px 15px;
        margin: 15px 0; }
        .prices .item .text .prices-wrap .bigger {
          font-weight: bold;
          text-align: center;
          display: block;
          padding: 31px 0; }
      .prices .item .text .prices {
        position: relative;
        margin: 10px 0;
        max-width: 350px;
        margin: 0 auto; }
      .prices .item .text .item {
        position: relative;
        padding: 3px 0; }
        .prices .item .text .item::after {
          content: '';
          height: 1px;
          border-bottom: 1px dotted #FFCC00;
          display: block;
          bottom: 8px;
          position: absolute;
          left: 0;
          width: 100%;
          z-index: 1; }
        .prices .item .text .item .label {
          font-size: 16px;
          color: #171717;
          width: 60%; }
          .prices .item .text .item .label span {
            display: inline-block;
            background: #f1f1f1;
            padding-right: 5px;
            position: relative;
            z-index: 2; }
        .prices .item .text .item .value {
          font-size: 16px;
          color: #171717;
          font-weight: bold;
          width: 40%;
          text-align: right; }
          .prices .item .text .item .value span {
            display: inline-block;
            background: #f1f1f1;
            padding-left: 5px;
            position: relative;
            z-index: 2; }

.def-section {
  padding: 20px 25px;
  overflow: hidden; }

  
  .def-section.grey {
    background: #f7f7f7ba;
    }
    .def-section.green {
    background: #2b7a81;
    color: #fff;
    }
    .def-section.yell {
    background: #86da0429;
        color: #25233b;
    }
  .def-section h2 {
    font-size: 30px;
    line-height: 1.2em;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;}
    
     @media (max-width: 1200px) {
        .def-section h2 {
        font-size: 22px;} 
     }
      @media (max-width: 768px) {
        .def-section h2 {
        font-size: 25px;}   
      }
    @media (max-width: 991px) {
      .def-section h2 {
        font-size: 22px;
          margin-bottom: 20px;
      }  
    }
     @media (max-width: 768px) {
        .def-section h2 {
        font-size: 22px;
      } 
     }
     @media (max-width: 400px) {
        .def-section h2 {
        font-size: 16px;
      }   
     }
    
    .def-section h2.wight {
        color: #ffffff;
        font-size: 26px;
     }
     
  .def-section h1 {
    font-size: 30px;
    line-height: 1.2em;
    color: #171717;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: none;
    padding: 15px;
    text-align: center;
     }
    @media (max-width: 1200px) {
      .def-section h1 {
    font-size: 22px;
  }    
    }
    
@media (max-width: 768px) {
   .def-section h1 {
    font-size: 20px;
  } 
}
@media (max-width: 600px) {
   .def-section h1 {
    font-size: 18px;
  } 
}
@media (max-width: 400px) {
   .def-section h1 {
    font-size: 16px;
  } 
}
.section {
      padding: 15px 0 10px;
  overflow: hidden; }
  
 .section .container {
     padding: 0;
         padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
 } 
  .section .container h2 {
    font-size: 24px;
    line-height: 1.2em;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 30px;
 } 
  .section .container .photo-gallery {
         padding: 0 0 20px;
 }
 
   .section .container .photo-gallery-min {
          display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
 }
    .section .container .photo-gallery-min .item {
     border-radius: 5px;
    overflow: hidden;
 }
 
   .section .container .subtitle {
     background: #2b7a81;
    color: #fff;
    display: inline-block;
    padding: 22px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
 } 
 
@media (max-width: 120px) {}

@media (max-width: 991px) {}


@media (max-width: 768px) {
      .section .container h2 {
    font-size: 25px;
        margin-bottom: 20px;
 }
}
 
@media (max-width: 600px) {
          .section .container h2 {
    font-size: 22px;
 }
}
 
 
@media (max-width: 400px) {}
 
 
 
 
 
  
.bg-section {
  position: relative;
  padding-bottom: 100px;
background-image: linear-gradient(180deg, #ff730f00, #ff8507cc), url(/assets/files/new_img/fon-slider2.jpg);
    background-position: 0px 0px, 50% 0%;
    background-size: auto, cover;}
  .bg-section::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 80px;
    background: url(../img/bgcatalog.png) top center no-repeat;
    background-size: cover; }
  .bg-section .item {
    position: relative;
    margin-bottom: 30px; }
    .bg-section .item h3 {
      font-family: "Montserrat", sans-serif;
      color: #000;
      font-size: 23px;
    font-weight: 600;
      margin-bottom: 15px;
      text-transform: uppercase;
      text-align: center; }
    .bg-section .item .image {
      border-radius: 30px 30px 0 0;
      overflow: hidden; }
    .bg-section .item .text {
      background: #fff;
      padding: 20px 20px;
      border-radius: 0 0 30px 30px; }
      .bg-section .item .text ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-align: center; }
        .bg-section .item .text ul li {
          display: inline-block;
          position: relative; }
          .bg-section .item .text ul li + li::before {
            content: '';
            width: 8px;
            height: 8px;
            vertical-align: middle;
            margin: 0 10px 0;
            background: #ccc;
            display: inline-block; }
          .bg-section .item .text ul li a {
            display: inline-block;
            color: #7a7a7a;
            vertical-align: middle;
            
            font-size: 13px;
            font-weight: 800;
    margin-left: 5px;
    margin-right: 5px;
            text-transform: uppercase; }

.projects {
  position: relative; }
  .projects .projects-list {
    margin: 30px 0; }
    
    .projects .projects-list .item {
      position: relative;
      margin-bottom: 30px;
      border-radius: 1rem;
      overflow: hidden;
      border: 1px solid #e3e3e3;
       margin-right: -5px;
    margin-left: -5px;
        height: 250px;
    }

      .projects .projects-list .item:hover {
        opacity: 90%;
        border: 1px solid #ccc;
      }
      
       .projects .projects-list .item a img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    flex-shrink: 0;
    object-fit: cover;

    } 
    
      .projects .projects-list .item .text {
       padding: 18px 20px;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 700;
    position: relative;
    display: flex;
    flex-direction: column;

          
      }
  .projects .views {
    position: relative;
    margin: 60px 0 0;
    text-align: center; }
    .projects .views span {
      font-size: 16px;
      font-weight: 600;
      display: block;
      text-transform: uppercase;
      margin-top: 10px; }

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

.products {
  position: relative; 
    padding: 25px 0;
}
  .products .item {
      display: flex;
      flex-wrap: wrap;
    align-items: stretch;
        padding: 20px;
    background: #ffffff;
    border-radius: 5px;
    border: 2px solid #ffffff;

    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);
    box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .products .item:hover {
      border: 2px solid #2b7a81;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .products .item .text {
        flex: 1 1 auto;
      padding: 0 0 0 20px;
      text-align: left;
      background: #fff; }
      .products .item .text .prices-block {
        position: relative;

        padding: 0;}
      .products .item .text span.article {
        color: #9f9f9f;
        font-size: 12px;
        margin: 10px 0; }
      
      .products .item .text a.title {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
        line-height: 1;
        color: #171717;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease; }
        .products .item .text a.title:hover {
          color: #2b7a81;
          -webkit-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease; }
          
@media (max-width: 1200px) {}

@media (max-width: 991px) {}


@media (max-width: 768px) {
    .products .item .text a.title {
        font-size: 20px;
   }
}
 
@media (max-width: 600px) {
     .products .item .text a.title {
        font-size: 18px;
   }
}
 
 
@media (max-width: 400px) {
     .products .item .text a.title {
        font-size: 17px;
   }
}      
          
      .products .item .text form {
        text-align: left;
        padding: 10px 0 0px; }
        .products .item .text form .btn {
          font-size: 14px;
          color: #ffffff;
          font-weight: bold;
          display: inline-block;
          border-radius: 30px;
          margin-bottom: 5px; }
        .products .item .text form .one-click {
          color: #ffffff;
    background: #2b7a81;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
          .products .item .text form .one-click + .btn {
               width: 100%;
                border-radius: 10px;}
          .products .item .text form .one-click:hover {
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
            .products .item .text form .one-click:hover span {
              border-bottom: 1px dashed #171717;
              -webkit-transition: all .2s ease;
              -o-transition: all .2s ease;
              transition: all .2s ease; }
          .products .item .text form .one-click span {
                  font-size: 12px;
            border-bottom: 1px dashed transparent;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }
      .products .item .text .prices {
        position: relative;
        text-align: right; }
        .products .item .text .prices .old_price {
          font-size: 16px;
          text-decoration: line-through;
          color: #858585;
          display: inline-block;
          margin-right: 10px; }
        .products .item .text .prices .price {
          color: #171717;
          font-size: 24px;
          font-weight: bold;
          display: inline-block; }
    .products .item .image {
      position: relative;
      padding: 0px 0;
      text-align: center;
	  background: #ffffff;}
      .products .item .image a {
        display: block;
        max-height: auto;
        line-height: 155px; }
        .products .item .image a img {
          max-height: 100%; }
      .products .item .image .bigger {
        padding-bottom: 0px; }
        .products .item .image .bigger .vendor {
          bottom: 0; }
      .products .item .image .labels {
        position: absolute;
        text-align: left;
        top: 20px;
        left: 0;
        z-index: 10; }
        .products .item .image .labels > div + div {
          margin-top: 5px; }
        .products .item .image .labels .labels-hits {
          color: #ffffff;
          background: #171717;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          position: relative;
          display: inline-block; }
          /*.products .item .image .labels .labels-hits::after {
            content: '';
            position: absolute;
            right: -20px;
            top: 1px;
            border: 10px solid transparent;
            border-left: 10px solid #171717; }*/
        .products .item .image .labels .labels-action {
          color: #ffffff;
          background: #f00;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          position: relative;
          display: inline-block; }
         /* .products .item .image .labels .labels-action::after {
            content: '';
            position: absolute;
            right: -20px;
            top: 1px;
            border: 10px solid transparent;
            border-left: 10px solid #ccc; }*/
        .products .item .image .labels .labels-new {
          color: #ffffff;
          background: #efd70a;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 5px;
          display: inline-block; }

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

/* ---------- PRODUCTS ------------ */
			
			
/* ----------- PRODUCT ------------ */
.one-click,
.compare {
  color: #000;
      padding: 0 7px;
  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: #000; }
    .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: 0px dashed #DD4814;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

.bigger {
  position: relative; }
  .bigger .vendor {
    max-height: 25px;
    position: absolute;
    margin: 5px;
    right: 5px;
    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: 530px;
        text-align: center;
        line-height: 310px;
        padding: 10px 10px; }
        .product-details .product-gallery .big-gallery .item img {
          display: inline-block;
          max-height: 510px;
          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: #ccc; }
      .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 #efd70a; }
      .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: #ccc; }
      .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 6% 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:checked + div {
              position: relative;
                  border: 5px solid #efd70}
              
              .product-details .product-description .addition-options .product-color .colors .item div img {
                border: none;
                border: 0px solid #171717; }
            .product-details .product-description .addition-options .product-color .colors .item input {
              position: absolute;
              visibility: hidden;
                  width: 100%;
    height: 100%;
                
            }
    
    
    
              .product-details .product-description .addition-options .product-color .colors .item input:checked + div::before {
               
                content: "";
                    border: 4px solid #efd70a;
                font-weight: 900;
                position: absolute;
                line-height: 27px;
                left: 0;
                right: 0;
                top: 0;
                display: inline-block;
                width: 100%;
                height: 100%;
                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: 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: 50%; }
          .product-details .product-description .characters .item .label span {
            display: inline-block;
                background: #f6f6f7;
            padding-right: 5px; }
        .product-details .product-description .characters .item .value {
          font-size: 14px;
          color: #636363;
          font-weight: bold;
          width: 50%;
          text-align: right; }
          .product-details .product-description .characters .item .value span {
            display: inline-block;
                background: #f6f6f7;
            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; }
    .product-details .description p {
      font-size: 14px; }
  .product-details .product-form {
    position: relative;
    margin: 0px; }
    .product-details .product-form .buttons {
      padding: 15px 0; 
        display: flex;
    }
    .product-details .product-form .compare {
      text-align: right;
      line-height: 1em;}
    .product-details .product-form .one-click {
      text-align: center;
          border-radius: 5px;
        background-color: #2b7a81;
    color: #fff;
    padding: 10px;
    font-size: 12px;
        font-weight: bold;
        height: 100%;
        display: flex;
    align-items: center;
    justify-content: center;
    }
    .product-details .product-form .price {
      text-align: right;
      font-size: 20px;
      color: #000;
          padding: 15px 0;}
      .product-details .product-form .price span {
      text-align: right;
      font-weight: bold;
      font-size: 24px;
      color: #000; }
      
      .product-details .product-form .price i {
        font-size: 18px; }
		.product-details .product-form .price .old_price{
      text-align: right;
      font-weight: bold;
      font-size: 20px;
	  text-decoration: line-through;
      color: #858585; }
      .product-details .product-form .price .old_price i {
        font-size: 16px; }
    .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: 2px solid #efd70a;
      line-height: 18px;
      background: #FFF;
      color: #171717;
      -webkit-border-radius: 0%;
              border-radius: 0%;
      -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: #000;
        background: #fff;
        border: 2px solid #beae2a;
        -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; }
	
.sorting_box {
  background: #fff;
      border-radius: 5px;
      padding: 0;
          overflow: hidden;
  margin-bottom: 20px;
  margin-left: 0;
  -webkit-box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);;
       box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);}
  .sorting_box .sorting_box_inner a {
    font-weight: 400;
    color: #5f5f5f;
    border-bottom: 1px dotted #aaa;
    padding: 2px 5px 1px 4px;
    margin-right: 5px;
    font-size: 14px;}
    .sorting_box .sorting_box_inner a:hover {
      background: #dedede;
      color: #525252;
      border: none;
      padding: 2px 5px 5px 4px; }
    .sorting_box .sorting_box_inner a.sorting_active {
      background: #284185;
      color: #fff;
      border: none;
      padding: 2px 5px 5px 4px; }
    .sorting_box .sorting_box_inner a.s_sales {
      font-weight: 400;
      color: #f32b4f;
      border-bottom: 1px dotted #f32b4f;
      margin-right: 10px;
      padding: 2px 5px 1px 4px; }
      .sorting_box .sorting_box_inner a.s_sales:hover {
        background: #f32b4f;
        color: #fff;
        border: none;
        padding: 2px 5px 5px 4px; }
		
.sort_title {
  font-weight: bold;
  font-size: 14px;}
	
.sort-params {
  display: inline-block; }

.product-tabs {
  position: relative;
  padding: 30px 0; }
  .product-tabs .nav-tabs {
    background: #f6f6f6;
    -webkit-border-radius: 0px;
            border-radius: 0px;
    border: none;
    padding: 0; }
    
    @media (max-width: 768px) {
.product-tabs .nav-tabs {
       display: flex;
    flex-direction: column;
    align-items: stretc }
}
    .product-tabs .nav-tabs .nav-item.show .nav-link,
    .product-tabs .nav-tabs .nav-link.active {
      color: #fff;
      background-color: #bcda04;
      -webkit-border-radius: 5px;
              border-radius: 5px; }
    .product-tabs .nav-tabs .nav-link {
      border: none;
      color: #171717;
      font-size: 14px;
      font-weight: normal; }
      
      @media (max-width: 768px) {
.product-tabs .nav-tabs .nav-link {
          border: 1px solid #ccc; }
}

.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.3);
        -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.1);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
      .rubric-list .item a span {
        display: block;
        font-size: 18px;
        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: #E84E22;
      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 #2b7a81;
      -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: #2b7a81; }
      .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: 0 15px; }
        .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;
            line-height: 1.4em;}
          .compare-table-header .product .item .text .prices * .oldprice {
            font-size: 12px; }
      .compare-table-header .product .item .image {
        height: 170px;
        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: 25px; }
        .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: #f8f9fa; }
      .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: 234px;
            margin-right: 0;}

/* ----------- COMPARE ------------ */
/* ----------- WIDGETS ------------ */
.widget {
  position: relative;
  border: 1px solid #dddddd; }
  .widget + .widget {
    margin-top: 30px; }
  .widget .title {
    background: #2b7a81;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 20px 20px;
    font-family: "Montserrat", 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: 14px;
        padding-right: 20px; }
        .widget.filters .widget-filter .filters-title::after {
          content: '\f067';
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          font-size: 12px;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          color: #ccc;
          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%;
            font-size: 12px;
        }
          .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: #bcda04; }

.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: #bcda04; }

.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: 10px 0; }
  .services-list .service-box {
      color: #000;
      position: relative;
      min-height: 220px;
          font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 20px;
   
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }
    .services-list .service-box:hover {
      -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
              transform: translateY(-3px);
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .services-list .service-box:hover .line {
        width: 100%;
        -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: #efd70a;
      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 {
        margin-bottom: 15px;
      color: #171717;
      text-align: left;
      font-size: 22px;
      font-weight: 600;
      margin-top: 10px; }
      .services-list .service-box h4 a {
        color: #013e98; }
        
        .services-list .service-box h3 {
      color: #171717;
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      margin-top: 10px;
      margin-bottom: 30px;
      }
      .services-list .service-box h3 a {
        color: #013e98; }
        
        @media (max-width: 768px) {
              .services-list .service-box h3 {
      font-size: 16px;
      }
	.services-list .service-box h4 {
     font-size: 20px;
}
 
}
        @media (max-width: 400px) {
	.services-list .service-box h4 {
     font-size: 18px;
}
 
}

.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: 15px 0 0 0; }
  .text-content h1 {
    font-size: 30px;
        letter-spacing: 2px;
    color: #202020;
    text-transform: uppercase;
   font-weight: 600;
    padding-bottom: 20px;
    text-align: left;
    margin-bottom: 1px; }
    

 
@media (max-width: 991px) {
   .text-content h1 {
    font-size: 25px;
 } 
}
 
@media (max-width: 768px) {
  .text-content h1 {
    font-size: 22px;
 }   
}
 
@media (max-width: 600px) {
   .text-content h1 {
    font-size: 20px;
 }  
}
 
@media (max-width: 400px) {
    .text-content h1 {
    font-size: 18px;
 } 
}

.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: #000;
  padding-top: 3px;
  bottom: 30px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  height: 40px;
  width: 40px;
  line-height: 35px;
  text-align: center;
  position: fixed;
  left: 20px;
  text-align: center;
  text-transform: uppercase;
  z-index: 999;
  border-radius: 30px;
  display: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  a#scrollUp:hover {
    background: #636363; }

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

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

 .pre-footer {
  padding: 40px 0;
  background: #fff; }
  .pre-footer .phones {
    position: relative;
    text-align: right; }
    .pre-footer .phones .item {
      position: relative;
      font-family: "Montserrat", sans-serif;
      display: inline-block;
      text-align: left; }
      .pre-footer .phones .item span {
        color: #454545;
        font-size: 14px;
        display: inline-block;
        text-transform: uppercase; }
      .pre-footer .phones .item a {
        color: #454545;
        margin-left: 10px;
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase; }
  
footer {
  background: #25233b;
  padding: 30px 0 0; }
  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;
            -o-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;
              -o-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: #dee2e6;
            font-size: 14px;}
            footer .footer-block .footer-menu ul li a:hover {
              text-decoration: underline; }
  footer .sf_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1;
    word-wrap: break-word;
    /*word-spacing: 300px;*/ }
  footer h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif; }
  footer .copyright {
    font-size: 13px;
    line-height: 13px;
    border-top: 1px solid #fff;
    color: #dee2e6;
    padding: 10px 0; }
  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 0;
          margin: 10px 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: 0 !important;
    list-style-type: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle; }
    footer .socials li {
      display: inline-block !important;
      vertical-align: top;
      list-style: none;
      padding: 0; 
            margin-right: 10px;
    }
      footer .socials li + li {
            margin-right: 10px; }
      footer .socials li a {
        text-decoration: none;
            margin-top: 10px;
        display: block;
        width: 35px;
        height: 35px;
        line-height: 32px;
        text-align: center;
        border: 1px solid #8b8b8b;
        border-radius: 50%;
        color: #8b8b8b;
        font-size: 16px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease; }
        footer .socials li a i {
          color: #8b8b8b;
          -webkit-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease; }
        footer .socials li a:hover {
          color: #fff;
          border: 1px solid #fff;
          -webkit-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease; }
          footer .socials li a:hover i {
            color: #fff;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease; }

.contact-info-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 768px) {
  .contact-info-block {
    display: grid;
    grid-template-columns: 1fr;
  
}  
}

.contact-info {
  position: relative; }
  .contact-info .media-list {
    margin-bottom: 0px; }
    .contact-info .media-list .media {
      position: relative;
      margin-bottom: 15px; }
    .contact-info .media-list .media:nth-last-child(1) {
      
      margin-bottom: 0; }  
      
      .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; }
        .contact-info .media-list .media .media-body p {
        font-size: 12px; }

.map {
  width: 100%;
margin-bottom: 30px;
  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: 0px; }
  .posts .post {
      margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
    padding: 0;
    margin-bottom: 0px;
    border-radius: 0px; }
    .posts .post * {
      position: relative;
      z-index: 3; }
    .posts .post .image {
      display: block; }
      .posts .post .image img {
        max-width: 100%; }
    .posts .post .text {
      padding: 15px 0;
      height: 100%;
          display: flex;
    flex-direction: column;
}
    .posts .post .text .meta {
      padding: 10px 0;

}
    .posts .post .text .next {
    flex: 1 1 auto;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
      .posts .post .text a.title {
       font-size: 18px;
    font-weight: 700;
    color: #171717;
    margin-top: 5px; }
      .posts .post .text p {
        padding-top: 18px;
        color: #171717;
        overflow: hidden;
        line-height: 1.3em;}

.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 0;
}
      .blog-post .post-content .meta span {
        color: #393939; }
    .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: #f6f6f6;
    font-size: 14px;
    padding: 8px 15px;
    color: #171717; }

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

.modal-content {
  -webkit-border-radius: 15px;
        border-radius: 15px;
    border: 0;
    padding: 10px;
}
          
.modal {
    
}  

.modal-body {
    padding: 20px;
}
.modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

}

.modal-dialog2 {

    padding: 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 #bcda04;
  background: #bcda04;
  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 #25233b;
  background: #25233b;
  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; 
      line-height: 1.0em;
  }
    .line-heading {
    width: 500px;
    height: 1px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #e84f22;}
    .line-heading.left {
    margin-left: 0px;
    width: 50%;
    }
     .line-heading.right {
    margin-right: 0px;
    width: 50%;
    }
    .line-heading.vw {
    width: 100%;
    }
    .crl-heading {
    position: relative;
    top: -6px;
    width: 13px;
    height: 13px;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 2px;
    border-color: #b9b9b9;
  
    background-color: #e84f22;}
    .crl-heading.right {
     margin-right: 0px;   
    }
    .crl-heading.left {
     margin-left: 0px;   
    }
    .crl-heading.bottom {
         right: -6px;
    position: absolute;
    top: 100%;
    }
    .crl-heading.menu {
    position: absolute;
    top: 0px;
    width: 12px;
    height: 12px;
    }

@media (max-width: 1200px) {
  body {
    position: relative; }
  .navigation ul.navs > li > a {
    font-size: 12px;
       padding: 15px 10px 15px 10px; }
  header .header-bottom .phones .item span,
  .pre-footer .phones .item span {
    font-size: 27px; }
  header .header-bottom .phones .item a,
  .pre-footer .phones .item a {
    font-size: 16px; }
  .navigation ul.righter {
    padding: 0; }
  .navigation ul.righter .compariser i,
  .navigation ul.righter .cart a .carticon i {
    font-size: 26px; }
  .bg-section .item .text ul li a {
    font-size: 20px; } }

@media (max-width: 991px) {
  .hidden-sm {
    display: none; }
  .navigation ul.righter {
    padding: 0 15px; }
  .def-section.catalog {
    padding-top: 0;
    border-top: 1px solid #f6f6f6; }
  .def-section.catalog.inner {
    display: block; }
  .bg-section .item h3 {
    font-size: 16px; }
  header .header-bottom .logo,
  .pre-footer .logo {
    text-align: left; }
    header .header-bottom .logo img,
    .pre-footer .logo img {
      display: inline-block;
      max-height: 100px; }
  .navbar-toggler {
    display: block; }
  .mobile-menu-button {
    display: block; }
  .catalog {
    padding: 0; 
      
  }
  .mobile-catalog-but {
    display: none; }
  .banners .item-wrap + .item-wrap {
    margin-top: 30px; }
  .bg-section .item .text ul li a {
    font-size: 12px; }
  .projects .projects-list .item .text {
    font-size: 15px;
    line-height: 1.2em; }
  .projects .actions .btn {
    margin-bottom: 10px; }
  .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; }
  .projects .views span {
    margin-bottom: 30px; }
  .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-bottom .phones .item span {
    display: block; }
  header .header-bottom .phones .item a {
    display: block;
    margin: 0; 
      font-size: 15px;
  }
  .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; }
   }

    .item-servis {
        padding: 0 0 10px 20px;
    display: block;
        position: relative;
        margin-bottom: 60px;
    }
    .line-servis {
    width: 1px;
    height: 94%;
    position: absolute;
        left: 0px;
    background-color: #e84f22;
    }
    .text-block {
            margin-top: 0px;
    margin-bottom: 15px;
    }
    .blog-servis {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    }
.servis-icons {
     
    position: absolute;
    color: #fff;
    width: 20%;
    z-index: 1;
    border: 1px solid;
    border-radius: 100%;
}
.img-servis {
   position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
}
.item-link-img {
    opacity: 1.00;
      width: 100%;
    -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);
   
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

    .item-link-img:hover {
     opacity: 0.80;
       
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .icon-advant {
              width: 80px;
      }
.menu-catalog {
  background: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.1em;
    height: 100%;
    display: -webkit-inline-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
 min-height: 50px;
    font-weight: 500;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.menu-catalog.cat {
        border-radius: 0;
    background: #e1e1e1;
     
    border: 0;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
}
.menu-catalog.firm {
        background: #cccccc7a;
}
.menu-catalog.sitebar {
        min-height: 50px;
      
}
.title-footer {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    font-family:"Montserrat";
}
.title-category {
    width: 100%;
    padding: 20px;
       background: #0000008c;
    color: #fff;
    position: absolute;
    bottom: 0;
    font-weight: 900;
}
.image-brand {
    margin-bottom: 30px;
}
.menu-img {
   margin-right: 7px;
    width: 40px;
    border-radius: 5px;
        -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 10%), 0px 1px 1px rgb(0 0 0 / 7%), 0px 2px 1px rgb(0 0 0 / 7%);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%), 0px 1px 1px rgb(0 0 0 / 7%), 0px 2px 1px rgb(0 0 0 / 7%);
}
.logo-footer {
    
        width: 160px;
}

.menu-category {
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
        margin-bottom: 20px;
}
.menu-category .item-wrap {
     min-height: 50px;
   
}

.menu-category .item-wrap:nth-child(1) {
  grid-column: 1/-1;
   
}







.item-tr {
    padding-bottom: 20px;
}
@media (min-width: 1200px){
    .container {
        max-width: 1200px;

    }
}
.av-icon {
  width: 60%;  
}
.av-icon2 {
  width: 85px;  
}
.av-icon3 {
  width: 120px;  
  border: 0px solid #ccc;
    border-radius: 100%;
}
.text-blocks {
        margin-top: 20px;
    margin-bottom: 20px;

}

.text-blocks h1 {
    padding: 0;
    font-size: 38px;
    font-weight: 900;
    margin-top: -10px;
    font-family: 'Prosto One', sans-serif;
}
@media (max-width: 991px) {
    .text-blocks h1 {
    font-size: 34px;
}
}

@media (max-width: 768px) {
        .text-blocks h1 {
    font-size: 32px;
}
}

@media (max-width: 600px) {
        .text-blocks h1 {
    font-size: 32px;
}
}

@media (max-width: 400px) {
        .text-blocks h1 {
    font-size: 28px;
}
}



.text-blocks-one {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 25px 15px;
    color: #000;
    background: #fff;
    margin-left: 1px;
    margin-right: 1px;
}
.hover-block {
    
}
.hover-block:hover {
        background: #44b0baa3;
            -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
      color: #fff;
}
.text-blocks-one img {
    border-radius: 15px;
        -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2), inset 3px 3px 11px rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2), inset 3px 3px 11px rgba(0, 0, 0, 0.08);
}

.text-blocks-one .title {
    font-size: 20px;
    font-weight: 600;
       padding: 0 0 10px 0;
}

.text-blocks-one p {

    font-size: 15px;
     
}

.text-blocks-one h3 {
    line-height: 1.0em;
    font-weight: 600;
      
}
.text-blocks-one h4 {
       line-height: 1.0em;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
      
}

@media (max-width: 991px) {
        .text-blocks-one .title {
    font-size: 18px;
        padding: 0;
}
.text-blocks-one h3 {
     font-size: 23px; 
     margin: 0;
}
}

@media (max-width: 768px) {
    .text-blocks-one .title {
    font-size: 16px;
}
}
 
@media (max-width: 600px) {
        .text-blocks-one .title {
    font-size: 15px;
        padding: 0;
}
.text-blocks-one p {
    font-size: 14px;
     
}
.text-blocks-one h3 {
     font-size: 22px; 
     margin: 0;
}
}
 
 
@media (max-width: 400px) {
        .text-blocks-one .title {
    font-size: 11px;
   
}
.text-blocks-one p {
    font-size: 13px;
     margin: 0;
}
.text-blocks-one h3 {
      font-size: 20px;    
}
}


.av-img {
    -webkit-border-radius: 15px;
            border-radius: 15px;
}
.heading-h4 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
        margin: 5px 0;
        text-align: center;
}
.link-category {
    display: block;
}
.video-frame {
      width: 100%;
    height: 530px;
    margin-left: auto;
    margin-right: auto;  
}
@media (max-width: 1200px) {
.video-frame {
    height: 450px;
} 
}
@media (max-width: 992px) {
.video-frame {
    height: 330px;
} 
}
@media (max-width: 768px) {
.video-frame {
    height: 250px;
} 
}



.video-block {
   padding: 0; 
   border-radius: 5px;
    overflow: hidden;
}
.block-banner {
    margin: 0px 0;
}
.img-block{
        text-align: center;
            border-radius: 5px;
    overflow: hidden;
}
.pro-logo {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 60px;
}
.pro-text {
    olor: #a2a1a1;
    font-size: 14px;
    font-weight: 400;
}
.list {
        margin-bottom: 30px;
}
.menu-title {
   line-height: 1.2em;
    font-size: 14px;
    display: block;
       padding: 7px 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.menu-title:hover {
    background: #2ea1ab57;
}
.image-brandimage {
    margin: 18px;
}
.form-group {
    
    padding: 5px 10px;
    border: 0px solid #ccc;
    background-color: #f2f2f247;
}
.icon-1 {
    width: 100px;
    
}

.user_orders .order{
    margin: 15px 0;
    border: 1px solid #ccc;
    padding: 10px;
}

.user_orders .order .products{
    font-size: 14px;
	padding: 10px 0;
}

.user_orders .order .total{
    margin-top: 15px;
}

.user_orders .order h4{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.icon-header {
    width: 20px;
}
.icon-header-stat {
    width: 30px;
}
.icon-menu {
   position: absolute;
    left: 2px;
    top: 2px;
    width: 28px;
}
@media (max-width: 1200px) {
  .icon-menu {
top: 5px;
    width: 20px;
}  
}
.logo-text {
    line-height: 1.15em;
    font-weight: 400;
    font-size: 12px;
    color: #222222;
}
.logo-text p {
    font-weight: 700;
    margin-bottom: 0rem;
    margin-top: 5px;

}

.icon-menu-link {
    width: 31px;
    margin-right: 5px;
   
}
.wp {
    background-color: #28a745;
    width: 100%;
}

.content_wrap {
  position: relative; }
  .content_wrap.active .content_wrap_item {
    height: auto !important;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .content_wrap.active .buttons_container,
  .content_wrap.active .content_wrap_item::after  {
    display: none; }
  .content_wrap .buttons_container {
    background: #FFFFFF;
    padding: 15px 0;
    margin-left: -30px; }
    .content_wrap .buttons_container a {
      display: block;
	text-align: center;	  }
  .content_wrap .content_wrap_item {
    position: relative;
    overflow: hidden;
	height: 220px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
    .content_wrap .content_wrap_item::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 64px;
      display: block;
      opacity: 1;
      background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), color-stop(14.58%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(bottom, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 14.58%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 14.58%, rgba(255, 255, 255, 0) 100%); }
      
      .sidebar-block {
          background-color: #e1dcd44f;
    padding: 20px;
      }
      
    .sidebar {
        height: 100%;
    }  
      
      .forder-popup__block--grey {
    background-color: #fff  !important;
    font-size: 12px  !important;
    padding: 10px 40px  !important;
      }
      
    .control-label {
        margin-bottom: 0px;
    }
    
    .menu-block {
        
    }
    .cc-block {
     list-style-type: none;
    /* padding: 0 15px 0 0; */
    position: relative;
    margin: 0;
    font-size: 0;
    line-height: 0;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;

    }
    .cc-block li {
            margin-right: 20px;
    }
    .compare-block{
          display: inline-block;
    vertical-align: middle;
    }
    .cart-block {
      position: relative;
    display: inline-block;
    text-align: right;  
    }
    .compariser {
        position: relative;
    margin-right: 5px;
    z-index: 9;
    }
    .comparison-default a {
        text-decoration: none;
    display: block;
    border-radius: 20px;
    padding: 3px 5px 3px 3px;
    }
    .icon-icon-compare {
        font-size: 22px;
    color: #ccc;
    margin-right: 10px;
    position: relative;
    }
    .comparison-total {
        width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
   background: #2b7a81;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    position: absolute;
       top: 5px;
       right: -5px;
    margin: 0 10px;
    border-bottom: none;
    }
    .cart{
        position: relative;
    display: inline-block;
    text-align: right;
    }
    .empty{
        display: block;
    }
    .empty a{
        display: inline-block;
    border-radius: 20px;
    padding: 3px 3px;
    }
    .carticon{
            position: relative;
    }
    .icon-icon-basket{
            font-size: 22px;
    }
    .carticon span{
        font-size: 10px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #2b7a81;
    display: inline-block;
    line-height: 15px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0px;
    right: -5px;
    }
    .cart-info{
        position: relative;
    padding: 0 5px 0 15px;
}
@media (max-width: 768px) {
.phones {
 display: flex;
    align-items: center;
}	
}

.sl_icon-compare {
      width: 40px;
    display: block;
    height: 35px;
  background-image: url(/assets/files/img/icons/compare-icon.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-cart {
      width: 40px;
    display: block;
    height: 40px;
  background-image: url(/assets/files/img/icons/cart.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
@media (max-width: 768px) {
.sl_icon-compare {
      width: 40px;
    display: block;
    height: 27px;
  background-image: url(/assets/files/img/icons/compare-icon.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-cart {
      width: 33px;
    display: block;
    height: 33px;
  background-image: url(/assets/files/img/icons/cart.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}	
}
@media (max-width: 400px) {
.sl_icon-compare {
      width: 30px;
    display: block;
    height: 20px;
  background-image: url(/assets/files/img/icons/compare-icon.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-cart {
      width: 27px;
    display: block;
    height: 28px;
  background-image: url(/assets/files/img/icons/cart.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}	
}
.sl_icon-search {
      width: 25px;
    display: block;
    height: 25px;
  background-image: url(/assets/files/img/icons/search.svg);
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.text-search {
    padding: 10px 20px;
}
.svg-icon {
       width: 28px; 
       margin-right: 5px;
}
@media (max-width: 768px) {
.svg-icon {
      width: 35px;
    height: 34px;
        margin-right: 5px;
}	
}
@media (max-width: 400px) {
.svg-icon {
      width: 25px;
    height: 24px;
}	
}
.mobile-logo {
    
}

.mobile-logo a {
    display: flex;
}
.mobile-logo a .logo {
   
}
.mobile-logo a .logo img {
   display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    line-height: 0.8em;
     width: 110px;
}
.mobile-logo a .site_name {
   font-size: 33px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
.mobile-logo a .site_name .slogan{
   font-size: 18px;
    display: block;
    color: #25233B;
    line-height: 1em;
    font-family: 'Prosto One', sans-serif;
}
.mobile-logo a .site_name .slogan2{
       font-size: 26px;
    display: block;
    color: #25233B;
    line-height: 1em;
    font-family: 'Prosto One', sans-serif;
}
.mobile-logo a .site_name .description{
   font-size: 8px;
    color: #25233B;
}
.contact-block {
    position: relative;
    background: #ffffffcf;
    padding: 20px;

    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 14%);
    box-shadow: 0px 4px 18px 4px rgb(0 0 0 / 14%);
}

.contact-block:nth-child(4) {
 grid-column: 1/-1;
}
.contact-block:nth-child(1) {
  grid-column: 1/-1;
}

@media (max-width: 768px) {
 .contact-block {
        position: relative;
            max-width: none;
  height: auto;
}   
}

.sl_icon-flat {
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/flat.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sl_icon-complex {
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/complex.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-phone1{
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/complex.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sl_icon-phone2{
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/complex.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sl_icon-wp {
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/complex.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-tg {
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
  background-image: url(/assets/files/img/icons/complex.svg);
  background-size: cover;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl_icon-contact {
    position: relative;
    top: -3px;
     fill: #fff;
  -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
   
}
.btn-success {
    color: #fff;
    background-color: #bcda04;
    border-color: #bcda04;
}
.btn-success:hover {
        background-color: #2b7a81;
    border-color: #2b7a81;
}

.text-center {
    text-align: center!important;
    height: 100%;
    /*display: flex;
    align-items: center;
       justify-content: center;*/
    padding: 10px 0;

}
.alert-info {
    color: #ffffff;
    background-color: #2b7a81;
    border-color: #2b7a81;
}
.content-block {
        border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 20px;

    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);
    box-shadow: 0px 4px 9px 4px rgb(0 0 0 / 4%);
}
.comparison {
    position: relative;
    display: flex;
    justify-content: center;
    padding-right: 25px;
    border: 1px solid #bcda04;
    padding: 10px;
    border-radius: 5px;
    background: #bcda04;
}

a.comparison-link {
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 0px;
    
}
.comparison-go {
    border-left-style: dotted;
    border-left-width: 1px;
}
.img-slider {
         height: 70vh;
}
.text-slider {
   position: absolute;
       font-family: 'Prosto One', sans-serif;
    z-index: 50;
    border-radius: 10px 0 10px 10px;
border-bottom: 5px solid #bcda04;
    font-weight: 900;
        bottom: 0;
    right: 0;
    top: 0;
    color: #25233b;
    letter-spacing: 1px;
    /*text-shadow: rgb(0 0 0 / 90%) 2px 2px 5px;*/
    display: flex;
    flex-direction: column;
   justify-content: center;
  background: #fff;
    padding: 30px 80px 30px 30px;
        -webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
width: 35%;
}
.text-slider-video {
   position: absolute;
       font-family: 'Prosto One', sans-serif;
    z-index: 50;
    border-radius: 10px 0 10px 10px;
border-bottom: 5px solid #bcda04;
    font-weight: 900;
        bottom: 0;
    right: 0;
    top: 0;
    color: #25233b;
    letter-spacing: 1px;
    /*text-shadow: rgb(0 0 0 / 90%) 2px 2px 5px;*/
    display: flex;
    flex-direction: column;
   justify-content: center;
  background: #bcda04cf;
    padding: 30px 80px 30px 30px;
        -webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
width: 35%;
}
.text-slider svg {
      position: absolute;
    top: 0;
    left: -100px;
fill: #ffffffd4;
    height: 100%;
   
}
.text-slider .title {
  position: relative;  
}
.text-slider .subtitle{
   font-size: 18px;
    margin: 0;
    line-height: 1.0em;
    color: #9db313;
    font-weight: 500;
}
.text-slider .maintitle{
font-size: 34px;
line-height: 1.0em;
    padding: 10px 0 0 0;
}
.text-slider-video .maintitle{
font-size: 34px;
line-height: 1.0em;
    padding: 10px 0 0 0;
    color: #fff;
}
.text-slider .maintitle span{
font-size: 1.4em;

}

.slider-icon-block {
        z-index: 30000;
    position: absolute;
}
.icon-slider {
      width: 80px !important;
    position: absolute;
    top: 40px;
    padding: 2px;
    background: #212529;
    border: 4px solid #fff;
    border-radius: 50%;
}

@media (max-width: 991px) {
    .icon-slider {
      width: 70px !important;
    top: 35px;
 
}

   .text-slider, .text-slider-video {
        width: 40%;
}
.text-slider .maintitle, .text-slider-video .maintitle{

font-size: 25px;
    padding: 10px 0 0 0;
}
.text-slider .maintitle span{


}
.text-slider .subtitle{
   font-size: 14px;
} 
}


@media (max-width: 768px) {
        .icon-slider {
    top: 30px;
 
}
   .text-slider, .text-slider-video {
    width: 45%;
}
.text-slider .maintitle, .text-slider-video .maintitle{

font-size: 22px;
    padding: 10px 0 0 0;
}
.text-slider .subtitle{
   font-size: 10px;
   margin: 0 0 10px 4px;
} 
}
@media (max-width: 600px) {
        .icon-slider {
   top: 30px;
 
}
   .text-slider, .text-slider-video {
    font-size: 25px;
    padding: 15px;
    width: 50%;
}
.text-slider .subtitle, .text-slider-video .subtitle{
   font-size: 14px;
   line-height: 1em;
   margin: 0 0 10px 4px;
} 
.text-slider .maintitle, .text-slider-video .maintitle{
font-size: 20px;
}
}
@media (max-width: 400px) {
        .icon-slider {
      width: 60px !important;
    top: 25px;
 
}
   .text-slider, .text-slider-video {
    font-size: 20px;
    width: 60%;

}
.text-slider .subtitle, .text-slider-video .subtitle{
   font-size: 12px;
  
} 
.text-slider .maintitle, .text-slider-video .maintitle{
font-size: 16px;
}
}
.info-slider {
    position: absolute;
    top: 10px;
    border-radius: 5px;
    right: 40px;
    z-index: 50;
    background: #ffffffe6;
    width: 250px;
    padding: 15px;
}
.info-slider ul {
    list-style: none;
    margin-top: 0;margin-bottom: 0;padding-left: 0;

}
.info-slider ul li {
    padding: 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2em;

}
.info-slider ul li div {
       margin-bottom: 5px;
    background: #bcda04;
    padding: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;

}
.left {
    text-align: left !important;
}

.icon-one {
    width: 90px;
    height: 90px;
        border: 4px solid #bcda04;
    border-radius: 50%;
}
.icon-two {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    right: 10px;

}
.btn-secondary {
    color: #fff;
    background-color: #2b7a81;
    border-color: #2b7a81;
    margin: 15px 0 0;
}

.def-slider .owl-stage-outer {
  padding: 10px 0 10px;
}

.def-slider .owl-prev,
.def-slider .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 2px 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 2px 1px rgba(0, 0, 0, 0.07);
  text-align: center;
}

.def-slider .owl-prev i,
.def-slider .owl-next i {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 56px;
}

.def-slider .owl-prev {
  left: -30px;
  display: none;
}

.def-slider .owl-next {
  right: -30px;
  display: none;
}

.def-slider .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.def-slider .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #ADADAD;
}

.def-slider .owl-dots .owl-dot.active {
  background: #C4D600;
  border: 1px solid #C4D600;
}

.def-slider .owl-dots .owl-dot + .owl-dot {
  margin-left: 8px;
}
.sl_icon-arrow_left {
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/arrow.svg);
}

.sl_icon-arrow_right {
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/arrow-right.svg); 
}

/*menu-footer*/
.block-buttom { 
 position: fixed;
  top: auto;
  bottom: 2%;
  right: 2%;
  left: auto;
  width: 40px;
    height: 40px;
    border-radius:10px;
    background-color: #bcda04;
     z-index: 1500;
}
.menu-toggler {

  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.menu-toggler:hover + label, .menu-toggler:hover + label:before, .menu-toggler:hover + label:after {
  background: white;
}
.menu-toggler:checked + label {
  background: transparent;
}
.menu-toggler:checked + label:before, .menu-toggler:checked + label:after {
  top: 0;
  width: 30px;
  transform-origin: 50% 50%;
}
.menu-toggler:checked + label:before {
  transform: rotate(45deg);
}
.menu-toggler:checked + label:after {
  transform: rotate(-45deg);
}
.menu-toggler ~ ul .menu-item {
  opacity: 0;
}
.menu-toggler:checked ~ ul .menu-item {
  opacity: 1;
}
.menu-toggler:checked ~ ul .menu-item:nth-child(1) {
  transform: rotate(1260deg) translateY(210px) translateX(0px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(2) {
  transform: rotate(900deg) translateY(160px) translateX(0px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(3) {
  transform: rotate(540deg) translateY(110px) translateX(0px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(4) {
  transform: rotate(180deg) translateY(60px) translateX(0px);
}

.menu-toggler:checked ~ ul .menu-item a {
  pointer-events: auto;
  transition: .3s all linear;
}
.menu-toggler + label {
  width: 30px;
  height: 5px;
  display: block;
  z-index: 1;
  border-radius: 2.5px;
  background: rgba(255, 255, 255, 0.7);
  transition: transform 0.5s, top 0.5s;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.menu-toggler + label:before, .menu-toggler + label:after {
  width: 30px;
  height: 5px;
  display: block;
  z-index: 1;
  border-radius: 2.5px;
  background: rgba(255, 255, 255, 0.7);
  transition: transform 0.5s, top 0.5s;
  content: "";
  position: absolute;
  left: 0;
}
.menu-toggler + label:before {
  top: 10px;
}
.menu-toggler + label:after {
  top: -10px;
}
.menu-item:nth-child(1) a {
  transform: rotate(180deg);
}
.menu-item:nth-child(2) a {
  transform: rotate(180deg);
}
.menu-item:nth-child(3) a {
  transform: rotate(180deg);
}
.menu-item:nth-child(4) a {
  transform: rotate(180deg);
}

.menu-item {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  display: block;
  opacity: 0;
  transition: 0.5s;
  
}
.menu-item a {
  display: block;
  width: inherit;
  height: inherit;
  line-height: 80px;
  color: rgba(255, 255, 255, 0.9);
  background: #2b7a81c2;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  pointer-events: none;
  transition: 0.2s;
       position: relative;
  display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item a:hover {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
  color: white;
  background: #2b7a81;
  opacity:1;
 }
 /*end*/
 
 .product-list {
     
 }
  .product-list .row {
     
 }
 .product-list .item {
     -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            height: 100%;
            -webkit-border-radius: 10px;
            border-radius: 5px;
        
             -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 }
  .product-list .item: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(-3px);
          -ms-transform: translateY(-3px);
              transform: translateY(-3px);
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
 }
 
  .product-list .item .image {
     -webkit-border-radius: 5px;
            border-radius: 5px;
    overflow: hidden;
 }
   .product-list .item .text {
          padding: 10px 30px 10px 10px;
 }
    .product-list .item .text span{
       font-weight: 600;
    font-size: 15px;
 }
    .product-list .item .text .char-item{
 display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
 }
     .product-list .item .text .char-item .label{
  font-weight: 500;
    font-size: 15px;
    background: #fefefe;
    margin-bottom: -1px;
    padding: 0px 2px;
 }
 
      .product-list .item .text .char-item .value{
padding: 0px 2px;
    background: #fefefe;
    margin-bottom: -1px;
 }
 
@media (max-width: 768px) {
         .product-list .item .text .char-item .label{
    font-size: 13px;
 }
}
 
@media (max-width: 600px) {
             .product-list .item .text .char-item .label{
    font-size: 13px;
 }
}
 
 
@media (max-width: 400px) {
             .product-list .item .text .char-item .label{
    font-size: 13px;
 }
}
 
 
 
 .info-page-block {
         margin-bottom: 10px;
    
    overflow: hidden;
   display: grid;
    grid-template-columns: 1fr;
    position: relative;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 .info-page-block .item:nth-child(1) {
 
 }
  .info-page-block .item:nth-child(2) {
  
 }
   .info-page-block .item .text{
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
 }
    .info-page-block .item .text .procent{
      font-size: 80px;
    font-weight: 900;
    margin: 25px 0;
 }
     .info-page-block .item .text span{
      font-size: 20px;
       margin-right: 10px;
 }
   .info-page-block .item .image {
  
 }
    .info-page-block .item img {
     width: 100%;
    height: 480px;
    object-fit: cover;
 }
@media (max-width: 991px) {
  .info-page-block {
    grid-template-columns: 1fr;
 }   
}
 
@media (max-width: 768px) {
   .info-page-block {
    grid-template-columns: 1fr;
   
 }  
 .info-page-block .item:nth-child(1) {
 
 }
  .info-page-block .item:nth-child(2) {
  grid-row-start: 1;
 }
  .info-page-block .item .text{
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
 }
    .info-page-block .item .text .procent{
      font-size: 60px;
    font-weight: 900;
 }
     .info-page-block .item .text span{
      font-size: 20px;
       margin-right: 10px;
 }
   .info-page-block .item .image {
  
 }
    .info-page-block .item img {
       width: 100%;
    height: 350px;
    object-fit: cover;
  
 }
}
 
@media (max-width: 600px) {}
 
@media (max-width: 400px) {}

 .info-page-block-main {
     height: auto !important;
     padding: 0 !important;
    overflow: hidden;
   display: grid;
    grid-template-columns: 3fr 2fr;
    position: relative;
    background: #fff;

    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 .info-page-block-main .item:nth-child(1) {
  padding: 30px;
 }
  .info-page-block .item:nth-child(2) {
  
 }
   .info-page-block-main .item .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
 }
   .info-page-block-main .item .text .href{
color: #000;
 }
  .info-page-block-main .item .text h3{
    font-family: 'Prosto One', sans-serif;
    line-height: 1.1em;
    font-size: 23px;
 }
   .info-page-block-main .item .text div{
    line-height: 1.1em;
    font-size: 15px;
    margin: 15px 0;
 }
    .info-page-block-main .item .text .procent{
      font-size: 80px;
    font-weight: 900;
    margin: 15px 0;
 }
     .info-page-block-main .item .text span{
      font-size: 20px;
       margin-right: 10px;
 }
   .info-page-block-main .item .image {
  position: relative;
    height: 100%;
 }
    .info-page-block-main .item img {
     width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
        -webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.3);
 }
@media (max-width: 991px) {
  .info-page-block-main {
    grid-template-columns: 3fr 2fr;
 }   
}
 
@media (max-width: 768px) {
 .info-page-block-main {
    grid-template-columns: 1fr 1fr;
    height: auto;
    width: 100%;
 } 
 .info-page-block-main .item:nth-child(1) {
     padding: 15px;

 }
  .info-page-block-main .item:nth-child(2) {
  grid-row-start: 1;
 }
  .info-page-block-main .item .text{
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
 }
 .info-page-block-main .item .text h3 {
         font-size: 20px;

 }
    .info-page-block-main .item .text .procent{
      font-size: 60px;
    font-weight: 900;
 }
     .info-page-block-main .item .text span{
      font-size: 20px;
       margin-right: 10px;
 }
   .info-page-block-main .item .image {
  
 }
    .info-page-block-main .item img {
       width: 100%;
 
    object-fit: cover;
  
 }
}
 
@media (max-width: 600px) {
     .info-page-block-main .item .text h3 {
         font-size: 18px;

 }
}
 
@media (max-width: 400px) {}
 
 .blocki {
     display: flex;
    flex-wrap: wrap;
 }
 
 
 .btn-page {
         width: auto;
    padding: 15px 20px;
    background: #bcda04;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    border: 0;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
        margin-top: auto;
 }
 
 
 
 
  .btn-page:hover, .btn-page:active, .btn-page:focus {
      width: auto;
    padding: 15px 20px;
    background: #bcda04;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    border: 0;
   -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(-3px);
          -ms-transform: translateY(-3px);
              transform: translateY(-3px);
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; 
 }
 
.slider-line {
    height: 3px;
    width: 100%;
    background: #ccc;
    margin: 10px 0;
}
 .phones-head {
     display: flex;
    justify-content: flex-end;
 }
  .phones-head .item {
    
 }
  .phones-head .item a{
    color: #fff;
    font-weight: 600;
 }
  .phones-head .item span{
    font-size: 30px;
        position: relative;
    top: 2px;
 }
 .header-address {
    font-size: 11px;
    text-align: right;
    line-height: 1.2em;
    height: 100%;
    padding: 5px 0;
        display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
 }
 .header-address p{
    padding: 0;
    margin: 0 0 3px;
 }
  .header-address span{
    font-size: 11px;
    font-weight: 500;
 }
 .icon-arrow-right-info {
  height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .icon-arrow-right-info:before {
    content: "\e929";
    font-size: 35px; 
 }
 .flat-list {
  
 }
 .plan-1 {
   position: relative;  
 }
 
 .flat-1 {
    position: absolute;
    z-index: 10;
    top: 34.2%;
    right: 1.3%;
    width: 10.4%;
    fill: #00a0e3a1;
    opacity: 0.5;
 }
 .flat-1:hover {
    opacity: 0.8;
 }
  .flat-1 .title {
    position: absolute;
    z-index: 111;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
 }
 @media (max-width: 991px) {
       .flat-1 .title {
        font-size: 22px;
 }
 }


@media (max-width: 768px) {
           .flat-1 .title {
        font-size: 18px;
 }
}
 
@media (max-width: 600px) {
           .flat-1 .title {
        font-size: 16px;
 
 }
}
 
 
@media (max-width: 400px) {
           .flat-1 .title {
        font-size: 10px;
   
 }
}
 
 .form-group {
    margin-bottom: 0;
}
.modal-open .modal {
    z-index: 9999;
}