/*
@File: Binter Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Navbar CSS
** - Home Demo One CSS
** - Home Demo Two CSS
** - Home Demo Three CSS
** - About CSS
** - Service Style One CSS
** - Service Details CSS
** - Product Details CSS
** - Blog Details CSS
** - Contact CSS
** - Shop CSS
** - Cart CSS
** - Checkout CSS
** - Product Details CSS
** - Account CSS
** - Appointment CSS
** - Testimonials CSS
** - FAQ CSS
** - Error CSS
** - Coming Soon CSS
** - Rules CSS
** - Go Top CSS
** - Preloader CSS
*/
/* Для основного текста */
body {
    font-family: Arial, Helvetica, sans-serif;
}

/* Для элементов, где был Dancing Script */
.script-text {
    font-family: cursive;
}
/*----- Default CSS -----*/
body {
  font-family: "Roboto", sans-serif;
  color: #565969;
  background-color: #fff;
  font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
  color: #00245a;
  font-weight: 700;
}

p {
  line-height: 1.7;
}

a {
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

.btn.focus, .btn:focus {
  box-shadow: none;
}

ul {
  margin: 0;
  padding: 0 0 0 20px;
}

/*----- End Default CSS -----*/
/*----- Home Demo One CSS -----*/
/*-- Header Top --*/
.header-top-area {
  background-color: #00245a;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 99999;
}
.header-top-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.header-top-area .left p {
  margin-bottom: 0;
  color: #fff;
  font-size: 15px;
}
.header-top-area .left p a {
  display: inline-block;
  color: #fff;
}
.header-top-area .left p a:hover {
  color: #C97030;
}
.header-top-area .left .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #565969;
  cursor: pointer;
  transition: 0.5s all ease;
}
.header-top-area .left .dropdown-toggle::after {
  display: none;
}
.header-top-area .left .dropdown-toggle span {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  top: 0;
}
.header-top-area .left .dropdown-toggle span i {
  position: relative;
  font-size: 18px;
  top: 2px;
  right: 2px;
  transition: 0.5s all ease;
  color: #565969;
}
.header-top-area .left .dropdown-toggle:hover {
  color: #C97030;
}
.header-top-area .left .dropdown-toggle:hover span i {
  color: #C97030;
}
.header-top-area .left .dropdown-menu {
  padding: 15px;
  border: none;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  display: block;
  margin-top: 20px;
  opacity: 0;
  visibility: visible;
  transition: 0.5s all ease;
  transform: scaleX(0);
}
.header-top-area .left .dropdown-menu li {
  display: block !important;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  transition: 0.5s all ease;
}
.header-top-area .left .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header-top-area .left .dropdown-menu li:nth-child(1) {
  border-right: none;
  padding-right: 0;
  position: relative;
  top: -5px;
}
.header-top-area .left .dropdown-menu li:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
}
.header-top-area .left .dropdown-menu li:hover {
  color: #C97030;
}
.header-top-area .left .dropdown-menu .dropdown-item {
  padding: 0;
  color: #565969;
  margin-bottom: 15px;
  font-weight: 600;
  display: block !important;
}
.header-top-area .left .dropdown-menu .dropdown-item::before {
  display: none;
}
.header-top-area .left .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}
.header-top-area .left .dropdown-menu .dropdown-item span {
  display: inline-block;
  margin-left: 8px;
  font-size: 17px;
  font-weight: 600;
  margin-top: 0;
  transition: 0.5s all ease;
}
.header-top-area .left .dropdown-menu .dropdown-item span:hover {
  color: #C97030;
}
.header-top-area .left .dropdown-menu .dropdown-item:hover, .header-top-area .left .dropdown-menu .dropdown-item:focus {
  background-color: transparent !important;
  color: #C97030;
}
.header-top-area .left .dropdown-menu .dropdown-item:active, .header-top-area .left .dropdown-menu .dropdown-item.active {
  color: #C97030;
  background-color: transparent;
}
.header-top-area .left .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
}
.header-top-area .right {
  text-align: right;
}
.header-top-area .right .contact-info {
  display: inline-block;
  border-right: 1px solid #ddd;
  padding-right: 20px;
}
.header-top-area .right .contact-info li {
  display: inline-block;
  list-style-type: none;
  margin-right: 8px;
}
.header-top-area .right .contact-info li:last-child {
  margin-right: 0;
}
.header-top-area .right .contact-info li i {
  display: inline-block;
  color: #C97030;
  margin-right: 3px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.header-top-area .right .contact-info li a {
  display: inline-block;
  color: #fff;
  font-weight: 500;
}
.header-top-area .right .contact-info li a:hover {
  color: #C97030;
}
.header-top-area .right .social-info {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 10px;
}
.header-top-area .right .social-info li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.header-top-area .right .social-info li:last-child {
  margin-right: 0;
}
.header-top-area .right .social-info li a {
  display: block;
  color: #fff;
  font-size: 18px;
}
.header-top-area .right .social-info li a:hover {
  color: #C97030;
}

/*-- Navbar --*/
.sticky-top {
  top: -1px;
}

.navbar-light .navbar-brand .logo-two {
  display: none;
}

.main-nav {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.5s all ease;
}
.main-nav .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.main-nav nav {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}
.main-nav nav .navbar-nav .nav-item:hover a {
  color: #C97030;
}
.main-nav nav .navbar-nav .nav-item a {
  color: #00245a;
  text-transform: unset;
  transition: 0.5s all ease;
}
.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
  color: #C97030;
}
.main-nav nav .navbar-nav .nav-item a i {
  display: inline-block;
  position: relative;
  top: 0;
  font-size: 12px;
  margin-left: 3px;
  font-weight: 600;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  background: #fff;
  border: 0;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px dashed rgba(0, 36, 90, 0.2784313725);
  position: relative;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #C97030;
  transition: 0.7s;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: 0;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child:before {
  display: none;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover:before {
  width: 100%;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0 !important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #C97030;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 16px;
  color: #00245a;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #C97030;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: unset;
  right: -100%;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #00245a;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #C97030;
}
.main-nav .dropdown-toggle::after {
  display: none;
}
.main-nav.menu-shrink {
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5294117647);
}
.main-nav.menu-shrink .side-nav ul li .icon-search {
  height: 70px;
}
.main-nav.menu-shrink .side-nav ul li .icon-search i {
  line-height: 70px;
}
.main-nav.menu-shrink .side-nav ul li .icon-close {
  height: 70px;
}
.main-nav.menu-shrink .side-nav ul li .icon-close i {
  line-height: 70px;
}

.side-nav {
  display: block;
}
.side-nav ul {
  display: block !important;
}
.side-nav ul li {
  list-style-type: none;
  display: inline-block;
}
.side-nav ul li:nth-child(1) {
  border-right: 1px solid #e8e8e8;
  padding-right: 30px;
  position: relative;
  top: 0;
}
.side-nav ul li:nth-child(2) {
  padding-left: 25px;
  padding-right: 30px;
  position: relative;
  top: -1px;
}
.side-nav ul li .cart-item {
  display: inline-block;
  color: #00245a;
  font-weight: 600;
  font-size: 24px;
  position: relative;
  line-height: 24px;
}
.side-nav ul li .cart-item span {
  display: inline-block;
  color: #fff;
  background-color: #C97030;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  top: -6px;
  right: -6px;
}
.side-nav ul li .search-icon {
  font-size: 28px;
  color: #fff;
  border: 0;
  outline: none;
  transition: 0.5s all ease;
  background-color: #C97030;
  padding: 0;
  height: 75px;
  padding-left: 22px;
  padding-right: 22px;
}
.side-nav ul li .search-icon i {
  line-height: 75px;
}
.side-nav ul li .search-icon:hover {
  background-color: #00245a;
}
.side-nav ul li .search-icon.two {
  padding: 0;
  height: auto;
}
.side-nav ul li .search-icon.two i {
  line-height: 30px;
}
.side-nav ul li .search-toggle .search-icon.icon-close {
  display: none;
}
.side-nav ul li .search-toggle.opened .search-icon.icon-search {
  display: none;
}
.side-nav ul li .search-toggle.opened .search-icon.icon-close {
  display: block;
}
.side-nav ul li .nav-srh {
  position: relative;
  display: inline-block;
}
.side-nav ul li .nav-srh .search-area {
  position: absolute;
  right: 74px;
  bottom: 0px;
  z-index: 5;
  transition: 0.5s all ease;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}
.side-nav ul li .nav-srh .search-area .search-icon {
  vertical-align: middle;
  position: absolute;
  right: 30px;
  top: 28px;
  background-color: transparent;
  font-size: 20px;
  color: #515151;
  transition: 0.5s all ease;
}
.side-nav ul li .nav-srh .search-area .search-icon:hover {
  color: #00245a;
}
.side-nav ul li .nav-srh .search-area .src-input {
  outline: none;
  padding-left: 20px;
  padding-right: 30px;
  margin: 0;
  width: 300px;
  background-color: rgba(221, 221, 221, 0.5019607843);
  border: 1px solid #ddd;
  font-size: 17px;
  height: 45px;
  border-radius: 0;
}
.side-nav ul li .nav-srh .search-area.opened {
  max-height: 100px;
  padding: 20px 25px;
  box-shadow: 0px 0px 15px rgba(221, 221, 221, 0.5019607843);
}
.side-nav .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #565969;
  cursor: pointer;
  transition: 0.5s all ease;
}
.side-nav .dropdown-toggle::after {
  display: none;
}
.side-nav .dropdown-toggle span {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  top: 1px;
}
.side-nav .dropdown-toggle span i {
  position: relative;
  font-size: 18px;
  top: 2px;
  right: 2px;
  transition: 0.5s all ease;
  color: #565969;
}
.side-nav .dropdown-toggle:hover {
  color: #C97030;
}
.side-nav .dropdown-toggle:hover span i {
  color: #C97030;
}
.side-nav .dropdown-menu {
  padding: 15px;
  border: none;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  display: block;
  margin-top: 20px;
  opacity: 0;
  visibility: visible;
  transition: 0.5s all ease;
  transform: scaleX(0);
}
.side-nav .dropdown-menu li {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  transition: 0.5s all ease;
}
.side-nav .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.side-nav .dropdown-menu li:nth-child(1) {
  border-right: none;
  padding-right: 0;
  position: relative;
  top: -5px;
}
.side-nav .dropdown-menu li:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
}
.side-nav .dropdown-menu li:hover {
  color: #C97030;
}
.side-nav .dropdown-menu .dropdown-item {
  padding: 0;
  color: #565969;
  margin-bottom: 15px;
  font-weight: 600;
}
.side-nav .dropdown-menu .dropdown-item::before {
  display: none;
}
.side-nav .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}
.side-nav .dropdown-menu .dropdown-item span {
  display: inline-block;
  margin-left: 8px;
  font-size: 17px;
  font-weight: 600;
  margin-top: 0;
  transition: 0.5s all ease;
}
.side-nav .dropdown-menu .dropdown-item span:hover {
  color: #C97030;
}
.side-nav .dropdown-menu .dropdown-item:hover, .side-nav .dropdown-menu .dropdown-item:focus {
  background-color: transparent !important;
  color: #C97030;
}
.side-nav .dropdown-menu .dropdown-item:active, .side-nav .dropdown-menu .dropdown-item.active {
  color: #C97030;
  background-color: transparent;
}
.side-nav .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
}

