/**
 * @file
 * Subtheme specific CSS.
 */

#block-bootstrap-barrio-subtheme-content {
    font-family: 'Gotham Pro';
    font-size:18px;
}

.navbar-brand {
  width: 100%;
}

.h1, h1 {
    font-size: 2.0rem;
    text-transform: uppercase;
}

#block-bootstrap-barrio-subtheme-content .view {
    margin-bottom: 80px;
}

/*Сетка услуг на главной*/

#block-bootstrap-barrio-subtheme-views-block-kategorii-vyvoza-musora-na-glavnoy-block-1 {
    margin-bottom:40px;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1,
#views-bootstrap-pokupka-vtorsyrya-page-1 {
    margin-top:50px;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-field-logotip-kategorii {
    line-height:0;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
    display:flex;
    align-items: center;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus {
    background:#21b98c;
    border-radius:5px;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
#views-bootstrap-pokupka-vtorsyrya-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a {
    color:#fff;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-field-logotip-kategorii {
    
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-title,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .views-field-title,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .views-field-title,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .views-field-title,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .views-field-title,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .views-field-title,
#views-bootstrap-pokupka-vtorsyrya-page-1 .views-field-title {
    height: 100%;
    display: flex;
    align-items: center;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-title span,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .views-field-title span,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .views-field-title span,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .views-field-title span,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .views-field-title span,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .views-field-title span,
#views-bootstrap-pokupka-vtorsyrya-page-1 .views-field-title span {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-title a,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .views-field-title a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .views-field-title a,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .views-field-title a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .views-field-title a,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .views-field-title a,
#views-bootstrap-pokupka-vtorsyrya-page-1 .views-field-title a {
    font-family:'Gotham Pro';
    font-size:20px;
    font-weight:500;
    color:#2b3532;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

#views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .views-field-title a:hover,
#views-bootstrap-obschaya-stranica-uslug-po-vyvozu-musora-page-1 .views-field-title a:hover,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-1 .views-field-title a:hover,
#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .views-field-title a:hover,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-dokumentacii-page-1 .views-field-title a:hover,
#views-bootstrap-obschaya-stranica-uslug-po-ekologicheskoy-otchetnosti-page-1 .views-field-title a:hover,
#views-bootstrap-pokupka-vtorsyrya-page-1 .views-field-title a:hover {
    text-decoration:none;
}

/*Текстовый блок на главной*/

.main-text-and-image {
    display:flex;
}

.main-text-about {
    margin-right: 72px;
}

.main-image-about {
    
}

#i-zhid-othodi {
    fill:red;
}

#i-arenda, #i-grunt {
    fill:red;
}

#Layer_1 {
    fill:red;
}

#star path {
    fill:red;
}

#star {
    fill:orange;
}

img path {
    fill:green;
}

.image-two svg:hover {
  fill: darkgreen;
}

/*#i-arenda {
   fill: darkgreen; 
}*/

/*.image-tree svg:hover path {
  fill: red;
}*/

.image-four svg path, .image-four svg line, .image-four svg polyline,
.image-four svg ellipse, .image-four svg rect, .image-four svg polygon {
  stroke:#599c74;
}

.image-four svg:hover path, .image-four svg:hover line, .image-four svg:hover polyline,
.image-four svg:hover ellipse, .image-four svg:hover rect, .image-four svg:hover polygon {
  stroke:#fff;
}


.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:10px;
}

.icon-service svg {
    width:100px;
    height:100px;
}

.icon-service svg path, .icon-service svg line, .icon-service svg polyline,
.icon-service svg ellipse, .icon-service svg rect, .icon-service svg polygon,
.icon-service svg circle {
  stroke:#599c74;
}

.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover .icon-service svg path,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover .icon-service svg path,
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg line, 
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg polyline,
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg ellipse, 
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg rect, 
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg polygon,
.view-kategorii-vyvoza-musora-na-glavnoy .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg circle {
  stroke:#fff;
  fill:#fff;
}

.views-field.views-field-field-svg-logo {
    padding: 0;
    margin-right: 0;
}

.views-field.views-field-field-svg-logo a,
.views-field-field-svg-logo-eco a,
.views-field-field-svg-logo-vtor a {
    padding: 20px 32px 20px 15px;
    margin-right: 0;
    display: block;
}


/* Шапка сайта */

#header .region-top-header img {
    width: 100%;
    height: auto;
}

#ecocall a:hover {
    text-decoration:none;
}

#navbar-top {
    padding:0;
}

#header {
    background-color:#cfede5;
}

.d-inline-block.align-top.site-name-slogan {
    align-self: center;
    font-size:18px;
    font-family: 'Gotham Pro';
}

#ecoheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#ecoheader .row {
    margin-right:0;
    margin-left:0;
}

#ecologo {
    flex-basis:25%;
}

#ecoslog {
    flex-basis:25%;
    
}

#ecoslog p {
    color: #59635f; /* text color */
    font-family: "Gotham Pro";
    font-size: 17px;
    margin: 0;
    line-height: 1.3;
    margin-top: -8px;
}

#ecocont {
    flex-basis:45%;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

#ecocall {
    margin-bottom: 10px;
}

#ecocall a {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: 0 0 10px 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
    background-color: #ffc107;
    border-color: #ffc107;
    
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
}

#ecogeomail {
    width: 100%;
}


#ecogeomail .region-top-geomail {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#ecogeomail #block-geolokaciya {
    position:relative;
}

#ecogeomail #block-geolokaciya * {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
    font-weight:500;
}

