/*
  Date of publication: 20-MAY-2020
  Last changes: 30-AUG-2021
  ID: 0013-2005-2020-1605-2021
 –––––––––––––––––––––––––––––––––––––––––––––––––
  ## | document section:

  00 | General CSS / default
  01 | Header & Navbar
  02 | Main
  03 | Footer (copyright, development)
 ––––––––––––––––––––––––––––––––––––––––––––––––––
*/

:root {
  --wm-blue: #0658a2;
  --wm-lightblue: #01a0e2;

  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}

/*
 ––––––––––––––––––––––––––––––––––––––––––––––––––
 01 | General CSS / default
 ––––––––––––––––––––––––––––––––––––––––––––––––––
*/

@font-face {
  font-family: 'RotondaC';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/RotondaC.eot');
  src: local('RotondaC'),
  url('../fonts/RotondaC.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RotondaC.woff') format('woff'),
  url('../fonts/RotondaC.ttf') format('truetype');
}

body {
  /* min-height: 110vh; */
  font: 16px/1.2 'RotondaC', sans-serif;
  letter-spacing: .03rem;
  /* background-color: #4ca1af;
  background-image: linear-gradient(135deg, #4ca1af 0%, #c4e0e5 100%); */
}

a {
  text-decoration: none;
 }

/* up button */
#up-button{
  z-index: 10;
  display: none;
  position: fixed;
  right: 25px;
  bottom: 25px;			
  color: #f8f9fa;
  text-align: center;
  font-size: 2em;
  background-color: rgba(33,37,41,.5);
  border-radius: 4px;
  padding: 0 8px;
}
 
#up-button:hover{
  cursor: pointer;
  background-color: rgba(33,37,41,.5);
}

/* express order (button) */
.express-order {
  position: fixed;
  z-index: 2;
  top: 18%;
  right: 0;
}

.btn-express-order {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 22px;
  display: block;
  width: 100%;
  padding: 1.5rem;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
  text-align: center;
  text-transform: uppercase;
  color: #f8f9fa;
  border-width: 3px;
  border-style: solid none solid solid;
  border-color: #f8f9fa;
  border-radius: .5rem 0 0 .5rem;
  background: rgba(1, 160, 226, .7);
}

.btn-express-order:hover {
  padding: 1.5rem 3rem;
  background: #0658a2;
}

.btn-express-order-mobile {
  z-index: 555;
  font-size: 1.125rem;
  font-weight: bold;
  display: block;
  width: 100%;
  padding: .75rem;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
  text-align: center;
  text-transform: uppercase;
  color: #f8f9fa;
  border-width: 3px;
  border-style: solid none solid solid;
  border-color: #f8f9fa;
  border-radius: .5rem 0 0 .5rem;
  background: rgba(1, 160, 226, .7);
}

.btn-express-order-mobile:hover {
  padding: 1.5rem 2rem;
  background: #0658a2;
}

/* Express order (body) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  /* Apparently some margin are still there even though it's hidden */
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.form-check-input:checked {
  border-color: #01a0e2;
  background-color: #01a0e2;
}

.btn-primary {
  color: #f8f9fa;
  border-color: #01a0e2!important;
  background-color: #01a0e2!important;
}

.modal-header .close {
  position: absolute; top: .5rem; right: .5rem;
}

.modal-amocrm button {
  position: fixed!important;
  z-index: 2!important;
  top: 18%!important;
  right: -.5em!important;
  padding: 3px 16px 0 16px!important;
  font-family: 'RotondaC'!important;
  font-size: 1.125em!important;
  font-weight: bold!important;
  letter-spacing: .1em!important;
  background: rgba(1, 160, 226, .7)!important;
  border: 3px solid #f8f9fa!important;
  border-radius: .5em!important;
  box-shadow: none!important;
}

/*
 ––––––––––––––––––––––––––––––––––––––––––––––––––
  01 | Header & Navbar
 ––––––––––––––––––––––––––––––––––––––––––––––––––
*/

.logo {
  width: 20rem;
}

.logo-mobile {
  width: 14rem;
}

.navbar {
  transition: all 0.5s;
}

.navbar .nav-link {
  color: #f8f9fa;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #fff;
  /* text-decoration: none; */
}

.navbar .navbar-brand {
  color: #f8f9fa;
}

/* сhange navbar styling on scroll */
.navbar.active {
  background: #f8f9fa;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
  color: #6c757d;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
  color: #212529;
  /* text-decoration: none; */
}

.navbar.active .navbar-brand {
  color: #6c757d;
}

/* сhange navbar styling on small viewports */
@media (max-width: 991.98px) {
  .navbar {
      background: #f8f9fa;
  }

  .navbar .navbar-brand,
  .navbar .nav-link {
      color: #6c757d;
  }
}

/*
 ––––––––––––––––––––––––––––––––––––––––––––––––––
  02 | Main
 ––––––––––––––––––––––––––––––––––––––––––––––––––
*/

.offer h1 {
  letter-spacing: 3px;
}

section {
  padding: 3em 0;
}

.section-title,
.card-title,
.wm-link,
.fa-icon {
  color: #01a0e2;
}

.section-05 .carousel-indicators,
.about-section-01 .carousel-indicators {
  position: relative;
  top: -25px;
}

.section-05 .carousel-indicators li,
.about-section-01 .carousel-indicators li {
  background-color: #6c757d;
}

/* index */
.offer-icons {
  border: 1px solid rgba(248,249,250,.625);
  background-color: rgba(248,249,250,.125);
}