/*-- Banner --*/
.banner-item {
  height: 960px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.banner-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4653025424) 23%, rgba(255, 255, 255, 0) 66%);
}
.banner-item .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.banner-img-one {
  background-image: url("../img/slider/banner-main1.webp");
}

.banner-img-two {
  background-image: url("../img/slider/banner-main2.webp");
}

.banner-img-three {
  background-image: url("../img/slider/banner-main3.webp");
}

.banner-content {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.banner-content .sub-text {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}
.banner-content .sub-text:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 0px;
  right: -9px;
  background-color: #fff;
}
.banner-content .sub-text:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 0px;
  right: -16px;
  background-color: #C97030;
}
.banner-content h1 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 85px;
  max-width: 860px;
}
.banner-content p {
  color: #fff;
  font-size: 20px;
  max-width: 795px;
  margin-bottom: 30px;
}
.banner-content .banner-btn-area .banner-btn {
  color: #565969;
  background-color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 14px 25px 14px;
  position: relative;
  z-index: 1;
  margin-left: 10px;
}
.banner-content .banner-btn-area .banner-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background-color: #C97030;
  z-index: -1;
  transition: 0.5s all ease;
  border-radius: 50% 50% 0 0;
}
.banner-content .banner-btn-area .banner-btn i {
  display: inline-block;
  font-size: 18px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.banner-content .banner-btn-area .banner-btn:hover {
  color: #fff;
}
.banner-content .banner-btn-area .banner-btn:hover:before {
  height: 100%;
  border-radius: 0;
}
.banner-content .banner-bg-text {
  display: inline-block;
  font-size: 150px;
  color: #fff;
  font-family: "Dancing Script", cursive;
  opacity: 0.1;
  position: absolute;
  top: -90px;
  left: 0;
}

.banner-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  top: 45%;
  right: 80px;
  max-width: 40px;
  margin-right: -9px;
}
.banner-area .owl-theme .owl-dots .owl-dot span {
  margin: 5px 7px;
  background: #fff;
}
.banner-area .owl-theme .owl-dots .owl-dot.active span {
  background: transparent;
  border: 1px solid #fff;
  padding: 10px;
  position: relative;
}
.banner-area .owl-theme .owl-dots .owl-dot.active span:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  top: 5px;
  border-radius: 50%;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.banner-area .owl-item.active .banner-content h1 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.7s;
}
.banner-area .owl-item.active .banner-content p {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.7s;
}