#ecogeomail #block-geolokaciya .content:before {
    content: url(../images/location.png);
    position: absolute;
    left: 0;
    top: 8px;
}

#ecogeomail #block-telefonyvshapke {
    text-align: right;
    position:relative;
}

#ecogeomail #block-telefonyvshapke * {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 18px;
}

#ecogeomail #block-telefonyvshapke .content:before {
    content: url(../images/phone.png);
    position: absolute;
    left: 0;
    top: 8px;
}

#ecogeomail #block-telefonyvshapke strong {
    font-weight:900;
}

#ecogeomail p {
    margin-bottom:0;
    padding-left: 35px;
}

#ecosearch {
    width: 100%;
}

#ecosearch .views-exposed-form  {
    width: 100%;
}

#ecosearch .form-row>fieldset {
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 13px;
}

#ecosearch label {
    display:none;
}

#ecosearch input {
    color: #98a7a1; /* text color */
    font-family: "Gotham Pro";
    font-size: 13px;
    height: calc(1.1em + .65rem + 2px);
}

#ecosearch #edit-actions--2, #ecosearch button {
    display:none;
}

#block-telefonyvshapke p {
    line-height:1.2;
    padding-left: 35px;
}

/* Меню сайта */

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 3em;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 {
    position: static;
}

#superfish-main {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
}

#superfish-main li {
    flex-grow:1;
    text-align: center;
}

#superfish-main li ul li {
    flex-grow:1;
    text-align: left;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn {
    width: calc(100vw - 20px) !important;
    display: flex;
    opacity: 1;
    /*left: -560px;*/
}

#superfish-main a .sf-sub-indicator {
    width:0;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn .sf-multicolumn-wrapper {
    width:100% !important;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn .sf-multicolumn-wrapper #main-menu-link-content893344c7-9011-465f-8dd7-4063034d6d78,
#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn .sf-multicolumn-wrapper #main-menu-link-content4a8cca76-71f1-4ff1-b842-58054175e269 {
    width:50% !important;
}

#superfish-main li {
    background-color:#21b98c;
}


#superfish-main li.active-trail {
    background-color:#0e9d73;
}

#superfish-main li a {
    color:#fff;
    font-family: 'Gotham Pro';
    font-size:16px;
    font-weight:900;
    text-transform:uppercase;
    padding-left: 16px;
    border-bottom:3px solid transparent;
    padding-bottom:13px;
}

#superfish-main li a:hover {
    text-decoration:none;
    background-color:#0e9d73;
    border-bottom:3px solid #e0c23a;
}

#navbar-main {
    background-color:#21b98c;
    padding:0;
}

.main-menu-custom {
    padding:0;
}

.sf-sub-indicator {
    display:none;
}

ul.sf-menu .sf-with-ul {
  padding-right: 1em;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper ol {
    width:100% !important;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper .sf-depth-2 .sf-multicolumn-column {
    width:100% !important;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper .sf-depth-2 .sf-multicolumn-column ol {
    float: none;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper .sf-depth-2 .sf-multicolumn-column ol li {
    width: 33% !important;
    display: flex;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper .sf-depth-2 .sf-multicolumn-column ol li a {
    width: 100% !important;
    height:100%;
    padding:25px;
    margin:0;
    display:flex;
    align-items:center;
}

#main-menu-link-contenta7691ae8-5fc7-4297-b34d-4028c9d97e27 .sf-multicolumn-wrapper .sf-depth-2 .sf-multicolumn-column ol li a:hover {
    border-bottom:3px solid transparent;
}

/* Общие стили */

#content {
    padding:0;
}

/* Нам доверяют */

#views-bootstrap-nam-doveryayut-page-1 .views-field-field-logotip {
    text-align: center;
    box-shadow: 0 5px 30px 0 rgb(25 140 136 / 20%);
    border-radius: 10px;
}

#views-bootstrap-nam-doveryayut-page-1 .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-3 {
    margin-bottom:40px;
}

#views-bootstrap-nam-doveryayut-page-1 .views-field-title {
    text-align: center;
    margin-top: 14px;
    font-weight: 500;
    color: #5a6763;
}

/* Блок заказа звонка */

#block-zakazzvonka {
    margin-top:100px;
    margin-bottom: 70px;
}

#call-block {
    -webkit-box-shadow: 0px -10px 6px 0px rgba(157, 157, 157, 0.11);
    -moz-box-shadow: 0px -10px 6px 0px rgba(157, 157, 157, 0.11);
    box-shadow: 0px -10px 6px 0px rgba(157, 157, 157, 0.11);
    display:flex;
    align-items: center;
    min-height:100px;
    align-content: flex-start;
    width: fit-content;
    padding: 15px;
    margin-top: 60px;
}

#call-block-text {
    color: #596763; /* text color */
    font-family: "Gotham Pro";
    font-size: 18px;
    font-weight:500;
    margin-right:40px;
}

#call-block-phone {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 18px;
    margin-right:40px;
}

#call-block-button a {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
    font-weight: bold;
    padding: 0.575rem 1.35rem;
    border-radius: .45rem;
    background-color:#ebc323;
}

/* Баннеры категорий */

.field--name-field-izobrazhenie-cat img {
    width:100%;
    height:auto;
}

#views-bootstrap-ekologicheskoe-soprovozhdenie-blok-otchetnost-block-2 .views-field-title a {
    /*padding-left:10px;*/
    /*display: block;*/
}

/* Блок с картой */