.background-promo-sentence {
  background: url(../img/index/background-promo-sentence.jpg) top center/cover no-repeat;
}

.background-first-sentence {
  background: url(../img/index/background-first-sentence.jpg) top center/cover no-repeat;
}

.background-second-sentence {
  background: url(../img/index/background-second-sentence.jpg) top center/cover no-repeat;
}

.background-third-sentence {
  background: url(../img/index/background-third-sentence.jpg) top center/cover no-repeat;
}

.background-promo-sentence,
.background-first-sentence,
.background-second-sentence,
.background-third-sentence {
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.50);
}

.section-02,
.section-04,
.section-06,
.water-filling-section-02 {
  background: linear-gradient(rgba(1,160,226,.75), rgba(1,160,226,.25), rgba(1,160,226,.75));
}

/* about */
.background-first-market {
  background: url(../img/about/section1/section1-image1-background-first-market.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

.about-section-02,
.about-section-04 {
  background: linear-gradient(rgba(1,160,226,.75), rgba(1,160,226,.25), rgba(1,160,226,.75));
}

/* goods */
.background-goods {
  background: url(../img/goods/background-goods.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* water-filling */
.background-water-filling {
  background: url(../img/water-filling/background-water-filling.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

.calculate-the-cost-of-water .nav-pills .nav-link.active,
.calculate-the-cost-of-water .nav-pills .show>.nav-link {
  color: #f8f9fa;
  background-color: #01a0e2;
}
.calculate-the-cost-of-water .nav-pills a {
  color: #01a0e2;
}

/* delivery */
.background-delivery {
  background: url(../img/delivery/background-delivery.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-bottom: 0;
} */

.nav-link.active {
  position: relative;
  top: 2px;
  border-bottom: 0;
}

.nav-tabs {
  position: relative;
  top: -2px;
}

button[aria-controls="nav-area-01"],
div[aria-labelledby="nav-area-01-tab"],
.cost-delivery-zones-01 {
  background-color: rgba(0, 130, 200, .5)!important;
}

.fa-icon-delivery-zones-01 {
  color: rgba(0, 130, 200, .5);
}

button[aria-controls="nav-area-02"],
div[aria-labelledby="nav-area-02-tab"],
.cost-delivery-zones-02 { 
  background-color: rgba(50, 205, 50, .5)!important;
}

.fa-icon-delivery-zones-02 {
  color: rgba(50, 205, 50, .5);
}

button[aria-controls="nav-area-03"],
div[aria-labelledby="nav-area-03-tab"],
.cost-delivery-zones-03 { 
  background-color: rgba(255, 165, 0, .5)!important;
}

.fa-icon-delivery-zones-03 {
  color: rgba(255, 165, 0, .5);
}

button[aria-controls="nav-area-04"],
div[aria-labelledby="nav-area-04-tab"],
.cost-delivery-zones-04 { 
  background-color: rgba(220, 20, 60, .5)!important;
}

.fa-icon-delivery-zones-04 {
  color: rgba(220, 20, 60, .5);
}

button[aria-controls="nav-area-05"],
div[aria-labelledby="nav-area-05-tab"],
.cost-delivery-zones-05 { 
  background-color: rgba(153, 102, 255, .5)!important;
}

.fa-icon-delivery-zones-05 {
  color: rgba(153, 102, 255, .5);
}

.map {
  height: 75vh;
}

.accordion-button:not(.collapsed) {
  color: #01a0e2;
  background-color: rgba(109,118,126,.25);
}

.AnnexToTheContract-area-01 {
  background-color: rgba(0, 130, 200, .5);
}

.AnnexToTheContract-area-02 {
  background-color: rgba(50, 205, 50, .5);
}

.AnnexToTheContract-area-03 {
  background-color: rgba(255, 165, 0, .5);
}

.AnnexToTheContract-area-04 {
  background-color: rgba(220, 20, 60, .5);
}

.AnnexToTheContract-area-05 {
  background-color: rgba(153, 102, 255, .5);
}

/* franchise */
.background-franchise {
  background: url(../img/franchise/background-franchise.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* contacts */
.background-contacts {
  background: url(../img/contacts/background-contacts.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

.contacts-bg-dark-blue {
  background: #0658a2;
}
.contacts-bg-light-blue {
  background: #01a0e2;
}

/* news */
.background-news {
  background: url(../img/news/background-news.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* promotions */
.background-promotions {
  background: url(../img/promotions/background-promotions.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* faq */
.background-faq {
  background: url(../img/faq/background-faq.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* vacancies */
.background-vacancies {
  background: url(../img/vacancies/background-vacancies.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* feedback */
.background-feedback {
  background: url(../img/feedback/background-feedback.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* articles */
.background-articles {
  background: url(../img/articles/background-articles.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/* successfully */
.background-successfully {
  background: url(../img/successfully/background-successfully.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

.successfully-section-01 .card-body{
  background-color: rgba(1,160,226,.1);
}
.successfully-section-01 a {
  color: #01a0e2;
}

/* test */
.background-test {
  background: url(../img/test/background-test.jpg) center center/cover no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
}

/*
 ––––––––––––––––––––––––––––––––––––––––––––––––––
  03 | Footer (copyright, development)
 ––––––––––––––––––––––––––––––––––––––––––––––––––
*/

footer {
  background: linear-gradient(rgba(33,37,41,.75), rgba(33,37,41,.75), rgba(33,37,41,.75));
}