@charset "UTF-8";

@font-face {
font-family: 'Earth Prototype';
src: url(//hybridelectro.by/wp-content/themes/he/fonts/12561.eot);
src: local("☺"), url(//hybridelectro.by/wp-content/themes/he/fonts/12561.woff) format("woff"), url(//hybridelectro.by/wp-content/themes/he/fonts/12561.ttf) format("truetype"), url(//hybridelectro.by/wp-content/themes/he/fonts/12561.svg) format("svg");
font-weight: normal;
font-style: normal; }  body { color: #081327; }
a {
color: #17c2ec; } .top-menu {
background-color: rgba(255, 255, 255, 0.85);
box-shadow: 0px 1px 50px 4px rgba(14, 26, 43, 0.25);
min-height: 90px;
z-index: 999; }
.top-menu .nav-item .nav-link {
font-family: "Roboto", sans-serif;
font-size: 1.1rem;
font-weight: 700;
color: #081327;
padding: 0.5em 0;
margin: 0.5em; }
.top-menu .nav-item.current-menu-item .nav-link {
border-bottom: 2px solid #17c2ec; }
.header-phone {
}
.header-phone a {
color: #081327;
font-family: "Earth Prototype", sans-serif}
.header-phone a span {
font-size: 0.8rem;
color: #505153; }
.main-logo img {
width: 150px; } .video-background {
position: relative;
background-color: black;
height: 65vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0px 1px 50px 4px rgba(14, 26, 43, 0.35);
-moz-box-shadow: 0px 1px 50px 4px rgba(14, 26, 43, 0.35);
box-shadow: i0px 1px 50px 4px rgba(14, 26, 43, 0.35); }
.video-background .container {
position: relative;
z-index: 2; }
.video-background .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.85);
z-index: 1; }
.video-background video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.video-background__content h1 {
font-family: "Earth Prototype", sans-serif;
text-align: left;
font-size: 1.7em; }
.video-background__content img {
width: 420px; } .heading {
padding-top: 55px;}
.heading h1 {
text-transform: uppercase;}
@media (max-width:414px){
.heading h1 {
font-size:2rem;}    
}
@media (max-width:360px){
.heading h1 {
font-size:1.7rem;}    
} .about {
padding: 55px 0; 
line-height: normal;}
.about h2, .section-subtitle, .home_services h2 {
font-family: "Earth Prototype", sans-serif;
color: #081327;
margin-bottom: 30px; }
.about h2 span, .home_services h2 span {
color: #17c2ec; }
.about .about__description p {  
margin-bottom: 2rem; }
.about .about__description ul {
padding: 0;
margin: 0;
-webkit-columns: 2;
-moz-columns: 2;
-ms-columns: 2;
-o-columns: 2;
columns: 2; }
.about .about__description ul li {
list-style: none;
margin-bottom: 20px; }
.about .about__description ul li::before {
content: "— "; }
.about .about__img {
-webkit-box-shadow: 0px 8px 26px 0px #dfdfdf;
-moz-box-shadow: 0px 8px 26px 0px #dfdfdf;
box-shadow: 0px 8px 26px 0px #dfdfdf; }
.about-section-text h3{
margin-bottom: 2rem;
} 
.section-description {
margin-bottom: 3rem;
} .benefits {
margin-top: 3.5em;
background: url(//hybridelectro.by/wp-content/themes/he/img/h-element.png) left bottom no-repeat; }
.benefits h2 {
font-family: "Earth Prototype", sans-serif;
font-size: 1.875em;
position: relative;
z-index: 1;
margin-bottom: 3.5em; }
.benefits h2 span {
color: #17c2ec; }
.benefits h2::before {
content: url(//hybridelectro.by/wp-content/themes/he/img/benefit.png);
position: absolute;
z-index: -1;
top: -1.375em; }
.benefits__list {
margin-bottom: 5em;
text-align: center; }
.benefits__list .benefit h5 {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 2em; }
.benefits__list .benefit img {
margin-bottom: 3em;
-webkit-box-shadow: 0px 8px 26px 0px #dfdfdf;
-moz-box-shadow: 0px 8px 26px 0px #dfdfdf;
box-shadow: 0px 8px 26px 0px #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
padding: .5em;
background-color: #081327;
border: 0.5em solid #17c2ec;
max-width: 230px; }
.home_services {
background-color: #f8f8f8;
} .news__list {
padding: 3em 0 5em;
background: linear-gradient(309deg, #1593b5, #126985);
background-size: 400% 400%;
-webkit-animation: h_gradient 18s ease infinite;
-moz-animation: h_gradient 18s ease infinite;
-o-animation: h_gradient 18s ease infinite;
animation: h_gradient 18s ease infinite; }
@-webkit-keyframes h_gradient {
0% {
background-position: 9% 0%; }
50% {
background-position: 92% 100%; }
100% {
background-position: 9% 0%; } }
@-moz-keyframes h_gradient {
0% {
background-position: 9% 0%; }
50% {
background-position: 92% 100%; }
100% {
background-position: 9% 0%; } }
@-o-keyframes h_gradient {
0% {
background-position: 9% 0%; }
50% {
background-position: 92% 100%; }
100% {
background-position: 9% 0%; } }
@keyframes h_gradient {
0% {
background-position: 9% 0%; }
50% {
background-position: 92% 100%; }
100% {
background-position: 9% 0%; } }
.news__list h2 {
font-family: "Earth Prototype", sans-serif;
padding: 1em 0 2em; }
.news__list h2 span {
color: #fff; }
.news__list--element {
position: relative;
overflow: hidden;
margin-bottom: 2em; }
.news__list--element picture {
display: block; }
.news__list--element picture img {
width: 100%;
max-width: 100%;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.news__list--element:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.news__list--content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
color: #fff; }
.news__list--content a {
font-weight: 100;
line-height: normal;
position: absolute;
top: 3.75rem;
right: 2rem;
left: 2.25rem;
color: #fff; }
.news__list--content .news-date {
font-size: .875em;
position: relative;
color: #ccc;
top: 2.25rem;
left: 2.25rem; }
.news__list--content .news-date fa {
font-size: .675em; }
.news__list--content .price-details {
font-size: .875em;
position: absolute;
color: #17c2ec;
bottom: 2.25rem;
left: 2.25rem; }
.news__list--content .price-details::after {
content: '';
background: #0f1b2b;
padding: .7rem;
width: 100%;
display: inherit;
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px; }
.news__list--content .price-details .price,
.price-none {
font-weight: 700;
font-size: 1.5rem;
z-index: 2;
position: relative; }
.news__list--content .price-details .price::after {
content: ' BYN';
font-size: 0.7em;
font-weight: 400; }
.news__list--content .price-details .price em {
font-style: normal;
font-weight: 400;
font-size: 1rem; } .category__item {
margin: 2em 0;
padding: 1em;
-webkit-transition: all .33s;
-moz-transition: all .33s;
-ms-transition: all .33s;
-o-transition: all .33s;
transition: all .33s; }
.category__item:hover {
-webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1); }
.category__item .entry-title a {
color: #081327; }
.category__item .btn-he {
background: #081327;
color: #fff; }
.category__item .btn-he:hover {
background: #1c3563;
color: #fff; }
.category__item .data {
position: absolute;
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.6);
color: #001327; }
.category__item .day, .category__item .month, .category__item .year {
position: absolute; }
.category__item .day {
font-size: 30px;
top: 25px; }
.category__item .month {
top: 0;
left: 0;
font-size: 18px; }
.category__item .year {
top: 17px;
right: 0;
font-size: 20px;
rotation: -90deg !important;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg); }
.category__item .cat-item__description {
position: relative; }
.category__item .cat-item__description .more-link {
position: absolute;
right: 20px;
bottom: 0px; } .team__list {
padding: 5em 0 3em;
background: url(//hybridelectro.by/img/team_bg.jpg) center no-repeat;
-webkit-background-size: cover;
background-size: cover; }
.team__list h2 {
font-family: "Earth Prototype", sans-serif;
font-size: 1.875em;
position: relative;
z-index: 1;
margin-bottom: 3.5em; }
.team__list h2 span {
color: #17c2ec; }
.team__elements {
margin-bottom: 0; }
.team__elements--element {
position: relative;
margin-bottom: 2em; }
.team__elements--element picture {
display: block; }
.team__elements--element picture img {
width: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.team__elements--element:hover img {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px); }
.team__elements .team-content {
position: relative;
background: #201327;
color: #fff;
bottom: 40px;
padding: 0.5em 1em;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;
text-align: center; }
.team__elements .team-content .team-name {
font-size: 1.725em; }
.team__elements .team-content .team-seat {
font-size: .875em;
color: #17c2ec; } .breadcrumbs__link {
color: #121a2a; }
.content-area {
padding: 5em 0; }
.video__posts {
margin-top: 3rem; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.media-img {
max-width: 100% !important; }
.column-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-count: 2; }
.column-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.actionsBadge {
background: url(//hybridelectro.by/wp-content/themes/he/img/actions.png) no-repeat center center;
height: 114px;
position: absolute;
top: 25px;
right: -2px;
width: 113px; }
.actionsBadge span {
color: #FFFFFF;
font-size: 12px;
margin: 23px 0 0 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
vertical-align: top;
white-space: nowrap;
text-align: center;
padding-left: 10px; } .side__nav {
position: sticky;
position: -webkit-sticky;
top: 1rem;
-webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
padding: 2em 0 0 1.5em; }
.side__nav .widget-title {
text-align: center;
font-size: 1.4em;
margin-bottom: 1em; }
.side__nav .menu {
list-style: none;
position: relative;
padding: 25px 50px 25px 70px;
background-color: #eef7f6; }
.side__nav .menu li {
padding: .5em 1em; }
.side__nav .menu li.current-menu-item {
margin-left: 1.5em; }
.side__nav .menu li.current-menu-item::before {
content: '\f0a4';
display: inline-block;
font: normal normal normal 14px/1 "Font Awesome 5 Pro";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 0.5em;
margin-left: -1.5em; }
.side__nav .menu a {
color: #081327; }
.side__nav .menu::after {
content: '';
position: absolute;
width: 50px;
background: url(//hybridelectro.by/wp-content/themes/he/img/graphics_vertical.png) -55px 0 no-repeat;
background-size: 1000px 100%;
bottom: 0;
top: -1px;
bottom: -1px;
left: -1px; }
.price__parts {
border: 5px solid #121b2b;
padding: 2rem 1rem 1.5rem;
background: #6fc1e9;
color: #fff;
-webkit-box-shadow: 0px 8px 26px 0px #dfdfdf;
-moz-box-shadow: 0px 8px 26px 0px #dfdfdf;
box-shadow: 0px 8px 26px 0px #dfdfdf; }
.price__parts .call-us {
text-align: center;
font-size: 1.2em;
margin: 1em 0 0; }
.price__parts .call-us a {
color: #081327;
font-weight: 700; } footer {
background-color: #0f1b2b;
color: #e2dede; }
footer h6 {
text-transform: uppercase;
padding: 1.875em 0 1.125em;
font-size: 1.125em; }
.footer__elements {
padding: 3em 0 2em; }
.footer__elements p {
font-weight: 400; }
.footer__elements ul.worktime {
padding: 0;
list-style: none; }
.footer__elements ul.worktime li {
font-size: 1.125em;
padding-bottom: 1.725em; }
.footer__elements ul.worktime li:last-child {
padding-bottom: 0; }
.social__icons {
cursor: default;
padding: 0;
margin: 1.5em 0; }
.social__icons li {
display: inline-block;
font-size: 1.375em;
line-height: 1em;
padding-right: 0.5em; }
.social__icons li a {
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border-radius: 100%;
border: solid 1px rgba(224, 224, 224, 0.75);
display: inline-block;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
color: #fff; }
.social__icons li a:hover {
background: rgba(224, 224, 224, 0.15);
text-decoration: none; }
.social__icons li .icon > .label {
display: none; }
.footer__phones {
font-size: 1.125em; }
.footer__phones--phone {
margin-bottom: 3em; }
.footer__phones--phone:last-child {
margin-bottom: 0; }
.footer__phones--phone a {
font-size: 1.750em;
color: #fff;
font-weight: 500;
display: block; }
.footer__phones--phone a span {
font-size: .575em;
font-weight: 100; }
.post-footer {
background: #070d16; }
.post-footer p {
text-align: center;
color: #988a8a;
padding: 2em 0 1.5em;
margin-bottom: 0; }
.entry-footer {
background: none; } @media (max-width: 575.98px) {
.video-background__content h1 {
text-align: center;
margin-top: 2em; }
.about__description {
margin-bottom: 2em; }
.benefits {
background: url(//hybridelectro.by/wp-content/themes/he/img/h-element.png) left center no-repeat; }
.benefits h2::before {
content: none; }
.breadcrumbs {
margin-bottom: 1em; }
.category__item h2 {
font-size: 1.5rem; }
.category__item .entry-content {
margin-top: 1em; }
.category__item .cat-item__description .more-link {
position: initial;
display: block;
margin-top: 1em; } } .img-featured-container {
overflow: hidden;
position: relative;
}
.img-featured-container img {
width: 100%; }
.img-featured-container .img-backdrop {
background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0;
transition: all 0.3s ease;
}
.img-featured-container:hover > .img-backdrop {
opacity: 1;
} .img-featured-container .description-container {
color: #fff;
font-size: 16px;
line-height: 1.2;
padding: 0 30px;
text-align: center;
line-height: 20px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-style: preserve-3d;
z-index: 2;
opacity: 0;
transition: all .2s ease;
}
.img-featured-container .description-container .fa-instagram {
font-size: 40px;
}
.img-featured-container .description-container p {
font-weight: 300;
margin-bottom: 0;
}
.img-featured-container:hover .description-container {
opacity: 1;
}
.img-featured-container .description-container .caption {
display: none;
margin-bottom: 10px;
}
.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
margin: 0 5px;
} #btn-instafeed-load {
color: #fff;
background: #26a3ff;
font-size: 16px;
margin: 20px auto;
padding: 8px 40px;
display: block;
border: none;
} @media screen and (min-width:768px) {
.img-featured-container .description-container .caption {
display: block;
}
}