#map-info {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #7dbf9b;
    border-radius: 5px;
    padding: 20px;
    right: 100px;
    top: 100px;
    opacity: 0.9;
}

#map-info-top {
    display:flex;
    margin-bottom: 30px;
}

#map-info-button a {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
    font-weight: bold;
    padding: 0.575rem 1.35rem;
    border-radius: .45rem;
    background-color:#ebc323;
}

#map-info-title {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 24px;
    font-weight: 900;
    margin-bottom:20px;
}

#map-info-logo {
    max-width: 130px;
}

#map-info-logo img {
    width:100%;
}

#map-info-address {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
    font-weight:500;
    margin: 15px 0;
    padding-left:35px;
}

#map-info-address:before {
    content:url(../images/location.png);
    position:absolute;
    left: 20px;
    padding-top: 9px;
}

#map-info-phones {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 18px;
    padding-left:35px;
}

#map-info-phones:before {
    content:url(../images/phone.png);
    position:absolute;
    left: 20px;
}

#map-info-copyright {
    color: #313735;
    font-family: "Gotham Pro";
    font-size: 12px;
    border-top: 1px solid #dddddd;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 20px 0 20px;
    margin-top: 20px;
}

.contmap {
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: relative;
}

/* Подвал */

.site-footer {
    background: #273c3a;
}

.site-footer .menu li {
    z-index:1;
}

#block-socsetipodval {
    margin-left:0;
    margin-top:0;
    padding-left:0;
    border:none;
}

#block-socsetipodval p {
    margin:0;
}

#block-socsetipodval img {
    margin: 5px;
}

.site-footer .main-menu-custom.container {
    margin-bottom:5px;
}

.site-footer__top .row {
    margin-right:0;
    margin-left:0;
}

.site-footer__top .row .block-superfish {
    border:none;
}

.site-footer__top .row .block-superfish h2 {
    font-family: "Gotham Pro";
    font-size: 13px;
    font-weight: 700;
    color:#fff;
    border:none;
    padding-bottom: 8px;
}

.site-footer__top .row .block-superfish li a {
    font-family: "Gotham Pro";
    font-size: 12px;
    color:#76908e;
    border:none;
    padding: 4px 0;
    text-indent: 0;
}

.site-footer__top ul.sf-menu.sf-vertical {
    width: 100%;
    /*padding-left:14px;*/
}

.site-footer__top .row .block-superfish li:hover a {
    color:#fff;
}

.site-footer__top .row .block-superfish li a:hover  {
    background:none;
}

.site-footer__top .row .block-superfish {
    margin-top:0;
    padding:0;
}

.site-footer {
    padding-top:42px;
}

.site-footer .container {
    padding:0;
}

#superfish-menyu-podval-4-kolonka- li a {
    font-family: "Gotham Pro";
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    border: none;
    text-transform: uppercase;
    padding-bottom: 8px;
}


/* Слайдер */

.region-slider-place {
    background: url(../images/slides-bg.jpg) repeat-x;
    margin:0;
}

.sliderclass {
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: relative;
}

.ecologslider {
    margin:0 auto;
}

.ecologslider .container {
    padding:0;
}

.ecologslider .slide1class {
    position: absolute;
    left: 60%;
    top: 40%;
    text-align: left;
    color: #000;
}

.ecologslider .slide2class {
    left: 28%;
    top: 28%;
    text-align: left;
    color: #000;
    width: 30%;
}

.ecologslider .slide3class {
    text-align: left;
    color: #000;
    left: 7%;
    top: 31%;
    width: 30%;
}

.ecologslider .slide4class {
    text-align: left;
    color: #000;
    left: 4%;
    top: 29%;
    width: 30%;
}

.ecologslider .slide1class h3, .ecologslider .slide2class h3, .ecologslider .slide3class h3, .ecologslider .slide4class h3 {
    text-transform: uppercase;
    font-family: "Gotham Pro";
    font-size: 29px;
    font-weight: 900;
    margin-top: 5px;
}

.ecologslider .slide1class p, .ecologslider .slide2class p, .ecologslider .slide3class p, .ecologslider .slide4class p {
    font-family: "Gotham Pro";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 10px;
}

.ecologslider .slide1class .btn-success, .ecologslider .slide2class .btn-success, .ecologslider .slide3class .btn-success, .ecologslider .slide4class .btn-success {
    background-color:#1eb98c;
    font-family: "Gotham Pro";
    font-size: 13px;
    font-weight: 500;
}

.carousel-indicators {
    position: relative;
    background-color:#628788;
    margin-right: 0;
    margin-left: 0;
}

.carousel-indicators li {
    text-indent:0;
    width: fit-content;
    height: fit-content;
    background:none;
    color:#fff;
    padding:3px 20px;
    line-height: 1.1;
    text-align: center;
}

.carousel-indicators li {
    text-indent:0;
    width: fit-content;
    height: fit-content;
    background:none;
    color:#f3f5f5;
    position:relative;
    border: 0;
    padding: 13px 35px;
    margin:0;
}

.carousel-indicators li.active {
    background-color:#4b7070;
    font-weight: 500;
}

.carousel-indicators li.active::after {
  width: 100%;
  left: 0;
  transition: width 5s linear 0s, right .5s linear 0s;
}

.carousel-indicators li::after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  right: 0;
  position: absolute;
  background: #fab25b;
  transition: width .35s linear 0s, right .5s linear 0s;
  width: 0;
}


/* Общие стили страниц */

#block-bootstrap-barrio-subtheme-page-title {
    margin-top:10px;
}

