/*
Theme Name: Водограй Здоровья
Version: 1.0
Description: Тема для сайта по доставке воды
Author: Arion Design
Author URI: https://arion-design.com
*/






body .container-fluid:nth-child(3){
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}





BODY {
    font-family: 'Montserrat', sans-serif;
}
#main-section h1 {
    font-size: 2.7rem;
    color: #fff;
    font-weight: 800;
    text-shadow: #1774bbd6 0 1px 20px;
}
.navbar-light .navbar-nav .nav-link {
    color: #333;
    font-weight: 800;
}

.accent-text {
    background-color: #1675c378;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.bool {
	box-shadow: #2a7cc7 0 0 9px;
    display: inline-block;
    position: absolute;
    border-radius: 30px;
    color: #1774c2;
    width: 50px;
    height: 50px;
    font-size: 10px;
    line-height: 50px;
}
#water-ph {
	position:relative;
	display: inline-block;
}
#bool-1 {
	top: 20px;
    left: -25px;
}
#bool-2 {
    top: 150px;
    left: -70px;
}
#bool-3 {
    bottom: 75px;
    left: -25px;
}
#bool-4 {
	top: 20px;
    right: -25px;
}
#bool-5 {
    top: 150px;
    right: -70px;
}
#bool-6 {
    bottom: 75px;
    right: -25px;
}

#company img {
    max-width: 100%;
	max-height: 75px;
}
#company .col-sm-2 p {
	font-size:0.7rem;
}
#process .block-stage-work{
    display: flex;
}
#process .block-stage-work a{
    color: white !important;
    text-decoration: none;
    display: flex;
}
#process .block-stage-work a:hover{
    color: red !important;
    transition-duration: 2s;
}
#process .row .col-sm-6:nth-child(1) .block-stage-work svg{
    height: 50px !important;
    width: 50px !important;
    margin-right: 15px !important;
}


#process .row .col-sm-6:nth-child(2) .block-stage-work svg,
#process .row .col-sm-6:nth-child(3) .block-stage-work svg,
#process .row .col-sm-6:nth-child(4) .block-stage-work svg{
    height: 30px !important;
    width: 30px !important;
     margin-right: 15px !important;
}



#process .block-stage-work p{
    margin-bottom: 0px !important;
}
.process-number {
    font-size: 4rem;
    opacity: 0.2;
}
.process-number+svg {
	font-size: 2rem;
    margin-left: 10px;
    margin-right: 10px;
}
li.menu-item {
    max-width: 100%;
}
/*Bootstrap*/
.btn-outline-primary {
    font-size: 1rem;
    padding: 10px 25px;
    font-weight: 600;
}
h2 {
    text-align: center;
    margin-top: 25px;
    font-weight: 600;
    color: #1675c3;
    text-shadow: #1774c36b 0 0 2px;
}
.bg-primary {
	background-color: #1676C3 !important;
}
footer ul a {
    color: #333;
}
footer ul a:hover {
    color: #111;
	text-decoration:none;
}

/*CSS Text*/



#bool-1:before {
    content: 'Общая деминерализация <150 мг/дм3';
    display: block;
    position: absolute;
    left: -220px;
    font-weight: 600;
}
#bool-2:before {
    content: 'Общая щелочность 1,5 ммоль/л';
    display: block;
    position: absolute;
    left: -220px;
    font-weight: 600;
}
#bool-3:before {
    content: 'Сульфаты <15 мг/л';
    display: block;
    position: absolute;
    left: -220px;
    font-weight: 600;
}
#bool-4:before {
    content: 'уровень рН 5,5-8,3';
    display: block;
    position: absolute;
    right: -120px;
    font-weight: 600;
}
#bool-5:before {
    content: 'Кальций 5-15 мг/л';
    display: block;
    position: absolute;
    right: -120px;
    font-weight: 600;
}
#bool-6:before {
    content: 'Магний 2-10 мг/л';
    display: block;
    position: absolute;
    right: -120px;
    font-weight: 600;
}









.sub-menu .menu-item {
    list-style: none;
}
.sub-menu {
    padding: 0;
}
.card-new {
	background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	margin-right: 0;
	margin-left: 0;
}
@media (min-width:576px) {
	#company .col-sm-2 {
    border-left: 1px solid #f8f9fa2e;
}
}



























.container-voda-dostavka h1{
text-align: center;
margin: 40px auto;
}
.container-voda-dostavka .row .w3-bar-item{
background: none;
border: 1px solid #1675c3;
color: #1675c3;
}
.container-voda-dostavka .row .w3-red{
background: #1675c3;
color: white;
}
.container-voda-dostavka .row .w3-bar button{
font-size: 30px;
border-radius: 15px;
width: 100%;
margin-bottom: 30px;

}
.container-voda-dostavka .row .tab {
position: relative;
margin-bottom: 1px;
width: 100%;
color: #fff;
overflow: hidden;
}
.container-voda-dostavka .row .tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.container-voda-dostavka .row .tab label {
position: relative;
display: block;
padding: 0 0 0 1em;
font-weight: bold;
line-height: 3;
cursor: pointer;
border-radius: 12px;
}








.container-voda-dostavka .row-station .col-lg-4:nth-child(3) .tab label,
.container-voda-dostavka .row-station .col-lg-4:nth-child(3) .tab-content p{
background: #16a085;
}
.container-voda-dostavka .row-station .col-lg-4:nth-child(1) .tab-content p:hover{
    background: #e02f22;
    cursor: pointer;
}
.container-voda-dostavka .row-station .col-lg-4:nth-child(2) .tab-content p:hover{
    background: #1f6999;
    cursor: pointer;
}
.container-voda-dostavka .row-station .col-lg-4:nth-child(3) .tab-content p:hover{
    background: #24b99c;
    cursor: pointer;
}

