html,
body {
width: 100%;
height: 100%;
}
html {
font-size: 6.944444444444445vw;
}
body {
padding: 0;
margin: 0;
font: 0.16rem "Inter", sans-serif;
line-height: 1.5;
background: #fff;
}
div,
p,
a,
span,
em,
strong,
img,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
td,
tr,
form,
fieldset,
label,
select,
input,
textarea,
header,
nav,
section,
article,
aside,
footer,
blockquote {
padding: 0;
margin: 0;
outline: none;
list-style: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
header,
nav,
section,
article,
aside,
footer {
display: block;
}
select,
input,
textarea {
font: italic 0.14rem "Inter", sans-serif;
color: #e5e5e5;
vertical-align: middle;
}
textarea {
vertical-align: top;
resize: none;
}
:focus {
outline: none;
}
input[type="submit"],
button {
cursor: pointer;
}
img,
fieldset {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
font: 0.14rem "Inter", sans-serif;
color: #58595b;
text-decoration: none;
}
a:hover {
text-decoration: none;
}   .float-r {
float: right !important;
}
.float-l {
float: left !important;
}
.no-float {
float: none !important;
}
.no-border {
border: 0 !important;
}
.no-bg {
background: none !important;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-display {
display: none !important;
}
.display {
display: block !important;
}
.inline {
display: inline !important;
}
.overflow {
overflow: hidden !important;
}
.align-r {
text-align: right !important;
}
.align-l {
text-align: left !important;
}
.align-c {
text-align: center !important;
}
.clear {
clear: both;
}
.middle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
div > img {
display: block;
width: 100%;
}
.text p {
margin: 0.1rem 0px;
overflow: hidden;
}
.text p:first-of-type {
margin: 0px 0px 0.1rem;
}
.text p:only-of-type {
margin: 0px;
} :lang(en-US) .menu-item-114,
:lang(en-US) .last-news,
:lang(en-US) .mobile-nav-menu-bottom-list > li:first-child {
display: none;
} .page-wrapper {
padding-top: 0.6rem;
}
.wrapper {
max-width: 12rem;
padding: 0 0.3rem;
margin: 0 auto;
}
.mobile-burger-btn {
display: none;
} .main-header {
width: 100%;
height: 0.7rem;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.6rem 0 0.6rem;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background: #1d1d1b;
transition: background-color 0.5s, box-shadow 0.5s;
}
.main-header.fixed {
position: fixed;
background: #1d1d1b;
box-shadow: 0 0.01rem 0.2rem rgba(0, 0, 0, 0.06);
}
.main-logo {
display: block; }
.main-logo img {
display: block;
width: 100%;
}
.main-menu-list {
display: flex;
} .main-menu-list > li:nth-of-type(2) {
margin-right: 2.8rem;
}
.main-menu-list > li a {
display: block;
font-weight: 600;
font-size: 0.14rem;
line-height: 0.22rem;
color: #fff;
padding: 0.12rem 0.2rem;
position: relative;
}
.main-menu-list > li a::after {
content: "";
display: block;
width: 0;
height: 0.02rem;
position: absolute;
bottom: -1px;
left: 0;
background: #d9ed00;
transition: width 0.5s;
}
.main-menu-list > li a:hover::after,
.main-menu-list > li:not(.menu-item-115).current_page_item a::after,
.main-menu-list > li.current-menu-item-parent a::after {
width: 100%;
}
.main-menu-list > li.menu-item-112 a::after {
background: #0facf3;
}
@media only screen and (min-width: 767px) {
.language-chooser {
width: 0.54rem;
position: absolute;
top: 0.12rem;
right: 0.2rem;
display: flex;
flex-direction: column;
overflow: hidden;
}
.language-chooser::after {
content: "";
display: block;
width: 0.12rem;
height: 0.24rem;
position: absolute;
top: 0.1rem;
right: 0;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/icon-arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.language-chooser > li {
order: 3;
}
.language-chooser > li.active {
order: 1;
}
.language-chooser > li a {
display: block;
font-weight: 600;
font-size: 0.14rem;
line-height: 0.22rem;
color: #fff;
}
.language-chooser > li:first-child a {
padding: 0.12rem 0.3rem 0.12rem 0.12rem;
}
.language-chooser > li:not(.active):nth-of-type(2) a,
.language-chooser > li:not(.active):nth-of-type(3) a {
padding: 0.08rem 0.16rem 0.04rem 0.17rem;
background: #fff;
color: #1d1d1f;
}
.language-chooser > li:nth-of-type(2) a {
border-top-left-radius: 0.1rem;
border-top-right-radius: 0.1rem;
}
.language-chooser > li:nth-of-type(3) a {
border-bottom-left-radius: 0.1rem;
border-bottom-right-radius: 0.1rem;
}
.language-chooser > li:nth-of-type(2),
.language-chooser > li:nth-of-type(3) {
opacity: 0;
transition: opacity 0.5s;
}
.language-chooser:hover li {
opacity: 1;
}
} .main-footer {
padding: 0.4rem 0 0.6rem;
background-color: #1d1d1b;
color: #fff;
}
.main-footer .wrapper {
display: flex;
justify-content: space-between;
}
.footer-copyrigh {
font-size: 0.16rem;
line-height: 0.26rem;
color: #ffffff;
opacity: 0.5;
margin-bottom: 0.16rem;
}
.footer-title {
font-size: 0.15rem;
line-height: 0.24rem;
color: #ffffff;
opacity: 0.5;
margin-bottom: 0.16rem;
font-weight: normal;
}
.footer-menu-list > li a,
.footer-contacts-list > li a {
font-weight: 600;
font-size: 0.15rem;
line-height: 0.24rem;
color: #ffffff;
transition: opacity 0.5s;
}
.footer-menu-list > li a:hover {
opacity: 0.8;
}
.footer-menu-list > li:not(:last-child) {
margin-bottom: 0.1rem;
}
.footer-contacts-list > li:not(:last-child) {
margin-bottom: 0.04rem;
}
.footer-social-list {
display: flex;
}
.footer-social-list > li:not(:last-child) {
margin-right: 0.06rem;
}
.footer-social-list > li a {
display: block;
padding: 0.12rem;
transition: opacity 0.5s;
}
.footer-social-list > li a img {
display: block;
width: 0.26rem;
}
.footer-middle-col {
margin-right: 3rem;
}
.footer-social-list > li a:hover {
opacity: 0.8;
} .main-btn {
display: inline-block;
border-radius: 0.1rem;
padding: 0.19rem 0.3rem;
font-weight: 600;
font-size: 0.14rem;
line-height: 0.2rem;
text-align: center;
transition: transform 0.6s ease 0s, box-shadow 0.6s ease 0s,
-webkit-transform 0.6s ease 0s;
}
.main-btn:hover {
box-shadow: rgb(0 0 0 / 20%) 0px 0.1rem 0.2rem -0.05rem;
-webkit-transform: translateY(-0.02rem);
transform: translateY(-0.02rem);
}
.main-btn.light {
box-shadow: 0px 100px 80px rgba(0, 105, 149, 0.08),
0px 41.7776px 33.4221px rgba(0, 105, 149, 0.0575083),
0px 22.3363px 17.869px rgba(0, 105, 149, 0.0476886),
0px 12.5216px 10.0172px rgba(0, 105, 149, 0.04),
0px 6.6501px 5.32008px rgba(0, 105, 149, 0.0323114),
0px 2.76726px 2.21381px rgba(0, 105, 149, 0.0224916);
color: #242423;
background-color: #fff;
}
.main-btn.dark {
color: #fff;
background: #1d1d1f;
} .form-layout-container,
.map-layout-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.6);
z-index: 11;
transition: opacity 0.3s;
opacity: 0;
pointer-events: none;
}
.form-layout-container.active,
.map-layout-container.active {
opacity: 1;
pointer-events: all;
}
.form-container {
width: 5.6rem;
padding: 0.8rem 0.6rem 0.54rem 0.6rem;
background-color: #fff;
border-radius: 0.4rem;
position: relative;
-webkit-transform: translateY(15%);
transform: translateY(15%);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.form-layout-container.active .form-container {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.close-form-btn {
display: block;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/icon-close.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 0.16rem;
cursor: pointer;
position: absolute;
top: 0.1rem;
right: 0.1rem;
z-index: 1;
background-color: #fff;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.close-form-btn:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.inputs-wrapper label,
.inputs-wrapper input {
display: block;
width: 100%;
}
.inputs-wrapper label {
padding: 0 0 0.06rem 0.2rem;
font-size: 0.14rem;
line-height: 0.22rem;
color: #1e1e1e;
}
.inputs-wrapper input {
border: none;
outline: none;
background: #f2f2f2;
border-radius: 0.08rem;
padding: 0.14rem 0.2rem;
font-size: 0.16rem;
line-height: 0.22rem;
font-style: normal;
color: #1e1e1e;
transition: background 0.3s, color 0.3s;
}
.inputs-wrapper input.invalid {
background: rgba(167, 0, 0, 0.22);
color: #a70000;
}
.inputs-wrapper {
margin-bottom: 0.2rem;
}
#form_submit_btn {
display: block;
width: 100%;
padding: 0.19rem 1.4rem;
text-align: center;
background: #c4c4c4;
border: none;
outline: none;
border-radius: 0.1rem;
font-weight: bold;
font-size: 0.15rem;
line-height: 0.22rem;
text-align: center;
color: #ffffff;
pointer-events: none;
transition: background 0.5s, box-shadow 0.6s ease 0s,
-webkit-transform 0.6s ease 0s;
transition: background 0.5s, transform 0.6s ease 0s, box-shadow 0.6s ease 0s;
transition: background 0.5s, transform 0.6s ease 0s, box-shadow 0.6s ease 0s,
-webkit-transform 0.6s ease 0s;
}
#form_submit_btn.active {
pointer-events: all;
background: #f5b455;
}
#form_submit_btn.active:hover {
box-shadow: rgba(0, 0, 0, 0.2) 0px 0.1rem 0.2rem -0.05rem;
-webkit-transform: translateY(-0.02rem);
transform: translateY(-0.02rem);
}
.success-mssg {
width: 3.7rem;
margin: auto;
display: none;
}
.success-mssg h6 {
font-weight: 600;
font-size: 0.15rem;
line-height: 0.26rem;
text-align: center;
color: #1e1e1e;
margin-bottom: 0.06rem;
}
.success-mssg p {
font-size: 0.15rem;
line-height: 0.24rem;
text-align: center;
color: #1e1e1e;
}
.form-container.sending {
padding: 1rem 0.93rem;
}
.form-container.sending .success-mssg {
display: block;
}
.form-container.sending #form_submit {
display: none;
}
.req-input,
#email-to {
display: none;
} .map-container {
width: 8.6rem;
height: 4.68rem;
border-radius: 0.4rem;
position: relative;
overflow: hidden;
border-radius: 0.1rem;
border-top-right-radius: 0.4rem;
}
#map {
height: 100%;
}
#map iframe {
width: 100%;
height: 100%;
}
.map-container-address {
width: 2.6rem;
background: #ffffff;
border-radius: 0.4rem;
padding: 0.08rem 0.3rem;
font-size: 0.14rem;
line-height: 0.22rem;
color: #1c1d1e;
position: absolute;
bottom: 0.1rem;
left: 0.1rem;
z-index: 1;
}
.map-container-address address {
font-style: normal;
} .section-title {
font-size: 0.36rem;
line-height: 0.46rem;
color: #1e1e1e;
}
.page-home {
background: #f0f0f0;
transition: background 0.5s;
}
.bg-var,
.last-news {
transition: background 0.5s;
}
.page-home.dark {
background: #0a0a0a;
}
.page-home.light {
background: #f0f0f0;
}  .intro {
width: 100%;
position: relative;
padding: 1.9rem 0 0.8rem;
background: #1d1d1b;
}
.intro::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.intro > img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.intro-content {
max-width: 5.6rem; position: relative;
z-index: 1;
color: #fff;
}
.main-title {
max-width: 7.8rem;
font-size: 0.42rem;
line-height: 0.52rem;
z-index: 1;
margin-bottom: 0.15rem;
}
.intro-description {
max-width: 5.2rem;
font-size: 0.17rem;
line-height: 0.28rem;
} .about {
padding: 0 0 1.4rem 0;
background: #1d1d1b;
}
.about-descr {
max-width: 7.9rem;
font-weight: 600;
font-size: 0.22rem;
line-height: 0.34rem;
text-align: center;
color: #ffffff;
margin: 0 auto 0.6rem;
}
.about-list {
display: flex;
justify-content: space-between;
padding: 0 0.95rem;
position: relative;
margin-top: 1rem;
}
.about-list > li {
display: flex;
align-items: center;
padding: 0.1rem;
} .about-icon-cont {
width: 1.3rem;
height: 1.3rem;
}
.about-item-descr {
font-weight: bold;
font-size: 0.16rem;
line-height: 0.26rem;
text-align: center;
color: #ffffff;
} .our-clients {
padding: 1.5rem 0 0.5rem 0;
}
.our-clients h2 {
text-align: center;
margin-bottom: 0.6rem;
}
.our-clients-list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.our-clients-list li {
width: 2.5rem;
height: 1.3rem;
display: flex;
justify-content: center;
padding: 0 0.35rem;
}
.our-clients-list li img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .about-resources {
margin: 1rem 0;
position: relative;
}
.about-resources h2 {
margin-bottom: 0.12rem;
}
.about-resources-descr {
max-width: 5.2rem;
font-size: 0.16rem;
line-height: 0.26rem;
margin-bottom: 0.3rem;
}
.about-resources-container {
width: 11.4rem;
margin: 0 auto;
border-radius: 25px;
padding: 0.8rem;
position: relative;
}
.about-electro > .about-resources-container {
background-color: #bde0fe;
}
.about-gas > .about-resources-container {
background-color: #ffd88b;
}
.about-resources-adv-list {
display: flex;
align-items: flex-start;
margin-bottom: 0.3rem;
}
.about-resources-adv-list > li {
width: 1.8rem;
}
.about-resources-adv-list > li:not(:last-child) {
margin-right: 0.2rem;
}
.about-resources-adv-icon-cont {
width: 0.6rem;
height: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 0.15rem;
background: #ffffff;
box-shadow: 0px 100px 80px rgba(30, 30, 30, 0.05),
0px 30.1471px 24.1177px rgba(30, 30, 30, 0.0325794),
0px 12.5216px 10.0172px rgba(30, 30, 30, 0.025),
0px 4.5288px 3.62304px rgba(30, 30, 30, 0.0174206);
position: relative;
}
.about-resources-adv-icon-cont::before {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
position: absolute;
background: linear-gradient(
180deg,
#f5f5f5 0%,
rgba(245, 245, 245, 0) 101.39%
);
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.07);
filter: blur(1px);
}
.about-resources-adv-icon-cont img {
width: auto;
max-width: 100%;
z-index: 1;
}
.about-resources-adv-descr {
font-weight: 500;
font-size: 0.13rem;
line-height: 0.2rem;
color: #1e1e1e;
}
.resources-btns-container {
display: flex;
align-items: center;
margin-bottom: 0.4rem;
}
.resources-btns-container > a:not(:last-child) {
margin-right: 0.1rem;
}
.useful-resources-title {
font-weight: 500;
font-size: 0.12rem;
line-height: 0.22rem;
letter-spacing: 0.01rem;
color: #1e1e1e;
margin-bottom: 0.2rem;
}
.useful-resources-list > li:not(:last-child) {
margin-bottom: 0.2rem;
}
.useful-resources-list > li a {
max-width: 5.5rem;
display: block;
font-weight: 500;
font-size: 0.14rem;
line-height: 0.22rem;
color: #1e1e1e;
position: relative;
padding-left: 0.34rem;
transition: opacity 0.3s;
}
.useful-resources-list > li a:hover {
opacity: 0.7;
}
.useful-resources-list > li a::before {
content: "";
width: 0.18rem;
height: 0.18rem;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/icon-external-link.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
}
.about-gas-img-cont {
width: 4.4rem;
height: 5.73rem;
border-radius: 0.25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.about-gas-img-cont img {
width: 100%;
object-fit: cover;
}
.about-electro .about-gas-img-cont {
right: -0.5rem;
}
.about-gas .about-gas-img-cont {
left: -0.5rem;
}
.about-gas .about-resources-container {
display: flex;
justify-content: flex-end;
} .last-news {
padding: 1.2rem 0 0 0;
margin-bottom: 1.2rem;
}
.last-news h2 {
font-size: 0.36rem;
line-height: 0.46rem;
text-align: center;
margin-bottom: 0.6rem;
}
.last-news-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.last-news-list > li {
width: 45.8%;
}
.last-news-list > li:nth-of-type(3n-1) {
margin: 0 0.4rem;
}
.last-news-list > li a {
height: 100%;
display: block;
background: #ffffff;
box-shadow: 0 0.04rem 0.5rem rgba(17, 17, 17, 0.05);
border-radius: 0.2rem;
overflow: hidden;
transition: transform 0.6s ease 0s, box-shadow 0.6s ease 0s,
-webkit-transform 0.6s ease 0s;
position: relative;
}
.news-item-thumb-container {
height: 100%;
overflow: hidden;
}
.news-item-thumb-container img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.news-item-descr {
width: 3.6rem;
padding: 0.26rem 0.3rem 0.26rem 0.3rem;
position: absolute;
bottom: 0.2rem;
left: 0.2rem;
background: #ffffff;
box-shadow: 0px 0.04rem 0.5rem rgba(17, 17, 17, 0.05);
border-radius: 0.2rem;
}
.news-item-title {
font-size: 0.15rem;
line-height: 0.26rem;
color: #1e1e1e;
margin-bottom: 0.06rem;
transition: color 0.5s;
}
.news-date-publicate {
font-size: 0.15rem;
line-height: 0.24rem;
color: #999999;
}
.last-news-list > li a:hover {
-webkit-transform: translateY(-0.04rem);
transform: translateY(-0.04rem);
}
.read-more-btn-container {
width: 100%;
display: flex;
justify-content: center;
margin-top: 0.6rem;
}
.read-more-btn {
display: inline-block;
padding: 0.19rem 0.6rem 0.19rem 0.3rem;
font-weight: bold;
font-size: 0.15rem;
line-height: 0.22rem;
color: #242423;
position: relative;
}
.read-more-btn::after {
content: "";
display: block;
width: 0.6rem;
height: 0.6rem;
position: absolute;
top: 0;
right: 0;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/right-arrow.svg);
background-position: center;
background-repeat: no-repeat;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.read-more-btn:hover::after {
-webkit-transform: translateX(0.05rem);
transform: translateX(0.05rem);
} .cooperation {
background: #1d1d1b;
padding: 1.2rem 0 0.7rem;
}
.cooperation h2 {
text-align: center;
max-width: 5.32rem;
margin: 0 auto 0.7rem;
color: #fff;
}
.cooperation .wrapper {
display: flex;
justify-content: space-between;
}
.cooperation-heading {
display: flex;
align-items: center;
margin-bottom: 0.2rem;
}
.cooperation .about-icon-cont {
width: 0.9rem;
height: 0.9rem;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/frontpage//cooperation/bg-icon.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.2rem;
}
.cooperation .about-icon-cont img {
width: auto;
max-width: 100%;
}
.coop-list li a,
.coop-list li p,
.coop-list li span,
.coop-address {
display: block;
font-size: 0.15rem;
line-height: 0.22rem;
color: #fff;
font-style: normal;
}
.coop-list > li {
display: flex;
margin-bottom: 0.1rem;
}
.coop-item-left-col {
width: 1.8rem;
margin-right: 0.1rem;
}
.coop-tel:not(:last-child) {
margin-bottom: 0.1rem;
}
.schedule-container {
margin-bottom: 0.4rem;
}
.office-address-container {
width: 2.6rem;
}
.coop-address {
margin-bottom: 0.1rem;
}
.watch-on-map-btn {
display: inline-block;
padding: 0.19rem 0.3rem 0.19rem 0.32rem;
font-weight: bold;
font-size: 0.15rem;
line-height: 0.22rem;
color: #242423;
position: relative;
transition: transform 0.6s ease 0s, box-shadow 0.6s ease 0s,
-webkit-transform 0.6s ease 0s;
}
.watch-on-map-btn:hover {
-webkit-transform: translateY(-0.04rem);
transform: translateY(-0.04rem);
}
.watch-on-map-btn::before {
content: "";
display: block;
width: 0.18rem;
height: 0.6rem;
position: absolute;
top: 0;
left: 0;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/icon-pin.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
} .traders {
margin-bottom: 1rem;
}
.traders-container {
max-width: 11.4rem;
margin: 0 auto;
background: #1d1d1b;
border-radius: 25px;
padding: 0.6rem 1.2rem 0.8rem;
}
.traders-img-container {
margin-bottom: 0.5rem;
}
.traders-descr-cont {
text-align: center;
color: #fff;
}
.traders-descr-cont h2 {
font-size: 0.36rem;
line-height: 0.46rem;
color: #fff;
margin-bottom: 0.12rem;
}
.traders-descr-cont .text {
max-width: 5.2rem;
margin: 0 auto 0.4rem;
}
.traders-adv-list {
display: flex;
align-items: flex-start;
justify-content: center;
}
.traders-adv-list > li:not(:last-child) {
margin-right: 0.4rem;
}
.traders-adv-icon-col {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
margin: 0 auto 0.15rem;
display: flex;
align-items: center;
justify-content: center;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/frontpage/traders-icons/icon-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.traders-adv-icon-col img {
width: auto;
max-width: 100%;
}
.traders-adv-descr-col {
max-width: 2.4rem;
font-weight: 500;
font-size: 0.13rem;
line-height: 0.2rem;
text-align: center;
} .page-template-page-consumers-template .main-header,
.post-type-archive .main-header {
position: fixed;
background: #1d1d1b;
box-shadow: 0 0.01rem 0.2rem rgba(0, 0, 0, 0.06);
}
.consumers-page {
padding: 1.3rem 0 1.2rem 0;
background-color: #fafafa;
}
.intro-consumers {
margin-bottom: 1rem;
}
.back-btn {
display: inline-block;
padding: 0.19rem 0.3rem 0.19rem 0.28rem;
position: relative;
margin-bottom: 0.6rem;
font-weight: bold;
font-size: 0.15rem;
line-height: 0.22rem;
color: #242423;
}
.back-btn::before {
content: "";
display: block;
width: 0.28rem;
height: 0.6rem;
position: absolute;
top: 0;
left: 0;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/icon-arrow-left.svg);
background-position: center left;
background-repeat: no-repeat;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.back-btn:hover::before {
-webkit-transform: translateX(-0.03rem);
transform: translateX(-0.03rem);
}
.intro-consumers {
max-width: 6.2rem;
}
.intro-consumers h1 {
margin-bottom: 0.16rem;
}
.intro-consumers p {
font-size: 0.16rem;
line-height: 0.26rem;
color: #1e1e1e;
}
.consumers-section {
margin-bottom: 0.8rem;
}
.consumers-title {
font-size: 0.28rem;
line-height: 0.38rem;
color: #1e1e1e;
margin-bottom: 0.3rem;
}
.consumers-docs-list {
display: -ms-grid;
display: grid;
grid-gap: 0.2rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.cons-doc-link {
height: 100%;
display: block;
padding: 0.2rem 0.3rem;
background-color: #fff;
border-radius: 0.2rem;
box-shadow: 0 0.04rem 0.5rem rgba(17, 17, 17, 0.05);
}
.cons-doc-title {
font-weight: 600;
font-size: 0.16rem;
line-height: 0.26rem;
color: #1e1e1e;
margin-bottom: 0.02rem;
transition: color 0.5s;
}
.cons-doc-type {
display: block;
font-weight: 600;
font-size: 0.16rem;
line-height: 0.26rem;
color: #999999;
}
.cons-doc-link:hover .cons-doc-title {
color: #f4b268;
} .blog-wrapper {
width: 7.6rem;
margin: auto;
}
.blog-content {
padding: 1.5rem 0 1.6rem 0;
}
.blog-content .last-news-list > li {
margin-bottom: 0.4rem;
}
.blog-single {
padding: 1.3rem 0 1.5rem 0;
}
.blog-article-date-publicate {
font-size: 0.15rem;
line-height: 0.24rem;
color: #999999;
margin-bottom: 0.1rem;
}
.blog-article-title {
width: 6.6rem;
margin-bottom: 0.2rem;
}
.single-blog-editor p {
font-size: 0.18rem;
line-height: 0.3rem;
color: #1e1e1e;
}
.single-blog-editor a {
text-decoration: underline;
font-size: 0.18rem;
line-height: 0.3rem;
color: #1e1e1e;
}
.single-blog-editor h2 {
font-size: 0.3rem;
line-height: 0.4rem;
color: #1e1e1e;
margin-bottom: 0.2rem;
margin-top: 0.2rem;
}
.single-blog-editor h3 {
font-size: 0.24rem;
line-height: 0.34rem;
color: #1e1e1e;
margin-bottom: 0.2rem;
margin-top: 0.2rem;
}
.single-blog-editor img {
display: block;
width: 100%;
height: auto;
margin: 0.3rem 0;
}
.single-blog-editor h4 {
font-size: 0.18rem;
line-height: 0.28rem;
color: #1e1e1e;
margin-bottom: 0.2rem;
margin-top: 0.2rem;
}
.single-blog-editor h5 {
font-size: 0.14rem;
line-height: 0.24rem;
color: #1e1e1e;
margin-bottom: 0.2rem;
margin-top: 0.2rem;
}
.single-blog-editor ul,
.single-blog-editor ol {
padding: 0 0 0 0.2rem;
margin: 0 0 0.2rem 0;
}
.single-blog-editor ul > li {
list-style: disc;
font-size: 0.18rem;
line-height: 0.3rem;
margin-bottom: 0.02rem;
}
.single-blog-editor ol > li {
list-style: decimal;
font-size: 0.18rem;
line-height: 0.3rem;
margin-bottom: 0.02rem;
}
.single-blog-editor {
margin-bottom: 0.6rem;
}
.share-post {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0.15rem;
background: #3b5998;
border-radius: 0.1rem;
font-weight: 600;
font-size: 0.12rem;
line-height: 0.22rem;
letter-spacing: 0.01rem;
color: #ffffff;
text-align: center;
transition: opacity 0.5s;
}
.share-post:hover {
opacity: 0.8;
}
.share-post-icon {
display: inline-block;
width: 0.5rem;
height: 0.5rem;
padding: 0.12rem;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/facebook_icon.svg);
background-position: center;
background-size: 0.26rem;
background-repeat: no-repeat;
margin-right: 0.06rem;
}
.also-read {
padding: 1.5rem 0 0 0;
}
.also-read h2 {
font-size: 0.3rem;
line-height: 0.4rem;
text-align: center;
color: #1e1e1e;
margin-bottom: 1rem;
}.mobile-menu-container {
display: none;
}
@media only screen and (max-width: 767px) {
html {
font-size: 26.666666666666668vw;
} .wrapper,
.cooperation-wrapper {
width: 100%;
padding: 0 0.2rem;
} .main-header.fixed {
position: absolute;
background: transparent;
}
.main-nav,
.main-lang-list {
display: none;
}
.main-header {
height: 0.6rem;
padding: 0.15rem 0.1rem 0.155rem 0.25rem;
}
.main-header .language-chooser {
display: none;
}
.main-logo {
width: 1.34rem;
}
.main-title {
max-width: 100%;
font-size: 0.22rem;
line-height: 0.32rem;
top: 1.2rem;
left: 0.35rem;
}
.mobile-burger-btn {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat; background-size: 0.2rem 0.16rem;
position: absolute;
top: 0;
right: 0.1rem;
transition: top 0.5s, background 0.5s;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.fixed .mobile-burger-btn {
position: fixed;
top: 0.1rem;
background-color: #fff;
}
.mobile-burger-btn path {
transition: stroke 0.3s;
}
.fixed .mobile-burger-btn path {
stroke: #1d1d1b;
}
.mobile-menu-container {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 11;
background: #020305;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
.mobile-menu-container.active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.15rem 0.1rem 0.15rem 0.25rem;
}
.close-mobile-menu-btn {
width: 0.6rem;
height: 0.6rem;
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/close-menu.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 0.14rem;
position: absolute;
top: 0;
right: 0.1rem;
}
.mobile-nav-menu-container {
padding: 1.5rem 0.25rem 0.5rem 0.25rem;
}
.mobile-nav-menu-container li > a {
display: block;
background: rgba(255, 255, 255, 0.08);
border-radius: 0.1rem;
font-weight: 600;
font-size: 0.15rem;
line-height: 0.24rem;
color: #ffffff;
padding: 0.15rem;
}
.mobile-nav-menu-top-list {
margin-bottom: 0.5rem;
}
.gas-menu-item {
margin-bottom: 0.06rem;
}
.mobile-nav-menu-top-list > li > a {
padding: 0.15rem 0.15rem 0.15rem 0.57rem;
overflow: hidden;
position: relative;
}
.mobile-nav-menu-top-list > li > a::before {
content: "";
display: block;
width: 0.54rem;
height: 0.54rem;
position: absolute;
top: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
}
.gas-menu-item a::before {
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/gas-mobile-icon.svg);
}
.electro-menu-item a::before {
background-image: url(//energovatt.com.ua/wp-content/themes/gasoil-theme/img/elements/electro-mobile-icon.svg);
}
.mobile-nav-menu-bottom-list {
display: flex;
justify-content: space-between;
}
.mobile-nav-menu-bottom-list > li {
width: 49%;
text-align: center;
}
.language-chooser {
display: flex;
justify-content: flex-end;
padding: 0 0.25rem 0 0;
}
.language-chooser > li:not(:last-child) {
margin-right: 0.06rem;
}
.language-chooser > li a {
padding: 0.15rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 0.1rem;
font-weight: 600;
font-size: 0.15rem;
line-height: 0.24rem;
text-align: center;
color: #ffffff;
}
.language-chooser li.active a {
border: 0.01rem solid #ffffff;
} .main-footer {
padding: 0.5rem 0;
flex-direction: column;
}
.main-footer .wrapper {
flex-direction: column;
}
.footer-middle-col {
margin-right: 0;
}
.footer-right-col {
order: 1;
margin-bottom: 0.2rem;
}
.footer-left-col {
order: 2;
}
.footer-middle-col {
order: 3;
}
.footer-copyrigh,
.footer-title {
font-size: 0.12rem;
line-height: 0.2rem;
margin-bottom: 0.1rem;
}
.footer-menu-list > li a,
.footer-contacts-list > li a {
font-size: 0.13rem;
line-height: 0.24rem;
}
.footer-menu-list > li:not(:last-child) {
margin-bottom: 0.04rem;
}
.footer-left-col {
margin-bottom: 0.16rem;
}
.footer-contacts-list {
display: flex;
}
.footer-contacts-list > li:not(:last-child) {
margin-bottom: 0;
margin-right: 0.3rem;
}
.about {
padding: 0 0.31rem 0.8rem;
margin: -0.6rem 0 0 0;
}
.about-descr {
max-width: 100%;
font-size: 0.15rem;
line-height: 0.26rem;
text-align: left;
margin: 0 0 0.5rem 0;
position: relative;
}
.about-list {
flex-direction: column;
justify-content: flex-start;
padding: 0 0.3rem;
margin-top: 0.5rem;
}
.about-list > li {
width: 100%;
display: flex;
align-items: center;
}
.about-list > li:not(:last-child) {
margin-right: 0;
margin-bottom: 0;
}
.about-icon-cont {
width: 1rem;
height: 1rem;
margin: 0 0.2rem 0 0;
}
.about-item-descr {
max-width: 1.15rem;
text-align: left;
font-size: 0.15rem;
font-weight: 600;
}
.our-clients {
padding: 1rem 0 1.3rem 0;
}
.our-clients h2 {
font-size: 0.26rem;
line-height: 0.36rem;
margin-bottom: 0.4rem;
}
.about-resources {
padding: 0 0 0.5rem 0;
}
.about-resources-container {
width: 100%;
padding: 0 0.3rem 0.8rem;
display: flex;
flex-direction: column-reverse;
border-radius: 0;
}
.about-resources .resources-wrapper {
flex-direction: column;
}
.resources-wrapper {
padding: 0;
}
.about-gas {
background: #efefef;
}
.about-gas-img-cont {
position: initial;
width: 100%;
height: 3.8rem;
border-radius: 0;
top: auto;
transform: translateY(-0.5rem);
}
.about-resources-left-col {
padding: 0;
box-shadow: none;
width: 100%;
margin-left: 0;
}
.about-resources-left-col::after {
content: "";
display: block;
width: 100%;
height: 2.8rem;
background: linear-gradient(
180deg,
rgba(240, 240, 240, 0) 55.18%,
rgba(240, 240, 240, 0.6) 87.5%
),
linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.resources-wrapper > div {
width: 100%;
}
.resources-wrapper,
.about-electro .resources-wrapper {
padding: 0 0.25rem;
}
.about-resources-right-col {
margin: -0.4rem 0 0.3rem 0;
position: relative;
z-index: 1;
padding: 0;
}
.about-resources-right-col h2 {
font-size: 0.26rem;
line-height: 0.36rem;
margin-bottom: 0.1rem;
}
.about-resources-descr {
font-size: 0.15rem;
margin-bottom: 0.25rem;
}
.about-resources-adv-list > li {
width: 100%;
display: flex;
align-items: center;
padding: 0.1rem 0 0.1rem 0;
}
.about-resources-adv-list > li:not(:last-child) {
margin-right: 0;
}
.about-resources-adv-icon-cont {
margin-bottom: 0;
margin-right: 0.2rem;
}
.about-resources-adv-descr {
max-width: 2rem;
}
.about-resources-adv-list {
width: 100%;
flex-direction: column;
}
.resources-btns-container {
flex-direction: column;
}
.resources-btn {
width: 100%;
text-align: center;
}
.resources-btns-container > a:not(:last-child) {
margin-right: 0;
margin-bottom: 0.2rem;
}
.about-resources-descr-cont {
padding: 0.35rem 0.25rem;
background: #fff;
box-shadow: 0 0.04rem 0.5rem rgba(17, 17, 17, 0.05);
border-radius: 0.2rem;
}
.about-electro .about-resources-right-col {
padding: 0;
}
.about-electro .about-resources-left-col::after {
display: none; } .about-gas .about-resources-container {
flex-direction: column;
}
.last-news {
padding: 1rem 0 0 0;
}
.last-news .wrapper {
padding: 0;
}
.last-news h2 {
font-size: 0.26rem;
line-height: 0.36rem;
margin-bottom: 0.6rem;
}
.last-news-mobile-wrapper {
overflow: auto;
padding: 0 0 0 0.15rem;
}
.last-news-list {
flex-wrap: nowrap;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.last-news-list > li {
width: 3.25rem;
margin: 0 0.15rem 0 0;
}
.last-news-list > li:nth-of-type(3n-1) {
margin: 0 0.15rem 0 0;
}
.read-more-btn-container {
margin-top: 0.36rem;
padding: 0 0.25rem 0 0;
}
.cooperation {
padding: 0.4rem 0 1rem 0;
}
.cooperation .about-item-descr {
max-width: 100%;
}
.cooperation .about-icon-cont {
display: none;
}
.cooperation-heading {
padding: 0.1rem 0;
margin-bottom: 0.2rem;
}
.cooperation .wrapper {
flex-direction: column;
}
.section-title {
font-size: 0.22rem;
line-height: 0.32rem;
}
.cooperation-wrapper {
padding: 0.4rem 0.25rem 0 0.25rem;
height: auto;
flex-direction: column;
}
.coop-item-left-col {
margin-right: 0;
}
.cooperation-left-col {
margin-bottom: 0.4rem;
}
.back-btn {
display: none;
}
.consumers-page {
padding: 1.2rem 0 0.4rem 0;
}
.intro-consumers {
max-width: 100%;
margin-bottom: 0.6rem;
padding: 0 0.25rem;
}
.intro-consumers p {
font-size: 0.15rem;
}
.consumers-section {
padding: 0 0.15rem;
margin-bottom: 0.6rem;
}
.consumers-title {
font-size: 0.2rem;
line-height: 0.3rem;
margin-bottom: 0.3rem;
padding: 0 0.1rem;
}
.consumers-docs-list {
grid-gap: 0.1rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.cons-doc-link {
padding: 0.15rem;
}
.cons-doc-title {
font-weight: bold;
font-size: 0.14rem;
line-height: 0.24rem;
}
.post-type-archive {
background: #f0f0f0;
}
.post-type-archive .main-header {
box-shadow: none;
}
.blog-content {
padding: 0.85rem 0 1rem 0;
}
.blog-content .last-news-list {
width: 100%;
flex-direction: column;
flex-wrap: wrap;
}
.blog-content .last-news-list {
padding: 0 0.15rem;
}
.blog-content .last-news-list > li {
width: 100%;
margin-bottom: 0.2rem;
}
.news-item-thumb-container {
height: 2rem;
}
.news-item-descr {
position: initial;
}
.news-item-title {
max-width: 2.5rem;
}
.blog-wrapper,
.blog-article-title {
width: 100%;
}
.blog-wrapper {
padding: 0 0.25rem;
}
.also-read {
display: none;
}
.blog-single {
padding: 1rem 0;
}
.blog-article-date-publicate {
font-size: 0.13rem;
line-height: 0.22rem;
margin-bottom: 0.1rem;
}
.single-blog-editor p,
.single-blog-editor ul > li,
.single-blog-editor ol > li {
font-size: 0.17rem;
line-height: 0.28rem;
}
.text p.img-cont {
margin: 0;
}
.img-cont,
.single-blog-editor img {
width: calc(100% + 0.5rem) !important;
margin-left: -0.25rem !important;
}
.single-blog-editor h2 {
font-size: 0.2rem;
line-height: 0.3rem;
}
.single-blog-editor h3 {
font-size: 0.18rem;
line-height: 0.28rem;
}
.single-blog-editor h4 {
font-size: 0.15rem;
line-height: 0.24rem;
}
.single-blog-editor {
margin-bottom: 0.4rem;
}
.share-post {
padding: 0.05rem;
}
.form-container {
width: calc(100% - 0.3rem);
padding: 0.8rem 0.2rem 0.2rem;
border-radius: 0.2rem;
}
#form_submit_btn {
padding: 0.14rem 0.5rem;
}
.success-mssg {
width: 100%;
padding: 0 0 0.6rem;
}
.map-container {
width: calc(100% - 0.2rem);
height: calc(100% - 0.2rem);
border-radius: 0.1rem;
} .traders {
padding: 0;
margin-bottom: 0;
}
.traders-container {
width: 100%;
padding: 0; box-shadow: none;
}
.traders-img-container {
width: 100%;
height: 2rem;
border-radius: 0;
position: relative;
left: 0;
top: 0;
margin-bottom: 0;
}
.traders-img-container img {
height: 100%;
}
.traders-container {
border-radius: 0;
padding: 0 0.2rem 0.8rem;
} .traders-descr-cont h2 {
font-size: 0.26rem;
line-height: 0.36rem;
margin-bottom: 0.1rem;
}
.traders-descr-cont p {
font-size: 0.15rem;
line-height: 0.26rem;
}
.traders-adv-descr-col {
width: 2.65rem;
}
.traders-adv-list {
flex-direction: column;
align-items: center;
justify-content: center;
}
.traders-adv-list > li:not(:last-child) {
margin-right: 0;
margin-bottom: 0.3rem;
}
}.js-ticker{overflow:hidden}.js-ticker-track{white-space:nowrap}.js-ticker-item{white-space:normal;height:100%;vertical-align:top;display:inline-block;position:relative}@supports ((display: -webkit-box) or (display: flex)){.js-ticker-track{position:relative;white-space:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.js-ticker-item{height:auto;display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.js-ticker.active .js-ticker-track{display:-webkit-box;display:-ms-flexbox;display:flex}.js-ticker.active .js-ticker-item{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}