#block-bootstrap-barrio-subtheme-page-title h1 {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 32px;
    font-weight:900;
    margin-bottom: 30px;
}

.main-text-and-image {
    color: #5e6663; /* text color */
    font-family: "Gotham Pro";
    font-size: 18px;
}

/* Калькулятор на главной */

.region-calc-place {
    margin:0;
    padding-top:50px;
}

.region-calc-place h2 {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 32px;
    font-weight:900;
    text-transform: uppercase;
}

.calcclass {
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: relative;
    background: url(../images/calc-bg.png) no-repeat 1553px 4vw #f5f5f2;
}

#block-vebforma {
    margin:0;
}

.ecologslider .container {
    padding:0;
}

#edit-container3 {
    display:none;
}

#block-vebforma .webform-elements {
    display:flex;
}

#edit-container1 {
    flex-basis:55%;
    margin-right: 6%;
}

#edit-container2 {
    flex-basis:35%;
}

#calc .container {
    padding:0;
}

.custom-select {
    border:2px solid #599c74;
    color: #599b74; /* text color */
    font-family: "Gotham Pro";
    font-size: 26px;
    font-weight:500;
}

.form-type-range .input-group .input-group-append {
    position: absolute;
    top: -50px;
    right: 0px;
}

.form-type-range .input-group .input-group-append .input-group-append {
    position: relative;
    top: 0;
    right: 0;
}

.form-type-range .input-group .input-group-append * {
    padding:0;
    margin:0;
    background: none;
    border: none;
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 22px;
    width: auto !important;
    font-weight:500;
}

.form-type-range .input-group .input-group-append span span span {
    vertical-align: sub;
    font-size: 14px;
}

.form-type-range label, #block-vebforma legend span {
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight:500;
}

.calcclass .form-group {
    margin-top: 1rem;
}

#edit-processed-text1 {
    color: #313735;
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight: 500;
    margin-top: 36px;
    line-height: 1.3;
    margin-bottom: 24px;
}

#block-vebforma input {
    color: #6d7270; /* text color */
    font-family: "Gotham Pro";
    font-size: 20px;
    font-weight:500;
    padding: 1.55rem .75rem;
} 

#block-vebforma label, #block-vebforma legend span {
    /*color:#6d7270;*/
}

#block-vebforma .form-number {
    font-size: 26px;
    /*width: 55px !important;*/
    color: #313735;
}

#edit-calcsumma {
    color: #6d7270; /* text color */
    font-family: "Gotham Pro";
    font-size: 20px;
    font-weight:500;
    margin-top: 30px;
}

#edit-calcsumma div {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 71px;
    line-height:1;
    font-weight:500;
}

#edit-calcsumma div span {
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 46px;
}

#block-vebforma .btn-warning {
    color: #212529;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #313735; /* text color */
    font-family: "Gotham Pro";
    font-size: 20px;
    font-weight: bold;
    padding:12px;
    width:100%;
}

#edit-soglashenie * {
    padding:0;
    margin:0;
    color: #bfbfbf; /* text color */
    font-family: "Gotham Pro";
    font-size: 14px;
}

/* Общие стили для калькуляторов */


.content .webform-elements {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.content .webform-elements fieldset,
.content .webform-elements .form-actions{
    flex-basis: 50%;
}

#edit-contfields input {
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight: 500;
}

.form-control:focus {
    border-color:#0e9d73;   
}

.content .webform-elements fieldset:last-child {
    flex-basis: 100%;
}

.content .webform-elements fieldset svg {
    max-width:60%;
}

.content .webform-submission-form {
    background: #f5f5f2;
    border-radius: 10px;
    padding: 20px;
}

.content .webform-elements fieldset #edit-titlecalc {
    font-family: 'Gotham Pro';
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

.content .webform-elements fieldset #edit-titlepage {
    color:#0e9d73;
    font-family: 'Gotham Pro';
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
}

.content .webform-elements fieldset .fieldset-legend,
.form-type-range label {
    font-family: 'Gotham Pro';
    font-size: 21px;
    font-weight: 500;
    color: #6d7270;
}

.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 #0e9d73;
    background: #0e9d73;
}

.content .webform-elements fieldset #edit-contactfields {
    font-family: 'Gotham Pro';
    font-size: 24px;
    font-weight: 500;
}

.content .webform-elements fieldset .fieldset-wrapper .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.content .webform-elements fieldset .fieldset-wrapper #edit-contfields input,
.content .webform-elements #edit-contfields button {
    width: 80%;
}

#edit-processed-text {
    text-align: center;
}

.btn-primary {
    background-color: #ebc323;
    border-color: #ebc323;
    color: #2b3532;
    font-size: 20px;
    font-weight: 700;
}

#edit-kolichestvo-konteynerov {
    /*-webkit-appearance: none;*/
    /*width: 100%;*/
    /*height: 3px;*/
    /*background: #0e9d73;*/
    /*outline: none;*/
    /*opacity: 0.8;*/
    /*-webkit-transition: .2s;*/
    /*transition: opacity .2s;*/
    /*margin: 12px 0px 5px 0px;*/
    /*width: 190px;*/
}

#edit-kolichestvo-konteynerov:hover {
    opacity: 1;
}

#edit-kolichestvo-konteynerov::-webkit-slider-thumb {
    /*appearance: none;*/
    /*width: 11px;*/
    /*height: 11px;*/
    /*border-radius: 100%;*/
    /*background: #0e9d73;*/
    /*cursor: pointer;*/
}