.container-voda-dostavka .row-station .col-lg-4:nth-child(2) .tab label,
.container-voda-dostavka .row-station .col-lg-4:nth-child(2) .tab-content p{
background: #2980b9;
}

.container-voda-dostavka .row-station .col-lg-4:nth-child(1) .tab label,
.container-voda-dostavka .row-station .col-lg-4:nth-child(1) .tab-content p{
background: #f44336;
}
.container-voda-dostavka .row-station .col-lg-4:nth-child(1) .tab-content p,
.container-voda-dostavka .row-station .col-lg-4:nth-child(2) .tab-content p,
.container-voda-dostavka .row-station .col-lg-4:nth-child(3) .tab-content p{
    text-align: center;
    margin-bottom: 2px !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
    padding: 5px 0px !important;
}
.container-voda-dostavka .row-station .col-lg-4 .tab-content p:nth-last-child(1){
    display: none !important;
}







.container-voda-dostavka .row-region .col-lg-3:nth-child(1) .tab-content p:hover{
    background: #e02f22;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(2) .tab-content p:hover{
    background: #1f6999;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(3) .tab-content p:hover{
    background: #24b99c;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(4) .tab-content p:hover{
    background: #cbcb37;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(5) .tab-content p:hover{
    background: #b259aa;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(6) .tab-content p:hover{
    background: #2fcddb;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(7) .tab-content p:hover{
    background: #20e41a;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(8) .tab-content p:hover{
    background: #2446d7;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(9) .tab-content p:hover{
    background: #cba425;
    cursor: pointer;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(10) .tab-content p:hover{
    background: #832ba5;
    cursor: pointer;
}




.container-voda-dostavka .row-region .col-lg-3:nth-child(1) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(1) .tab-content p{
background: #f44336;
}


.container-voda-dostavka .row-region .col-lg-3:nth-child(2) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(2) .tab-content p{
background: #2980b9;
}

.container-voda-dostavka .row-region .col-lg-3:nth-child(3) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(3) .tab-content p{
background: #16a085;
}


.container-voda-dostavka .row-region .col-lg-3:nth-child(4) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(4) .tab-content p{
background: #b2b259;
}


.container-voda-dostavka .row-region .col-lg-3:nth-child(5) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(5) .tab-content p{
background: #e421d2;
}

.container-voda-dostavka .row-region .col-lg-3:nth-child(6) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(6) .tab-content p{
background: #46b4be;
}

.container-voda-dostavka .row-region .col-lg-3:nth-child(7) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(7) .tab-content p{
background: #36b932;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(8) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(8) .tab-content p{
background: #4b60b9;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(9) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(9) .tab-content p{
background: #fdc100;
}
.container-voda-dostavka .row-region .col-lg-3:nth-child(10) .tab label,
.container-voda-dostavka .row-region .col-lg-3:nth-child(10) .tab-content p{
background: #b700fd;
}




.container-voda-dostavka .row-region .col-lg-3:nth-child(1) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(2) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(3) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(4) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(5) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(6) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(7) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(8) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(9) .tab-content p,
.container-voda-dostavka .row-region .col-lg-3:nth-child(10) .tab-content p{
    text-align: center;
    margin-bottom: 2px !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
    padding: 5px 0px !important;
}
.container-voda-dostavka .row-region .col-lg-3 .tab-content p:nth-last-child(1){
    display: none !important;
}













.container-voda-dostavka .row .tab-content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
}
.container-voda-dostavka .row .tab-content ul{
margin-bottom: 0px !important;
padding: 15px 25px;
}
.container-voda-dostavka .row .tab-content p {
margin: 1em;
}
.container-voda-dostavka .row .tab input:checked ~ .tab-content {
max-height: 100vh;
}
.container-voda-dostavka .row .tab label::after {
position: absolute;
right: 0;
top: 0;
display: block;
width: 3em;
height: 3em;
line-height: 3;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
.container-voda-dostavka .row .tab input[type=checkbox] + label::after {
content: "+";
}
.container-voda-dostavka .row .tab input[type=radio] + label::after {
content: "\25BC";
}
.container-voda-dostavka .row .tab input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}
.container-voda-dostavka .row .tab input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
.container-voda-dostavka .img-region{
    width: 100%;
    object-fit: cover;
    height: 300px;
}







/************ MAIN ****************/
.badge-secondary{
	background-color: red !important;
}
.header-lang ul .wpml-ls-slot-footer a .wpml-ls-display{
    display: none !important;
}
.header-lang{
    justify-content: center;
    display: block;
    margin: 0 auto;
}
.header-lang .wpml-ls-legacy-list-vertical.wpml-ls-statics-footer{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
/************ FOOTER ****************/
.footer-lang ul .wpml-ls-slot-footer a span{
    display: none !important;
}
footer #menu-main-menu-1 li:nth-child(2) ul,
footer #menu-main-menu-ua-1 li:nth-child(2) ul{
    display: none;
}
.wpml-ls-statics-footer{
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
}
.wpml-ls-statics-footer ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}


#menu-main-menu li .dropdown-menu li:hover ul,
#menu-main-menu-ua li .dropdown-menu li:hover ul{
    display: block !important;
    width: 100%;
    margin-left: 385px;
    margin-top: -25px;
}

@media (max-width:989.98px){
   #menu-main-menu li .dropdown-menu li:hover ul, 
   #menu-main-menu-ua li .dropdown-menu li:hover ul{
    margin-left: 0px !important;
    margin-top: 0px !important;
    border: 1px solid black;
    width: 80%;
   }
}


.card-body p small{
    font-size: 13px !important;
}