.common-btn {
  color: #fff;
  background-color: #C97030;
  font-size: 18px;
  display: inline-block;
  padding: 14px 25px 14px;
  position: relative;
  z-index: 1;
}
.common-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background-color: #00245a;
  z-index: -1;
  transition: 0.5s all ease;
  border-radius: 50% 50% 0 0;
}
.common-btn i {
  display: inline-block;
  font-size: 18px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.common-btn:hover {
  color: #fff;
}
.common-btn:hover:before {
  height: 100%;
  border-radius: 0;
}
/*----- Coming Soon CSS -----*/
.coming-soon-area {
  height: 100vh;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.coming-soon-area .soon-item h1 {
  font-size: 90px;
  font-weight: 700;
  color: #C97030;
  margin-bottom: 15px;
}
.coming-soon-area .soon-item span {
  display: inline-block;
  color: #00245a;
  font-weight: 500;
  margin-bottom: 30px;
  position: relative;
  font-size: 18px;
}
.coming-soon-area .soon-item span:before {
  position: absolute;
  content: "";
  width: 35px;
  height: 2px;
  left: -45px;
  top: 14px;
  background-color: #00245a;
}
.coming-soon-area .soon-item span:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 2px;
  right: -45px;
  top: 14px;
  background-color: #00245a;
}
.coming-soon-area .soon-item .coming-inner {
  padding-bottom: 30px;
  border-radius: 5px;
  padding-top: 20px;
  margin-bottom: 30px;
  background-color: #00245a;
}
.coming-soon-area .soon-item .coming-inner h3 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
.coming-soon-area .soon-item .coming-inner p {
  color: #fff;
  margin-bottom: 0;
}

/*----- End Coming Soon CSS -----*/
/*----- Rules CSS -----*/
.rules-area {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.rules-area .rules-item img {
  margin-bottom: 30px;
}
.rules-area .rules-item h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #00245a;
}
.rules-area .rules-item p {
  margin-bottom: 30px;
}
.rules-area .rules-item p:last-child {
  margin-bottom: 0;
}

/*----- End Rules CSS -----*/
/*----- Go Top CSS -----*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 15px;
  right: 0;
  color: #ffffff;
  background-color: #C97030;
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
  border-radius: 50%;
  border: 1px solid #C97030;
}
.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.6s;
  font-size: 25px;
  line-height: 45px;
}
.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.go-top.active {
  right: 1%;
  transform: translateY(-1%);
  opacity: 1;
  visibility: visible;
}
.go-top:hover, .go-top:focus {
  color: #ffffff;
  border: 1px solid #00245a;
  background-color: #00245a;
}
.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

/*----- End Go Top CSS -----*/
/*----- Preloader CSS -----*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: #00245a;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube4:before {
  animation-delay: 0.9s;
}
.sk-folding-cube .sk-cube3:before {
  animation-delay: 0.6s;
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/*----- End Preloader CSS -----*/
/*----- Buy Now Btn -----*/
.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}
.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}
.buy-now-btn:hover {
  color: #fff;
  background-color: #94be5d;
}/*# sourceMappingURL=style.css.map */