.content .webform-elements #edit-total {
    color: #6d7270; /* text color */
    font-family: "Gotham Pro";
    font-size: 24px;
    font-weight: 500;
    margin-bottom:0;
    margin-left:30px;
}

#edit-resultcalc, #edit-calcsumma {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 52px;
    line-height:1;
    margin-left:30px;
}

#edit-resultcalc span, #edit-calcsumma span {
    font-size: 40px;
}

.content .webform-elements fieldset.form-type-range {
    width:92%;
}

#edit-comments .fieldset-wrapper .js-form-wrapper,
#edit-comments .fieldset-wrapper .form-type-webform-terms-of-service {
    flex-basis:50%;
    color: #8b8b8b; /* text color */
    font-family: "Gotham Pro";
    font-size: 14px;
}

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

/* Переделка слайдера */

/*generated with Input range slider CSS style generator (version 20210711)
https://toughengineer.github.io/demo/slider-styler*/
input[type=range] {
  height: 2.2em;
  -webkit-appearance: none;
  background:none;
  border:none;
}

/*progress support*/
input[type=range] {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 22px + var(--ratio) * (100% - 22px));
}

input[type=range]:focus {
  outline: none;
}

/*webkit*/
input[type=range]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  background: #0E9D73;
  border: none;
  box-shadow: none;
  margin-top: calc(6px * 0.5 - 22px * 0.5);
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 0.5em;
  background: #D6D6D6;
  border: none;
  box-shadow: none;
}
input[type=range]::-webkit-slider-thumb:hover {
  background: #0E9D73;
}

input[type=range]:hover::-webkit-slider-runnable-track {
  background: #D6D6D6;
}

input[type=range]::-webkit-slider-thumb:active {
  background: #0E9D73;
}

input[type=range]:active::-webkit-slider-runnable-track {
  background: #D6D6D6;
}

input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

input[type=range]:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

input[type=range]:active::-webkit-slider-runnable-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

/*mozilla*/
input[type=range]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  background: #0E9D73;
  border: none;
  box-shadow: none;
}

input[type=range]::-moz-range-track {
  height: 6px;
  border-radius: 0.5em;
  background: #D6D6D6;
  border: none;
  box-shadow: none;
}

input[type=range]::-moz-range-thumb:hover {
  background: #0E9D73;
}

input[type=range]:hover::-moz-range-track {
  background: #D6D6D6;
}

input[type=range]::-moz-range-thumb:active {
  background: #0E9D73;
}

input[type=range]:active::-moz-range-track {
  background: #D6D6D6;
}

input[type=range]::-moz-range-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

input[type=range]:hover::-moz-range-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

input[type=range]:active::-moz-range-track {
  background: linear-gradient(#0E9D73,#0E9D73) 0/var(--sx) 100% no-repeat, #D6D6D6;
}

/*ms*/
input[type=range]::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range]::-ms-thumb {
  width: 22px;
  height: 22px;
  border-radius: 12px;
  background: #0E9D73;
  border: none;
  box-shadow: none;
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range]::-ms-track {
  height: 6px;
  border-radius: 0.5em;
  background: #D6D6D6;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range]::-ms-thumb:hover {
  background: #0E9D73;
}

input[type=range]:hover::-ms-track {
  background: #D6D6D6;
}

input[type=range]::-ms-thumb:active {
  background: #0E9D73;
}

input[type=range]:active::-ms-track {
  background: #D6D6D6;
}

input[type=range]::-ms-fill-lower {
  height: 6px;
  border-radius: 0.5em 0 0 0.5em;
  margin: -undefined 0 -undefined -undefined;
  background: #0E9D73;
  border: none;
  border-right-width: 0;
}

input[type=range]:hover::-ms-fill-lower {
  background: #0E9D73;
}

input[type=range]:active::-ms-fill-lower {
  background: #0E9D73;
}



/* Конец общих стилей для калькуляторов */

/* Боковая панель услуг */

.block-views-blockuslugi-vyvoza-sumora-bokovaya-panel--block-1,
#block-views-block-ekologicheskaya-otchetnost-bokovaya-panel-block-1,
#block-bootstrap-barrio-subtheme-views-block-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 {
    padding: 0 15px;
    border-radius: 10px;
    box-shadow: 0 0 20px #eef;
    
}

#block-bootstrap-barrio-subtheme-views-block-uslugi-vyvoza-sumora-bokovaya-panel-block-1,
#block-views-block-ekologicheskaya-otchetnost-bokovaya-panel-block-1,
#block-bootstrap-barrio-subtheme-views-block-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1,
#block-views-block-ekologicheskaya-otchetnost-bokovaya-panel-block-2 {
    background:none;
    padding: 0;
    margin-bottom:40px;
}

.view.view-uslugi-vyvoza-sumora-bokovaya-panel- .view-content.row,
.view-ekologicheskaya-otchetnost-bokovaya-panel .view-content.row,
.view-uslugi-pokupki-vtorsyrya-bokovaya-panel- .view-content.row {
    margin:0;
}

.view.view-uslugi-vyvoza-sumora-bokovaya-panel- ul,
.view-ekologicheskaya-otchetnost-bokovaya-panel ul,
.view-uslugi-pokupki-vtorsyrya-bokovaya-panel- ul {
    margin:0;
    padding:0;
}

.view.view-uslugi-vyvoza-sumora-bokovaya-panel- ul li,
.view-ekologicheskaya-otchetnost-bokovaya-panel ul li,
.view-uslugi-pokupki-vtorsyrya-bokovaya-panel- ul li {
    margin:0;
    padding:0;
    border: none;
    border-bottom: 1px solid #efe;
    padding: 6px 20px;
}

