html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} :focus {
outline: 0;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
p{
text-indent:25px !important;
}
p,span,div{
text-align:justify;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
} img {
border: 0; -ms-interpolation-mode: bicubic; } figure {
margin: 0;
} form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}@font-face {
font-family: 'Gilroy Regular';
src: url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Gilroy-Regular.eot);
src: url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Gilroy-Regular.woff) format('woff'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Gilroy-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Raleway Regular';
src: url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Raleway-Regular.eot);
src: url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Raleway-Regular.eot?#iefix) format('embedded-opentype'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Raleway-Regular.woff) format('woff'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Raleway-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: local('Jost Light'), local('Jost-Light'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Light.woff2) format('woff2'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Light.woff) format('woff'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: local('Jost Regular'), local('Jost-Regular'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Regular.woff2) format('woff2'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Regular.woff) format('woff'),
url(//kontakt-gas.com/wp-content/themes/gas/assets/fonts/Jost-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
a {
text-decoration: none;
color: #535353;
}
#primary {
margin-top: 250px;
}
header {
display: flex;
width: 100%;
flex-direction: column;
position: fixed;
top: 0;
z-index: 99999999999;
background: white;
}
.wrap-head {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
position: relative;
}
img {
max-width: 100%;
}
.menu {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
background: #09B1F6;
padding: 11px;
position: relative;
cursor: pointer;
}
.menu span {
position: absolute;
height: 2px;
width: 80%;
background: white;
top: 5px;
}
.menu span::before {
content: '';
position: absolute;
height: 2px;
width: 100%;
background: white;
top: 8px;
}
.menu span::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
background: white;
top: 11px;
}
.menu img {
width: 100%;
}
.logo {
position: absolute;
left: 100px;
top: 0px;
z-index: 7;
}
.logo img {
width: 75%;
transition: .5s all;
}
.launguage-switch {
font-family: 'Jost';
font-weight: 700;
display: flex;
width: 10%;
justify-content: space-around;
z-index: 999;
}
.main-text-info>p {
margin-top: 5px;
text-indent: 15px;
}
.lang-item a {
cursor: pointer;
z-index: 3;
transition: 0.3s;
text-transform: uppercase;
}
.lang-item a:hover {
color: #3ABAEF;
}
.current-lang a {
color: #3ABAEF;
}
.communication {
font-family: 'Jost';
display: flex;
width: 40%;
justify-content: space-between;
align-items: center;
}
.email,
.phone {
font-weight: 600;
position: relative;
}
.email::before {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/email.svg);
position: absolute;
left: -25px;
top: 2px;
}
.phone::before {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/phone.svg);
position: absolute;
left: -25px;
top: 2px;
}
.callback {
display: flex;
justify-content: center;
align-items: center;
background: #09B1F6;
padding: 20px 25px;
color: white;
text-transform: uppercase;
font-weight: 700;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
cursor: pointer;
}
.callback:hover {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
}
@-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.main-head {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
position: relative; z-index: 0;
margin-top: 50px;
}
.bg-gradient {
position: absolute;
top: 0;
z-index: 1;
}
.bg-gradient img {
width: 100%;
}
.info-head {
display: flex;
flex-direction: column;
width: 45%;
margin: 0 auto;
position: relative;
z-index: 4;
margin-top: 120px;
}
.bg-info-head {
position: absolute;
top: 0;
z-index: 1;
}
.bg-info-head img {
width: 100%;
}
.title-info {
font-family: 'Jost';
font-size: 30px;
font-weight: 300;
color: white;
text-align:left;
}
.title-info span {
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid;
}
.text-info {
font-family: 'Gilroy Regular';
color: white;
font-size: 16px;
text-align: justify;
line-height: 24px;
margin-top: 30px;
}
.btn-read {
display: flex;
justify-content: center;
align-items: center;
padding: 14px 0;
color: #373F41;
background-color: white;
width: 260px;
font-family: 'Jost';
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-top: 25px;
transition: 0.5s;
cursor: pointer;
}
.btn-read:hover {
background-color: #2098D1;
color: white;
transform: scale(1.1);
transition: 0, 3s;
}
.info-img {
width: 50%;
position: relative;
z-index: 4;
}
.info-img img {
width: 100%;
}
.bg-img {
overflow: hidden;
position: relative;
width: 100%; }
.product-img {}
.product-img img {
position: absolute;
top: 10%;
left: 9%;
width: 85%; }
.popup-wrap {
z-index: 999;
}
.popup-mission {
display: flex;
background: #09B1F6;
width: 75%;
margin: 0 auto;
justify-content: center;
flex-direction: column;
padding: 20px 0;
text-align: center;
font-family: 'Jost';
font-weight: 700;
line-height: 30px;
color: white;
font-size: 20px;
-webkit-box-shadow: 0px 6px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 6px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 6px 8px 0px rgba(34, 60, 80, 0.2);
position: relative;
text-transform: uppercase;
}
.popup-mission::before {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/leftq.png);
position: absolute;
bottom: 1%;
left: 1%;
}
.popup-mission::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/leftq.png);
position: absolute;
top: 7%;
right: 1%;
}
.popup-mission span {
color: black;
border-bottom: 1px solid;
}
.popup-title {
position: absolute;
top: -30%;
color: #09B1F6;
text-transform: uppercase;
font-size: 40px;
font-family: 'Jost';
font-weight: 700;
z-index: 99999999;
text-shadow: 0 0 black;
}
.popup-text {
margin: 0 auto;
width: 70%;
text-align:center;
}
.prod-section {
display: flex;
width: 96%;
margin: 0 auto;
margin-top: 65px;
}
.production-wrap {
display: flex;
width: 100%;
align-items: flex-start;
}
.production-category {
display: flex;
flex-direction: column;
width: 28%; background: linear-gradient(180deg, #F3F5F8 0%, #CCD0D7 100.35%, #BFBFBF 100.36%, #DDDEDD 100.37%);
box-shadow: 0px 4px 4px rgba(53, 91, 100, 0.1), 0px 4px 50px #A7AEB9;
}
.prod-title {
font-family: 'Raleway Regular';
padding: 20px;
font-size: 17px;
font-weight: 700;
line-height: 30px;
position: relative;
cursor: pointer;
transition: 0.5s;
background: transparent;
display: flex;
text-align: left;
z-index: 0;
}
.prod-title:hover { color: white;
background: #0BA9EA;
}
.selected {
color: white;
background: #0BA9EA;
}
.prod-title::before {
content:
'';
background: #0BA9EA;
position: absolute;
width: 8px;
left: 5px;
top: 45%;
height: 8px;
transition: 0.3s;
}
.prod-title:hover::before {
height: 80%;
background: white;
width: 3px;
top: 10%;
}
.selected::before {
height: 80%;
background: white;
width: 3px;
top: 10%;
}
.product-wrap {
display: flex;
flex-direction: column;
width: 67%;
margin: 0 auto;
}
.breadcrumbs {
font-family: Jost;
font-style: normal;
font-weight: 700;
font-size: 14px; display: flex;
align-items: baseline;
letter-spacing: 0.3px;
color: #373F41;
display: flex;
flex-wrap: wrap;
width: 96%;
margin: 0 auto;
margin-top: 25px;
text-align: left;
}
.breadcrumbs a {
padding: 0 10px;
}
.breadcrumbs a::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/bread.png);
margin-left: 5px;
}
.product-head {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.breadcrumbs a:last-child::after {
display: none;
}
.video {
position: relative;
}
.video>.video_preloader {
position: absolute;
left: 0;
top: 0%;
width: 100%;
height: 100%;
z-index: 8;
background: white;
}
.video_preloader>img {
position: absolute;
left: 0;
top: 0%;
width: 100%;
height: 100%;
transition: .5s all;
opacity: .8;
}
.video-slider .slick-current {
transform: scale(1.35);
position: relative;
z-index: 1;
}
.video-section .slick-track {
padding: 40px 0;
}
.slick-slide {
transition: 0.5s all;
}
.slick-current .video_preloader>img {
opacity: 1 !important;
}
.play_btn {
position: absolute;
width: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
transition: .3s;
opacity: .9;
}
.play_btn:hover {
opacity: 1;
}
.products-wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
margin-top: 20px;
}
.product-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 23%;
margin-bottom: 25px;
background: #F3F5F8;
box-shadow: -10px -10px 20px #FFFFFF, 2px 2px 20px rgba(166, 180, 200, 0.7);
padding: 10px 0;
transition: .5s all;
cursor: pointer;
}
.product-item:hover {
transform: scale(1.1);
}
.prod-img {
text-align: center;
padding: 5px;
}
.prod-img img {
width: 95%;
margin: 0 auto;
}
.prod-name {
font-family: 'Raleway Regular';
color: #373F41;
font-weight: 400;
font-size: 14px;
width: 95%;
margin: 0 auto;
text-align: center;
line-height: 20px;
}
.prod-model {
font-family: 'Raleway Regular';
color: #09B1F6;
font-size: 18px;
font-weight: 700;
margin-top: 10px;
text-align: center;
}
.arrow-readmore {
margin-top: 15px;
cursor: pointer;
}
.title {
font-family: 'Jost';
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
border-left: 3px solid #0BA9EA;
padding: 0 10px;
}
.view-all {
width: 17%;
text-transform: uppercase;
font-family: 'Jost';
font-weight: 700;
font-size: 14px;
color: #355B64;
padding: 15px 25px;
border: 1px solid;
position: relative;
cursor: pointer;
transition: 0.5s;
}
.view-all::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/Vector.png);
position: absolute;
right: 7%;
}
.view-all:hover {
background-color: #0BA9EA;
;
color: white;
} .patents-section {
display: flex;
flex-direction: column;
width: 96%;
margin: 0 auto;
margin-top: 65px;
}
.head-patent {
font-family: 'Jost';
font-weight: 700;
font-size: 21px;
color: #373F41;
border-left: 3px solid #0BA9EA;
padding: 0 10px;
}
.patents-wrap {
display: flex;
width: 100%;
align-items: flex-start;
}
.info-patent {
display: flex;
flex-direction: column;
width: 40%;
margin-top: 25px;
padding: 15px;
background: #F3F5F8;
box-shadow: -10px -10px 20px #FFFFFF, 2px 2px 20px rgba(166, 180, 200, 0.7);
}
.sertificates .info-patent{
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.sertificates .patent-btn{
width:unset !important;
padding-right:45px;
}
.text-patent {
font-family: 'Jost';
font-size: 16px;
text-align: justify;
}
.text-patent>p{
line-height:24px;
}
.text-patent span {
font-weight: 700;
}
.patent-btn {
width: 25%;
text-transform: uppercase;
font-family: 'Jost';
font-weight: 700;
font-size: 14px;
color: #355B64;
padding: 15px 25px;
border: 1px solid;
position: relative;
margin-top: 15px;
cursor: pointer;
transition: 0.5s;
}
.patent-btn::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/Vector.png);
position: absolute;
right: 7%;
}
.patent-btn:hover {
background-color: #0BA9EA;
;
color: white;
}
.patents-slider {
width: 55%;
margin: 0 auto;
}
.patent-img {
width: 22%;
}
.patent-img img {
width: 100%;
}
.news-section {
display: flex;
flex-direction: column;
width: 96%;
margin: 0 auto;
margin-top: 100px;
}
.head-wrap {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.categories {
display: flex;
flex-wrap: wrap;
width: 50%;
justify-content: space-between;
margin-top: 55px;
align-self: center;
}
.cats {
cursor: pointer;
font-family: 'Jost';
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
padding: 20px;
display: flex;
align-items: center;
width: 12%;
text-align: center;
justify-content: center;
letter-spacing: 0.3px;
color: #09B1F6;
background: #F3F5F8;
box-shadow: -10px -10px 20px #FFFFFF, 2px 2px 20px rgba(166, 180, 200, 0.7);
margin-bottom: 15px;
transition: 0.4s;
}
.cats:hover {
transform: scale(1.1);
}
.news-head {
font-family: 'Jost';
font-weight: 700;
font-size: 21px;
color: #373F41;
border-left: 3px solid #0BA9EA;
padding: 0 10px;
}
.news-btn {
width: 10%;
text-transform: uppercase;
font-family: 'Jost';
font-weight: 700;
font-size: 14px;
color: #355B64;
padding: 15px 25px;
border: 1px solid;
position: relative;
margin-top: 15px;
cursor: pointer;
transition: 0.5s;
}
.news-btn::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/Vector.png);
position: absolute;
right: 7%;
}
.news-btn:hover {
background-color: #0BA9EA;
;
color: white;
}
.news-wrap {
display: flex;
width: 100%;
justify-content: flex-start;
margin-top: 65px;
}
.news {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
cursor: pointer;
width: 18%;
}
.data-news {
font-family: 'Jost';
font-weight: 500;
font-size: 14px;
color: #737B7D;
position: relative;
padding: 0 10px;
}
.data-news::before {
content:
'';
background: #0BA9EA;
position: absolute;
width: 8px;
left: 0px;
top: 24%;
height: 8px;
transition: 0.3s;
}
.news-title {
font-family: 'Jost';
font-weight: 600;
font-size: 16px;
color: #373F41;
padding: 20px 0;
text-align: center;
}
.patent-btn-mobile {
width: 35%;
text-transform: uppercase;
font-family: 'Jost';
font-weight: 700;
font-size: 15px;
color: #355B64;
padding: 15px 25px;
border: 1px solid;
position: relative;
margin-top: 15px;
display: none;
}
.patent-btn-mobile::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/Vector.png);
position: absolute;
right: 7%;
}
.news-image {
display: flex;
width: 100%;
}
.news-image img {
width: 94%;
}
.video-section {
position: relative;
display: flex;
flex-direction: column;
width: 96%;
margin: 0 auto;
margin-top: 85px;
background: linear-gradient(180deg, #F3F5F8 0%, #CCD0D7 100.35%, #BFBFBF 100.36%, #DDDEDD 100.37%);
box-shadow: 0px 4px 4px rgba(53, 91, 100, 0.1), 0px 4px 50px #A7AEB9;
}
.head-video {
font-family: 'Jost';
font-weight: 700;
font-size: 21px;
color: #373F41;
border-bottom: 5px solid #0BA9EA;
border-width: 10%;
padding: 0 10px;
text-align: center;
width: 0%;
margin: 0 auto;
justify-content: center;
display: flex;
padding: 10px;
}
.video-slider {
margin-top: 50px;
}
.video-title {
font-family: 'Raleway Regular';
font-weight: 700;
font-size: 19px;
text-align: center;
width: 50%;
margin: 0 auto;
}
.video-slider-mobile {
display: none !important;
}
.main-info {
display: flex;
width: 96%;
margin: 0 auto;
margin-top: 100px;
}
.main-info-wrap {
display: flex;
width: 100%;
justify-content: space-between;
}
.main-img {
width: 49%;
}
.main-img img {
width: 100%;
}
.main-info-text {
display: flex;
flex-direction: column;
width: 49%;
justify-content: space-between;
}
.input-foot .search-field{
background:transparent !important;
}
.head-main-info {
font-family: 'Raleway Regular';
font-size: 24px;
font-weight: 700;
}
.main-text-info {
font-family: 'Jost';
font-weight: 500;
font-size: 15px;
text-align: justify;
line-height: 24px;
margin-top: 10px;
}
.main-text-info span {
font-weight: 700;
}
.head-list {
font-family: 'Jost';
font-weight: 700;
font-size: 16px;
margin-top: 25px;
}
.list {
font-family: 'Jost';
font-weight: 500;
font-size: 16px;
margin-top: 25px;
}
.list p {
padding: 10px 10px;
position: relative;
margin-left: 10px;
}
.list p::before {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/dot-arrow12.png);
position: absolute;
width: 15px;
height: 15px;
left: -15px;
}
footer {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
background: #355B64;
margin-top: 65px;
}
.footer-wrap {
display: flex;
width: 96%;
margin: 0 auto;
justify-content: space-between;
padding: 30px 0;
}
.logo-inf {
display: flex;
flex-direction: column;
width: 30%;
justify-content: space-between;
}
.logo-foot {
display: flex;
}
.logo-foot img {
width: 50%;
}
.foot-text {
font-family: 'Gilroy Regular';
color: white;
font-size: 17px;
font-weight: 400;
text-align:left;
line-height: 20px;
margin-top: 20px;
}
.social {
display: flex;
justify-content: space-between;
width: 40%;
margin-top: 20px;
}
.menu-footer {
display: flex;
flex-direction: column;
width: 30%;
}
.head-menu {
font-family: 'Jost';
font-size: 22px;
color: white;
}
.foot-search {
width: 75%;
padding: 15px;
background-color: #355B64;
border: 1px solid #C3CBCD;
color: #C3CBCD;
}
.input-foot {
display: flex;
}
input::-webkit-input-placeholder {
color: white;
}
.btn-submit:hover {}
.contact-footer {
display: flex;
flex-direction: column;
width: 30%;
justify-content: space-between;
}
.contact-head {
font-family: 'Jost';
font-size: 22px;
color: white;
text-transform: uppercase;
}
.contacts {
display: flex;
}
.cont-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.cont-wrap a {
color: white;
font-family: 'Jost';
padding: 5px;
}
.img-con {
justify-content: center;
display: flex;
}
.email-foot {
display: flex;
align-items: center;
}
.email-foot a {
color: white;
font-family: 'Jost';
padding: 10px;
}
.loc-foot {
display: flex;
align-items: center;
}
.loc-text {
color: white;
font-family: 'Jost';
padding: 10px;
}
.bg-mobile {
display: none;
}
.bg-mobile img {
width: 100%;
}
.callback-mobile {
display: none;
background-color: #09B1F6;
cursor: pointer;
padding: 20px;
}
.selected-launguage {
font-family: 'Jost';
font-weight: 700;
display: none;
position: relative;
color: #09B1F6;
}
.selected-launguage::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/langarrow.png);
position: absolute;
right: -15px;
bottom: 5px;
}
.title-mobile {
font-family: 'Jost';
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
border-left: 3px solid #0BA9EA;
padding: 0 10px;
display: none;
} .menu-hover {
display: flex;
flex-direction: column;
height: 100%;
width: 0;
position: fixed;
top: 0;
left: 0;
background-color: #09B1F6;
overflow-x: hidden;
transition: 0.5s;
z-index: 99999;
}
.list-hover {
display: none;
flex-direction: column;
margin-top: 5%;
transition: .3 all;
}
.list-hover li {
padding: 15px;
}
.list-hover a {
padding: 10px;
font-family: 'Jost';
font-size: 30px;
color: white;
text-transform: uppercase;
font-weight: 700;
margin-left: 10px;
position: relative;
}
.list-hover a::before {
content: '';
background: white;
position: absolute;
width: 8px;
left: -5px;
height: 8px;
transition: 0.3s;
top: 45%;
}
.btn-callus {
display: none;
justify-content: center;
align-items: center;
padding: 25px;
color: #09B1F6;
background: white;
width: 85%;
margin: 0 auto;
text-transform: uppercase;
font-family: 'Jost';
font-size: 15px;
font-weight: 700;
cursor: pointer;
text-align: center;
}
.cross {
display: none;
width: 20.91%;
margin-top: 3.6%;
margin-bottom: 5%;
margin-left: 5%;
cursor: pointer;
}
.menu-rect {
position: absolute;
right: 0;
z-index: -1;
}
.menu-rect img {
width: 50%;
}
.menu-active {
width: 40%;
}  @keyframes menulink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.menu-close {
animation: menuclose .7s cubic-bezier(0.74, 0.07, 0.55, 0.99) both;
animation-delay: .5s;
} .cross img {
width: 20%;
}
.input-menu {
display: none;
width: 90%;
margin: 0 auto;
}
.search-form {
display: flex;
align-items: center;
align-items: flex-start;
}
.search-field {
width: 100%;
padding: 15px;
background-color: #09B1F6;
border: 1px solid #C3CBCD;
color: #C3CBCD;
}
.screen-reader-text {
display: none;
}
.search-submit {
float: left;
padding: 15px;
background: #2196F3;
color: white;
font-size: 17px;
cursor: pointer;
background: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/lupa1.png) no-repeat center;
transition: 0.2s;
color: transparent;
border: none;
}
.selected-category {
display: none;
font-family: 'Raleway Regular';
font-weight: 700;
padding: 15px;
background: linear-gradient(180deg, #F3F5F8 0%, #CCD0D7 100.35%, #BFBFBF 100.36%, #DDDEDD 100.37%);
box-shadow: 0px 4px 4px rgba(53, 91, 100, 0.1), 0px 4px 50px #A7AEB9;
position: relative;
cursor: pointer;
}
.selected-category::after {
content: url(//kontakt-gas.com/wp-content/themes/gas/assets/img/category.png);
position: absolute;
right: 3%;
}
.copyright {
display: flex;
justify-content: center;
border-top: 1px solid #C4C4C4;
padding: 25px;
font-family: 'Raleway Regular';
font-weight: 400;
font-size: 15px;
color: white;
}
.menu-foo {
display: flex;
flex-wrap: wrap;
}
.menu-foo li {
font-family: 'Jost';
font-weight: 700;
font-size: 18px;
color: white;
width: 50%;
padding: 20px 0
}
.menu-foo li a {
font-family: 'Jost';
font-weight: 700;
font-size: 18px;
color: white;
width: 50%;
padding: 20px 0
} #video-slider {
overflow: visible !important;
padding: 20px 0;
margin-top: 20px;
}
.video {
filter: drop-shadow(0 4px 6px #666);
cursor: pointer;
}
.wr-snav {
display: flex;
justify-content: space-between;
width: 100%;
position: absolute;
top: 40%;
z-index: 99;
position: absolute;
z-index: 1;
top: 0;
}
video {
width: 100%;
height: 100%;
}
.snav {
width: 64px;
height: 64px;
line-height: 64px;
color: #BFE2FF;
font: bold 30px "Lucida Grande";
text-align: center;
text-shadow: 0px 1px 0px #f5f5f5;
background: #337AB7;
box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: 0.5s;
border: none;
position: absolute;
top: 230px;
}
.snav-right {
right: 0;
}
.snav:hover {
color: #FFF;
}
.snav-left:hover {
background: #1b4f7c;
transition: 0.5s;
}
.snav-right:hover {
background: #1b4f7c;
transition: 0.5s;
}
.filter-prod {
position: relative
}
.launguage-switch-mob {
display: none;
flex-direction: column;
position: absolute;
}
.sub-prod-list {
display: flex;
flex-direction: column;
font-family: 'Raleway Regular';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.3px;
color: #373F41;
position: absolute;
right: -60px;
background: linear-gradient(180deg, #F3F5F8 0%, #CCD0D7 100.35%, #BFBFBF 100.36%, #DDDEDD 100.37%);
box-shadow: 0px 4px 4px rgb(53 91 100 / 10%), 0px 4px 50px #a7aeb9;
padding: 15px;
top: 0;
transition: .5s all;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.filter-prod:hover .sub-prod-list {
visibility: visible;
opacity: 1;
}
.sub-prod-title {
cursor: pointer;
padding: 10px;
position: relative;
margin-left: 25px;
}
.sub-prod-title::before {
content: '';
position: absolute;
left: -5px;
top: 50%;
height: 1px;
width: 8px;
background: #09B1F6;
}
.rc-anchor {
display: none;
}
#toTop {
display:block;
visibility:visible;
opacity:0.7;
height:45px;
width:45px;
background:url(//kontakt-gas.com/wp-content/themes/gas/assets/img/up-arrow.gif) center top no-repeat;
position:fixed;
bottom:80px;
right:25px;
cursor:pointer;
}
#toTop:hover {
background-position:center bottom;
}
@media(max-width:600px) {
.product-wrap {
width: 97%;
}
.production-category {
width: 100%;
}
.product-item {
width: 48%;
}
.production-wrap {
flex-direction: column;
}
.info-patent {
display: none;
}
.patents-slider {
width: 100%;
}
.patent-btn-mobile {
width: 70%;
margin: 0 auto;
display: flex;
}
.news-image img {
width: 94%;
height: 150px;
}
.news-title {
font-size: 13px;
width: 60%;
text-align: left;
}
.news-btn {
display: none;
}
.main-info-wrap {
flex-direction: column;
}
.main-img {
width: 100%;
}
.main-info-text {
display: flex;
flex-direction: column;
width: 97%;
margin: 0 auto;
line-height: 20px;
margin-top: 15px;
}
.head-main-info {
font-family: 'Raleway Regular';
font-size: 24px;
font-weight: 700;
line-height: 24px;
}
.footer-wrap {
flex-direction: column;
}
.logo-inf {
width: 100%;
align-items: center;
}
.foot-text {
text-align: center;
}
.social {
width: 55%;
}
.menu-footer {
width: 95%;
margin: 0 auto;
margin-top: 35px;
}
.contact-footer {
width: 100%;
margin-top: 35px;
}
.email-foot {
margin-top: 25px;
}
.loc-foot {
margin-top: 25px;
}
.logo-foot img {
width: 80%;
margin: 0 auto;
}
.production-category {
display: none;
}
.selected-category {
display: flex;
}
.callback {
display: none;
}
.email,
.phone {
display: none;
}
.logo {
position: initial;
left: 100px;
margin-left: 10px;
}
.logo img {
width: 35%;
}
.launguage-switch {
width: 65%;
}
.callback-mobile {
display: flex;
justify-content: end;
}
.communication {
justify-content: flex-end;
cursor: pointer;
}
.bg-gradient {
display: none;
}
.bg-mobile {
display: flex;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 116%;
}
.main-head {
flex-direction: column-reverse;
}
.info-img {
width: 99%;
}
.info-head {
width: 90%;
margin-top: 20px;
}
.title-info {
font-size: 28px;
}
.text-info {
font-size: 16px;
}
.popup-text {
margin: 0 auto;
width: 100%;
}
.popup-mission::after {
display: none;
}
.popup-mission::before {
display: none;
}
.popup-mission {
width: 91%;
margin: 0 auto;
font-weight: 700;
line-height: 30px;
font-size: 15px;
line-height: 23px;
}
.popup-title {
top: -13%;
font-size: 29px;
}
.popup-wrap {
margin-top: 45px;
}
.view-all {
display: none;
}
.copyright {
font-size: 10px;
}
.selected-category {
display: flex;
width: 93%;
}
.menu-active {
width: 100%;
}
.list-hover a {
font-size: 22px;
}
.menu-rect {
z-index: -1;
}
.cont-wrap {
margin-top: 30px;
}
.loc-text {
width: 45%;
}
.selected-launguage {
display: flex;
}
.title-mobile {
display: flex;
margin-bottom: 20px;
}
.title {
display: none;
}
.video-slider {
display: none;
}
#video-slider {
display: none !important;
}
.video-slider-mobile {
display: block !important;
}
.snav {
display: none;
}
.video-title {
width: 85%;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
position: relative;
top: 50px;
}
.slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
background-color: #09B1F6;
list-style: none;
margin: 0 10px;
border: none;
transform: rotate(45deg);
outline: none;
border-style: none;
padding: 0;
}
.slick-dots li.slick-active button{
background-color:white;
width: 10px;
height: 10px;
outline: none;
border-style: none;
border: 1px solid #09B1F6;
}
.slick-prev {
font-size: 0;
width: 64px;
height: 64px;
line-height: 64px;
color: #BFE2FF;
font: bold 30px "Lucida Grande";
text-align: center;
text-shadow: 0px 1px 0px #f5f5f5;
background: #337AB7;
box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: 0.5s;
border: none;
position: absolute;
left: -20px;
top: 37%;
z-index: 99;
}
.slick-next{
font-size: 0;
width: 64px;
height: 64px;
line-height: 64px;
color: #BFE2FF;
font: bold 30px "Lucida Grande";
text-align: center;
text-shadow: 0px 1px 0px #f5f5f5;
background: #337AB7;
box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: 0.5s;
border: none;
position: absolute;
right: -30px;
top: 37%;
}
.slick-next:hover{
background: #1b4f7c;
transition: 0.5s;
}
.slick-prev:hover{
background: #1b4f7c;
transition: 0.5s;
} @media(max-width:600px) {
.slick-initialized .slick-slide {
display: block;
padding: 10px;
}
}.head-category {
display: flex;
width: 100%;
position: relative;
}
.img-category {
width: 100%;
}
.img-category img {
width: 100%;
}
.head-text-category {
position: absolute;
top: 40%;
left: 0;
right: 0;
font-family: 'Jost';
font-style: normal;
font-weight: bold;
font-size: 25px;
text-align: center;
letter-spacing: 0.150069px;
text-transform: uppercase;
color: #FFFFFF;
width: 50%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.category-section {
display: flex;
width: 96%;
margin: 0 auto;
margin-top: 55px;
}
.category-wrap {
display: flex;
flex-direction: column;
width: 67%;
margin: 0 auto;
}
.category-section-wrap {
display: flex;
width:100%;
}
.text-category-page {
font-family: 'Jost';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 27px;
color: #373F41;
}
.categories {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
margin-top: 55px;
}
.cats {
cursor: pointer;
font-family: 'Jost';
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
padding: 20px;
display: flex;
align-items: center;
width: 12%;
text-align: center;
justify-content: center;
letter-spacing: 0.3px;
color: #09B1F6;
background: #F3F5F8;
box-shadow: -10px -10px 20px #FFFFFF, 2px 2px 20px rgba(166, 180, 200, 0.7);
margin-bottom: 15px;
transition: 0.4s;
margin-left:25px;
}
.cats:hover {
transform: scale(1.1);
}
@media(max-width:600px) {
.category-wrap {
width: 96%;
}
.breadcrumbs a {
margin-top: 8px;
width: 50%;
}
.img-category img {
width: 100%;
height: 85px;
}
.head-text-category {
font-size: 12px;
width: 30%;
line-height: 17px;
top: 32%;
}
.category-section-wrap {
display: flex;
flex-direction: column;
}
.category-wrap {
margin-top: 35px;
}
.cats {
width: 33%;
}
}.head-news {
display: flex;
width: 100%;
position: relative;
}
.img-head {
width: 100%;
}
.img-head img {
width: 100%;
}
.head-text-news {
position: absolute;
top: 40%;
left: 0;
right: 0;
font-family: 'Jost';
font-style: normal;
font-weight: bold;
font-size: 25px;
text-align: center;
letter-spacing: 0.150069px;
text-transform: uppercase;
color: #FFFFFF;
width: 50%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.breadcrumbs {
font-family: Jost;
font-style: normal;
font-weight: 700;
font-size: 14px; display: flex;
align-items: baseline;
letter-spacing: 0.3px;
color: #373F41;
display: flex;
flex-wrap: wrap;
width: 96%;
margin: 0 auto;
margin-top: 25px;
text-align: left;
}
.single-news-section {
display: flex;
width: 96%;
margin: 0 auto;
margin-top: 55px;
}
.single-news-wrap {
display: flex;
align-items: flex-start;
}
.new-article {
display: flex;
flex-direction: column;
width: 70%;
margin: 0 auto;
}
.first-paragraf {
display: flex;
margin-bottom: 25px;
justify-content: space-between;
width: 100%;
align-items: center;
}
.first-paragraf:nth-child(odd) {
flex-direction: row-reverse;
}
.img-paragraf img {
width: 100%;
}
.text-paragraf {
width: 48%;
font-family: Jost;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.150069px;
color: #373F41;
text-align:center;
}
strong{
font-weight:bold;
}
.text-paragraf>p{
text-align:left;
text-indent:15px
}
.text-paragraf img {
width: 72%;
height: auto;
}
.img-paragraf {
width: 50%;
}
.date-article-news {
font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.150069px;
color: #737B7D;
position: relative;
margin-left: 14px;
}
.date-article-news::before {
content: '';
background: #0BA9EA;
position: absolute;
width: 8px;
left: -13px;
top: 38%;
height: 8px;
}
@media(max-width:600px) {
.img-head img {
width: 100%;
height: 85px;
}
.head-text-news {
font-size: 12px;
width: 69%;
line-height: 17px;
top: 40%;
}
.breadcrumbs a {
margin-top: 8px;
width: 50%;
}
.single-news-wrap {
flex-direction: column;
}
.new-article {
width: 100%;
margin-top: 30px;
}
.first-paragraf {
flex-direction: column;
}
.text-paragraf {
width: 100%;
}
.img-paragraf {
width: 100%;
padding: 30px 0;
}
.first-paragraf:nth-child(even) {
flex-direction: column-reverse;
}
}