/*# мои правки */

.its-dropmenu{
	    min-width: 700px; /* Чтобы меню не было слишком узким на больших экранах */
    max-width: 100vw;
    /* можно задать ширину, если хотите ограничить слишком длинные подпункты */
    border-radius: 10px;
		width: auto !important;
		left: -50vh !important;
}
.its-dropmenu > li{
	 
}


.its-dropmenu .dropdown-item {
    white-space: normal; /* Позволяет переносить длинные строки */
    /* Индивидуальная настройка внешнего вида ссылок */
    padding: 8px 12px;
    border-radius: 6px;
    transition: background .2s;
}

.its-dropmenu .dropdown-item:focus,
.its-dropmenu .dropdown-item:hover {
    background: #f5f5f7;
    color: #0d6efd; /* основной брендовый цвет Bootstrap */
}
@media (min-width: 992px) {
    .its-dropmenu {
        column-count: 3;
        column-gap: 32px;
        min-width: 700px;
        max-width: 100vw;
	
    }
    .its-dropmenu > li {
        break-inside: avoid;
        width: auto !important;
        display: block;
    }
}
.main-nav-its{
	margin:0;
	padding-left:0;
	padding-right:0;
	
}
.main-nav-its > .container-fluid{
	padding-right:0;
	margin:0;
}
.side-nav-its ul li:nth-child(1){
	padding-right: 0;
}
.search-area--its{
	
}

.slide-img-one {
  background-image: url('/templates/stroy-garant-new/img/slider/slide1.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slide-img-two {
  background-image: url('/templates/stroy-garant-new/img/slider/slide2.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slide-img-three {
  background-image: url('/templates/stroy-garant-new/img/slider/slide3.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#hero h2{
	color: rgba(201,112,48,1);
}