.view.view-uslugi-vyvoza-sumora-bokovaya-panel- ul li p,
.view-ekologicheskaya-otchetnost-bokovaya-panel ul li p,
.view-uslugi-pokupki-vtorsyrya-bokovaya-panel- ul li p {
    margin:0;
    padding:0;
    font-family: "Gotham Pro";
    font-size:16px;
}

.view.view-uslugi-vyvoza-sumora-bokovaya-panel- ul li a,
.view-ekologicheskaya-otchetnost-bokovaya-panel ul li a,
.view-uslugi-pokupki-vtorsyrya-bokovaya-panel- ul li a {
    font-family: "Gotham Pro";
    font-size:16px;
    color:#3b3b3b;
}


/* Сетки разделов услуг */


.views-view-grid {
    margin-top:10px;
}

.views-view-grid .row {
    margin-left:0;
    margin-right:0;
}

.views-view-grid .views-field-field-logotip-kategorii {
    line-height:0;
}

.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
    display:flex;
    align-items: center;
}

.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus {
    background:#21b98c;
    border-radius:5px;
}

.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover a,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:active a,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:focus a {
    color:#fff;
}

.views-view-grid .views-field-title a {
    font-family:'Gotham Pro';
    font-size:20px;
    font-weight:500;
    color:#2b3532;
}





.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
    padding-top:0;
    padding-bottom:0;
    margin-bottom:10px;
}



.icon-service svg path, .icon-service svg line, .icon-service svg polyline,
.icon-service svg ellipse, .icon-service svg rect, .icon-service svg polygon,
.icon-service svg circle {
  stroke:#599c74;
  fill:#599c74;
  stroke-width: 0.2;
}

.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover .icon-service svg {
  stroke:#fff;
}

/*
 path,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg line, 
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg polyline,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg ellipse, 
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg rect, 
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg polygon,
.views-view-grid .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4:hover svg circle
*/

.views-field.views-field-field-svg-logo-vtor {
    /*margin-right: 40px;*/
}

.view-footer {
    display:flex;
    margin-top: 50px;
}

/*.view-footer article {
    flex-basis:65%;
}*/

.view-footer .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    flex-basis:35%;
    padding:30px 20px;
    background-color: #ccf1e6;
    border-radius: 10px;
}

.view-footer .mainblockview .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    flex-basis:100%;
    padding:0;
    background: none;
    border-radius: 0;
}

.mainblockview {
    flex-basis:65%;
}

.view-footer .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item ul {
    padding-left: 18px;
    margin-top: 16px;
    margin-bottom: 40px;
}

.view-footer .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item ul li {
    margin: 10px 0;
}

.view-footer article .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    background: none;
    border-radius: 0;
    padding:10px 20px;
    padding-left: 0;
}

.view-footer .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item * {
    color: #43534e; /* text color */
    font-family: "Gotham Pro";
    font-size: 16px;
}

.view-footer .node__title * {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 26px;
    font-weight:900;
}

.view-footer .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
    color: #3e846e; /* text color */
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight:900;
}

/* Хлебные крошки */

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "»";
}

.breadcrumb {
    background: none;
    padding-top: 35px;
    padding-left: 0;
}

.breadcrumb * {
    color: #0d9d73; /* text color */
    font-family: "Gotham Pro";
    font-size: 15px;
    font-weight:500;
}


/* Боковые списки в разделах услуг */

#views-bootstrap-uslugi-vyvoza-sumora-bokovaya-panel-block-1 li:hover,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-1 li:hover,
#views-bootstrap-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 li:hover,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-2 li:hover {
    background:#21b98c;
}

#views-bootstrap-uslugi-vyvoza-sumora-bokovaya-panel-block-1 li,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-1 li,
#views-bootstrap-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 li,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-2 li {
    padding:0;
}

#views-bootstrap-uslugi-vyvoza-sumora-bokovaya-panel-block-1 li span,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-1 li span,
#views-bootstrap-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 li span,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-2 li span {
    display:block;
}

#views-bootstrap-uslugi-vyvoza-sumora-bokovaya-panel-block-1 li a,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-1 li a,
#views-bootstrap-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 li a,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-2 li a {
    width: 100%;
    display: block;
    padding: 13px 20px;
}

#views-bootstrap-uslugi-vyvoza-sumora-bokovaya-panel-block-1 li:hover a,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-1 li:hover a,
#views-bootstrap-uslugi-pokupki-vtorsyrya-bokovaya-panel-block-1 li:hover a,
#views-bootstrap-ekologicheskaya-otchetnost-bokovaya-panel-block-2 li:hover a{
    color:#fff;
    text-decoration:none;
}

/* Боковые условия в разделах услуг */

.sidebar_second .contextual-region.block.block-block-content ul,
#block-bokovoyvyvoztbovyvoz ul,
.sidebar_second .block-block-content ul {
    padding-left: 18px;
    margin-top: 16px;
    margin-bottom: 40px;
}

.sidebar_second .contextual-region.block.block-block-content ul li,
#block-bokovoyvyvoztbovyvoz ul li,
.sidebar_second .block-block-content ul li {
    margin: 10px 0;
}

.sidebar_second .contextual-region.block.block-block-content,
#block-bokovoyvyvoztbovyvoz,
.sidebar_second .block-block-content {
    background: none;
    border-radius: 0;
    padding:10px 20px;
    padding-left: 0;
}

.sidebar_second .contextual-region.block.block-block-content *,
#block-bokovoyvyvoztbovyvoz *,
.sidebar_second .block-block-content * {
    color: #43534e; /* text color */
    font-family: "Gotham Pro";
    font-size: 16px;
}

.sidebar_second .contextual-region.block.block-block-content h3,
#block-bokovoyvyvoztbovyvoz h3,
.sidebar_second .block-block-content h3 {
    color: #3e846e; /* text color */
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight:900;
}

.sidebar_second .contextual-region.block.block-block-content h3 span,
#block-bokovoyvyvoztbovyvoz h3 span,
.sidebar_second .block-block-content h3 span {
    color: #3e846e; /* text color */
    font-family: "Gotham Pro";
    font-size: 22px;
    font-weight:900;
}

.sidebar_second .contextual-region.block.block-block-content, #block-bokovoyvyvoztbovyvoz,
.sidebar_second .block-block-content {
    flex-basis:35%;
    padding:30px 20px;
    background-color: #ccf1e6;
    border-radius: 10px;
}

/* Регион рекомендаций */

#recomend .row {
    width: 100%;
    display: block;
    margin-left: 0;
    margin:50px auto;
    padding-left: 0;
}

.views-field-field-uslugi-ekosoprovozhdeniya .field-content {
    display:flex;
}

.views-field-field-uslugi-ekosoprovozhdeniya .field-content article {
    flex-basis:25%;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 h2 {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 26px;
    font-weight:900;
    margin-bottom:50px;
    line-height:1;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 .field--name-title {
    color: #2b3532; /* text color */
    font-family: "Gotham Pro";
    font-size: 20px;
    font-weight:600;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article {
    display:flex;
    border-bottom:none;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article .node__content.clearfix {
    order:-1;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article .inline__links {
    display: none;
}

#recomend {
    
}

#recomend .container {
    padding:0;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .icon-service svg {
    width:90%;
}

/* Вакансии */

.view-id-vakansii {
    
}

.view-id-vakansii .views-row {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px;
}

.view-id-vakansii .views-field-title {
    background: #dcf4e7;
    padding: 7px 25px;
    font-size: 26px;
    font-weight: 700;
}

.view-id-vakansii .views-field-body {
    background: #f7f7f7;
    padding: 7px 25px;
}


#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n+1) .views-field-field-izobrazhenie-konteynera {
    grid-area: rent-photo;
    margin-right: 50px;
}

#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n) .views-field-field-izobrazhenie-konteynera {
    grid-area: rent-photo;
    margin-left: 50px;
}

#views-bootstrap-arenda-page-1 .views-field-title {
    grid-area: rent-title;
}

#views-bootstrap-arenda-page-1 .views-field-body {
    grid-area: rent-body;
}

#views-bootstrap-arenda-page-1 .views-field-field-stoimost {
    grid-area: rent-cost;
}

#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 {
    display: grid;
    grid-template-areas:
        "rent-photo rent-title"
        "rent-photo rent-body"
        "rent-cost rent-cost";
    margin-bottom: 70px;
}

#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n) {
    display: grid;
    grid-template-areas:
        "rent-title rent-photo"
        "rent-body rent-photo"
        "rent-cost rent-cost";
    margin-bottom: 70px;
}

.view-arenda .view-header {
    margin-bottom: 50px;
}

#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n+1) .views-field-field-stoimost {
    font-size: 120%;
    font-weight: 700;
    
}

#views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n) .views-field-field-stoimost {
    font-size: 120%;
    font-weight: 700;
    text-align:right;
}

ul.sf-menu {
    line-height: 1.0;
    z-index: 99;
}

.webform-confirmation-modal {
    border: 4px solid #0d9d73 !important;
    border-radius: 10px !important;
    width:500px !important;
}

.webform-confirmation-modal .ui-dialog-titlebar {
    background: none;
    border: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    color:#0d9d73;
}

.webform-confirmation-modal .ui-dialog-title {
    width:100%;
    font-family: 'Gotham Pro';
    font-size: 120%;
}

.webform-confirmation-modal button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.webform-confirmation-modal .webform-confirmation-modal--content {
    margin-bottom: 10px;
    font-family: 'Gotham Pro';
}

.ui-button .ui-icon, .ui-button:focus .ui-icon, .ui-button:hover .ui-icon {
    /*background-image: url(../images/ui-icons_777777_256x240.png)/*{iconsDefault}*/
}

.site-footer__bottom #block-vebforma-7 {
    display:none;
}

#colorbox {
    border: 4px solid #0d9d73 !important;
    border-radius: 10px !important;
}

.webform-submission-obratnyy-zvonok-add-form {
    
    font-family: 'Gotham Pro';
}

.webform-submission-obratnyy-zvonok-add-form #edit-processed-text {
    font-size: 140%;
    font-family: 'Gotham Pro';
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
}

.webform-submission-obratnyy-zvonok-add-form #edit-actions button {
    
}

.webform-submission-obratnyy-zvonok-add-form .form-actions {
    text-align:center;
}

.webform-submission-obratnyy-zvonok-add-form #edit-processed-text-01 {
    
}

.webform-submission-obratnyy-zvonok-add-form .js-form-item-telefon {
    width: 60%;
    margin: 0 auto 25px;
}

.webform-submission-obratnyy-zvonok-add-form .js-form-item-imya {
    width: 60%;
    margin: 0 auto 25px;
}

#cboxLoadedContent {
    margin-bottom: 0px;
}

#cboxContent #cboxClose {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.sidebar_second .block-views-blockkalendar-ekologa-blok-block-1 {
    padding: 20px;
    border-radius: 10px;
    background-color: #ccf1e6;
}

.sidebar_second .block-views-blockkalendar-ekologa-blok-block-1 .view-header {
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
    color: #3e846e;
    font-weight: 700;
    font-family: 'Gotham Pro';
}

.sidebar_second .block-views-blockkalendar-ekologa-blok-block-1 .view-content.row {
    margin: 0;
}

.view-id-arenda .view-footer {
    flex-direction: column;
}

.contextual-region.node.node--type-usluga-vyvoza-musora .field--name-body img,
.contextual-region.node.node--type-usluga-ekologicheskogo-soprovozh .field--name-body img,
.node--type-usluga-ekologicheskogo-soprovozh img.align-center {
    width:100%;
    height:auto;
}


#block-vebforma .radio .ui-checkboxradio-label {
    font-size: 19px;
}

#webform-submission-kalkulyator-na-glavnoy-node-20-add-form .js-form-item-tip-uslugii {
    margin-bottom: 40px;
}

#views-bootstrap-rezultaty-poiska-page-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4,
#views-bootstrap-rezultaty-poiska-page-1--2 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
    flex-direction: column;
}

.block-webform-block {
    text-align: left;
}

.main-text-about, .node__content.clearfix {
    font-size: 16px;
    text-align: justify;
}

.main-text-about h2, .main-text-about h3, .node__content.clearfix h2, .node__content.clearfix h3 {
    text-align: left;
}

blockquote {
    background: #f1f8f6;
    border-top: 3px solid #21b98c;
    padding: 20px;
    border-bottom: 3px solid #21b98c;
    padding-bottom: 5px;
}

.del:not(:checked) + label {
    width: 100% !important;
    background: none !important;
    color: #3b3b3b !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    border: 1px solid #99beb3 !important;
    display: block;
    position: relative;
}

.del:not(:checked):hover + label {
    border: 1px solid #21b98c !important;
    background-color: #f1f8f6 !important;
}

.del:checked + label {
    width: 100% !important;
    background-color: #21b98c !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    border: 1px solid #fff !important;
    display: block;
    position: relative;
}

.del:not(:checked) + label::after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/arrow-d.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    display: block;
    position: absolute;
    right: 17px;
    top: 13px;
}

.del:not(:checked):hover + label::after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/arrow-dh.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    display: block;
    position: absolute;
    right: 17px;
    top: 13px;
}

.del:checked + label::after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/arrow-do.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    display: block;
    position: absolute;
    right: 17px;
    top: 13px;
    transform: rotate(-180deg);
}


.vivplus {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    justify-content: space-between;
}

.vivplus li {
    display: flex;
    width: 30%;
    background: #f5f5f5;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 20px;
    padding-left: 40px;
    font-weight: 500;
    min-height: 100px;
    text-align: left;
    position: relative;
}

.vivplus li::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #21b98c;
    border-radius: 10px;
    margin-right: 0;
    left: 15px;
    top: 15px;
}


.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content {
    visibility: hidden;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content article {
    visibility: visible;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content article:hover {
    background: #21b98c;
    border-radius: 5px;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content .node--view-mode-teaser:hover .node__title span,
.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content .node--view-mode-teaser:hover .node__title a {
    color: #fff !important;
    text-decoration: none !important;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content .node--view-mode-teaser .node__title a {
    height: 100%;
    display: block;
    width: 100%;
    padding-left: 115px;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content .node--view-mode-teaser .node__content.clearfix {
    position: absolute;
    pointer-events: none;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content article .node__title {
    margin-bottom: 0 !important;
    height: 100%;
}

.view-rekomenduemye-uslugi-vyvoz-musora- .views-row .field-content .node--view-mode-teaser:hover .icon-service svg path {
    stroke: #fff;
    fill: #fff;
}

#block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 .field--name-title {
    font-size: 16px;
}


.vivplus2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vivplus2 .vivplus-item {
    width: 31.7%;
    border: 1px solid #95a9a3;
    border-radius: 27px;
    padding: 14px 19px;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
}

.vivplus2 .vivplus-item img {
    width: fit-content !important;
    float: none;
}

/* Баннеры услуг */

.servbanner {
    background: url(/themes/bootstrap_barrio/subtheme/images//banners-bg.png) no-repeat center center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.servbanner .content {
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    color: #3e846e;
}

.servbanner .field--name-field-izobrazhenie {
    margin-left: 15px;
}

.servbanner .field--name-field-tezis-1 {
    flex-grow: 1;
    border-right: 2px solid #3e846e;
    font-size: 18px;
}

.servbanner .field--name-field-tezis-2 {
    flex-grow: 1;
    border-right: 2px solid #3e846e;
    font-size: 18px;
}

.servbanner .field--name-field-tezis-3 {
    flex-grow: 1;
    font-size: 18px;
}

.servbanner .field--name-field-tezis-1 h3 {
    font-size: 2.5rem;
}

.servbanner .field--name-field-tezis-2 h3 {
    font-size: 2.5rem;
}

.servbanner .field--name-field-tezis-3 h3 {
    font-size: 2.5rem;
}

.servbanner .field--name-field-tezis-1 p {
    margin-bottom: 0;
}

.servbanner .field--name-field-tezis-2 p {
    margin-bottom: 0;
}

.servbanner .field--name-field-tezis-3 p {
    margin-bottom: 0;
}
/* Конец Баннеры услуг */