@font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 300;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.ttf) format("truetype");
}
@font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 800;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.ttf) format("truetype");
}
@font-face{font-display:swap;
font-family: "GoetheTitelCY";
font-weight: 400;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.ttf) format("truetype");
}
html,
body {
scroll-behavior: smooth;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #ffffff;
font-family: "Gilroy", sans-serif;
font-size: 15px;
color: #9b9b9b;
overflow-x: hidden;
}
::-moz-selection {
background-color: #F17D00;
color: #ffffff;
}
::selection {
background-color: #F17D00;
color: #ffffff;
}
a {
color: #F17D00;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
section,
.section {
position: relative;
padding-top: 100px;
padding-bottom: 100px;
}
img {
max-width: 100%;
} * {
outline: none;
}
button {
border: none;
padding: 0;
}
button,
button:focus,
.form-control,
.form-control:focus {
outline: none;
background-color: transparent;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
textarea {
resize: none;
}
select {
background-color: transparent;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
.pb-xl-150 {
padding-bottom: 150px !important;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.container {
max-width: 100%;
}
} .row-no-gutter {
margin-left: 0;
margin-right: 0;
}
.row-no-gutter > [class*="col"] {
padding-right: 0;
padding-left: 0;
}
.inner-padding {
padding: 65px;
}
.vertical-align-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.font-weight-medium {
font-weight: 500;
}
.box-shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.text-underlined-primary {
border-bottom: 2px solid #F17D00 !important;
}
.background-banner {
min-height: 400px;
}
.width-auto {
width: auto !important;
}
.h-50px {
height: 50px !important;
}
.fz-13 {
font-size: 13px !important;
}
.fz-25 {
font-size: 25px !important;
}
.font-secondary {
font-family: "Gilroy", sans-serif;
}
.lh-1 {
line-height: 1 !important;
}
.vh-100 {
height: 100vh !important;
}
.list-inline > li {
display: inline-block;
}
.align-v {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-v-h {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.border-top {
border-top: 1px solid #eaeaea !important;
}
.border-bottom {
border-bottom: 1px solid #eaeaea !important;
}
@media (min-width: 992px) {
.col-lg-5th {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
}
.extra-padding {
padding-bottom: 280px;
}
.z-index-2 {
z-index: 2;
}
.mt--90 {
margin-top: -90px;
}
.mt--100 {
margin-top: -80px;
}
.mt--130 {
margin-top: -130px;
}
.mt--140 {
margin-top: -140px;
}
.mt--200 {
margin-top: -200px;
} .mt-0 {
margin-top: 0 !important;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mt-120 {
margin-top: 120px !important;
} .mb-0 {
margin-bottom: 0 !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-45 {
margin-bottom: 45px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mt--100 {
margin-top: -100px;
} .mr-0 {
margin-right: 0 !important;
}
.mr-10 {
margin-right: 10px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-50 {
margin-right: 50px !important;
} .ml-0 {
margin-left: 0 !important;
}
.ml-20 {
margin-left: 20px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-50 {
margin-left: 50px !important;
} .pb-10 {
padding-top: 10px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.pt-110 {
padding-top: 110px !important;
}
.pt-120 {
padding-top: 120px !important;
}
.pt-130 {
padding-top: 130px !important;
}
.pt-140 {
padding-top: 140px !important;
}
.pt-150 {
padding-top: 150px !important;
}
.pt-170 {
padding-top: 170px !important;
} .pb-10 {
padding-bottom: 10px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pb-110 {
padding-bottom: 110px !important;
}
.pb-120 {
padding-bottom: 120px !important;
}
.pb-130 {
padding-bottom: 130px !important;
}
.pb-140 {
padding-bottom: 140px !important;
}
.pb-150 {
padding-bottom: 150px !important;
}
.pb-170 {
padding-bottom: 170px !important;
} .pr-0 {
padding-right: 0 !important;
}
.pr-15 {
padding-right: 15px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pr-30 {
padding-right: 30px !important;
}
.pr-50 {
padding-right: 50px !important;
}
.pr-60 {
padding-right: 60px !important;
}
.pr-70 {
padding-right: 70px !important;
}
.pr-100 {
padding-right: 100px !important;
} .pl-0 {
padding-left: 0 !important;
}
.pl-15 {
padding-left: 15px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pl-30 {
padding-left: 30px !important;
}
.pl-50 {
padding-left: 50px !important;
}
.pl-60 {
padding-left: 60px !important;
}
.pl-70 {
padding-left: 70px !important;
}
.pl-100 {
padding-left: 100px !important;
}
@media (max-width: 1200px) {
.inner-padding {
padding: 30px !important;
}
} @media (min-width: 768px) and (max-width: 991px) {
section {
padding-top: 75px;
padding-bottom: 75px;
}
.mt-30 {
margin-top: 30.76923px !important;
}
.mt-40 {
margin-top: 28.57143px !important;
}
.mt-50 {
margin-top: 35.71429px !important;
}
.mt-60 {
margin-top: 42.85714px !important;
}
.mt-70 {
margin-top: 50px !important;
}
.mt-80 {
margin-top: 57.14286px !important;
}
.mt-90 {
margin-top: 64.28571px !important;
}
.mt-100 {
margin-top: 71.42857px !important;
}
.mb-30 {
margin-bottom: 23.07692px !important;
}
.mb-40 {
margin-bottom: 28.57143px !important;
}
.mb-50 {
margin-bottom: 35.71429px !important;
}
.mb-60 {
margin-bottom: 42.85714px !important;
}
.mb-70 {
margin-bottom: 50px !important;
}
.mb-80 {
margin-bottom: 57.14286px !important;
}
.mb-90 {
margin-bottom: 64.28571px !important;
}
.mb-100 {
margin-bottom: 71.42857px !important;
} .mr-30 {
margin-right: 23.07692px !important;
}
.mr-40 {
margin-right: 28.57143px !important;
}
.mr-50 {
margin-right: 35.71429px !important;
} .ml-30 {
margin-left: 27.27273px !important;
}
.ml-40 {
margin-left: 33.33333px !important;
}
.ml-50 {
margin-left: 35.71429px !important;
} .pt-30 {
padding-top: 23.07692px !important;
}
.pt-40 {
padding-top: 28.57143px !important;
}
.pt-50 {
padding-top: 35.71429px !important;
}
.pt-60 {
padding-top: 42.85714px !important;
}
.pt-70 {
padding-top: 50px !important;
}
.pt-80 {
padding-top: 57.14286px !important;
}
.pt-90 {
padding-top: 64.28571px !important;
}
.pt-100 {
padding-top: 71.42857px !important;
}
.pt-110 {
padding-top: 78.57143px !important;
}
.pt-120 {
padding-top: 85.71429px !important;
}
.pt-130 {
padding-top: 93.33333px !important;
}
.pt-140 {
padding-top: 87.5px !important;
}
.pt-150 {
padding-top: 88.23529px !important;
}
.pt-160 {
padding-top: 88.88889px !important;
}
.pt-170 {
padding-top: 89.47368px !important;
} .pb-30 {
padding-bottom: 23.07692px !important;
}
.pb-40 {
padding-bottom: 28.57143px !important;
}
.pb-50 {
padding-bottom: 35.71429px !important;
}
.pb-60 {
padding-bottom: 42.85714px !important;
}
.pb-70 {
padding-bottom: 50px !important;
}
.pb-80 {
padding-bottom: 57.14286px !important;
}
.pb-90 {
padding-bottom: 64.28571px !important;
}
.pb-100 {
padding-bottom: 71.42857px !important;
}
.pb-110 {
padding-bottom: 78.57143px !important;
}
.pb-120 {
padding-bottom: 85.71429px !important;
}
.pb-130 {
padding-bottom: 86.66667px !important;
}
.pb-140 {
padding-bottom: 87.5px !important;
}
.pb-150 {
padding-bottom: 88.23529px !important;
}
.pb-160 {
padding-bottom: 88.88889px !important;
}
.pb-170 {
padding-bottom: 89.47368px !important;
}
} @media (min-width: 320px) and (max-width: 767px) {
section {
padding-top: 50px;
padding-bottom: 50px;
}
.inner-padding {
padding: 20px !important;
}
.text-center-xs-sm {
text-align: center !important;
}
.mt-30 {
margin-top: 23.07692px !important;
}
.mt-40 {
margin-top: 28.57143px !important;
}
.mt-50 {
margin-top: 33.33333px !important;
}
.mt-60 {
margin-top: 33.33333px !important;
}
.mt-70 {
margin-top: 35px !important;
}
.mt-80 {
margin-top: 40px !important;
}
.mt-90 {
margin-top: 45px !important;
}
.mt-100 {
margin-top: 50px !important;
}
.mb-30 {
margin-bottom: 23.07692px !important;
}
.mb-40 {
margin-bottom: 28.57143px !important;
}
.mb-50 {
margin-bottom: 33.33333px !important;
}
.mb-60 {
margin-bottom: 33.33333px !important;
}
.mb-70 {
margin-bottom: 35px !important;
}
.mb-80 {
margin-bottom: 40px !important;
}
.mb-90 {
margin-bottom: 45px !important;
}
.mb-100 {
margin-bottom: 50px !important;
} .mr-30 {
margin-right: 25px !important;
}
.mr-40 {
margin-right: 30.76923px !important;
}
.mr-50 {
margin-right: 33.33333px !important;
} .ml-30 {
margin-left: 25px !important;
}
.ml-40 {
margin-left: 30.76923px !important;
}
.ml-50 {
margin-left: 33.33333px !important;
} .pt-30 {
padding-top: 23.07692px !important;
}
.pt-40 {
padding-top: 28.57143px !important;
}
.pt-50 {
padding-top: 33.33333px !important;
}
.pt-60 {
padding-top: 33.33333px !important;
}
.pt-70 {
padding-top: 35px !important;
}
.pt-80 {
padding-top: 40px !important;
}
.pt-90 {
padding-top: 45px !important;
}
.pt-100 {
padding-top: 50px !important;
}
.pt-110 {
padding-top: 55px !important;
}
.pt-120 {
padding-top: 60px !important;
}
.pt-130 {
padding-top: 66.66667px !important;
}
.pt-140 {
padding-top: 63.63636px !important;
}
.pt-150 {
padding-top: 65.21739px !important;
}
.pt-160 {
padding-top: 66.66667px !important;
}
.pt-170 {
padding-top: 68px !important;
} .pb-30 {
padding-bottom: 23.07692px !important;
}
.pb-40 {
padding-bottom: 28.57143px !important;
}
.pb-50 {
padding-bottom: 33.33333px !important;
}
.pb-60 {
padding-bottom: 33.33333px !important;
}
.pb-70 {
padding-bottom: 35px !important;
}
.pb-80 {
padding-bottom: 40px !important;
}
.pb-90 {
padding-bottom: 45px !important;
}
.pb-100 {
padding-bottom: 50px !important;
}
.pb-110 {
padding-bottom: 55px !important;
}
.pb-120 {
padding-bottom: 60px !important;
}
.pb-130 {
padding-bottom: 61.90476px !important;
}
.pb-140 {
padding-bottom: 63.63636px !important;
}
.pb-150 {
padding-bottom: 65.21739px !important;
}
.pb-160 {
padding-bottom: 66.66667px !important;
}
.pb-170 {
padding-bottom: 68px !important;
}
}  .color-white {
color: #ffffff !important;
}
.color-gray {
color: #f9f9f9 !important;
}
.color-secondary {
color: #1b1a1a !important;
}
.color-primary {
color: #F17D00 !important;
}
.color-heading {
color: #282828 !important;
}
.color-body {
color: #9b9b9b !important;
} .bg-white {
background-color: #ffffff !important;
}
.bg-gray {
background-color: #f9f9f9 !important;
}
.bg-dark {
background-color: #1b1a1a !important;
}
.bg-heading {
background-color: #282828 !important;
}
.bg-primary {
background-color: #F17D00 !important;
}
.bg-img {
position: relative;
z-index: 1;
}
.background-size-auto {
background-size: auto !important;
}
.bg-parallax {
background-attachment: fixed;
}
.bg-overlay:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(27, 26, 26, 0.15);
}
.bg-overlay-2:before {
background-color: rgba(27, 26, 26, 0.25);
}
.bg-overlay-3:before {
background-color: rgba(27, 26, 26, 0.5);
}
.bg-overlay-gradient:before {
background-color: transparent;
background: -ms-linear-gradient(-90deg, rgba(27, 26, 26, 0) 0%, rgba(27, 26, 26, 0) 0%, #1b1a1a 85%);
}
.bg-overlay-primary:before {
background-color: rgba(74, 171, 61, 0.85);
}
.bg-overlay-primary-gradient:before {
background-color: transparent;
background-image: linear-gradient(360deg, #F17D00D9 16%, #3C9830 95%);
} h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #282828;
font-family: "Gilroy", sans-serif;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}
p {
line-height: 1.7;
margin-bottom: 15px;
}
h1,
.h1 {
font-size: 52px;
}
h2,
.h2 {
font-size: 32px;
}
h3,
.h3 {
font-size: 26px;
}
h4,
.h4 {
font-size: 32px;
}
h5,
.h5 {
font-size: 24px;
}
h6,
.h6 {
font-size: 18px;
}
.shape-dotted {
width: 275px;
height: 175px;
--dot-color: #F17D00;
--dot-bg: white;
--dot-size: 5px;
background: radial-gradient(circle, transparent 20%, var(--dot-bg, #fff) 20%, var(--dot-bg, #fff) 80%, transparent), radial-gradient(circle, transparent 20%, var(--dot-bg, #fff) 20%,
var(--dot-bg, #fff) 0%,
var(--dot-color, red)) var(--dot-size, 5.8px) var(--dot-size, 5.8px);
background-color: var(--dot-bg, #fff);
background-size: calc(var(--dot-size, 5.8px) * 2) calc(var(--dot-size, 5.8px) * 2);
}
.heading__subtitle {
font-family: "Gilroy", sans-serif;
font-size: 16px;
font-weight: 700;
color: #F17D00;
margin-bottom: 10px;
}
.heading__title {
position: relative;
font-size: 34px;
margin-bottom: 20px;
font-weight: 800;
}
.heading__desc {
font-size: 16px;
margin-bottom: 0;
}
.heading-layout2 .heading__title {
font-size: 40px;
}
.heading-layout3 .heading__title:after {
content: '';
position: absolute;
left: -50px;
top: 50%;
width: 30px;
height: 2px;
border-radius: 1px;
background-color: #F17D00;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.heading-light .heading__subtitle {
color: #f9f9f9;
}
.heading-light .heading__subtitle:after {
background-color: #ffffff;
}
.heading-light .heading__title,
.heading-light .heading__desc {
color: #ffffff;
}
.text__block-subtitle {
color: #F17D00;
font-size: 16px;
font-weight: 700;
}
.text__block-title {
font-size: 33px;
font-weight: 500;
margin-bottom: 17px;
}
.text__block-desc {
font-size: 16px;
line-height: 26px;
}
.text__link {
font-size: 14px;
font-weight: 700;
}
.text__link a {
color: #282828;
border-bottom: 2px solid #282828;
padding-bottom: 2px;
}
.text__link:hover a {
color: #F17D00;
border-bottom-color: #F17D00;
}
@media (min-width: 992px) {
.text__block-layout2 {
position: relative;
}
.text__block-layout2 .text__block-title {
position: absolute;
top: 0;
left: 0;
}
.text__block-layout2 .text__block-content {
padding-left: 230px;
}
}
@media (max-width: 992px) {
.heading__title {
font-size: 30px;
}
.heading-layout2 .heading__subtitle:after {
display: none;
}
} @media (min-width: 320px) and (max-width: 767px) {
.heading__title {
font-size: 23px;
margin-bottom: 10px;
}
.heading__subtitle,
.text__link {
font-size: 13px;
}
.heading__desc {
font-size: 14px;
line-height: 24px;
}
.heading-layout2 .heading__title {
font-size: 25px;
}
.text__block-desc {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
}
} .btn {
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 700;
min-width: 170px;
height: 60px;
padding: 0 15px;
letter-spacing: .3px;
border: 0;
border-radius: 6px;
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.btn:focus, .btn.active, .btn:active {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.btn span,
.btn i {
margin: 0 4px;
}
.btn .icon-arrow-right,
.btn .icon-arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
}
.btn:not(.btn__link):before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #1b1a1a;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
-webkit-transition: -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
transition: -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9), -webkit-transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9);
}
.btn:not(.btn__link):hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.btn__primary {
background-color: #F17D00;
color: #ffffff;
}
.btn__primary:active, .btn__primary:focus {
background-color: #F17D00;
color: #ffffff;
}
.btn__primary.btn__outlined {
color: #F17D00;
background-color: transparent;
border: 2px solid #F17D00;
}
.btn__primary.btn__outlined:before {
background-color: #F17D00;
}
.btn__primary.btn__outlined .icon-arrow-right,
.btn__primary.btn__outlined .icon-arrow-left {
color: #ffffff;
background-color: #F17D00;
}
.btn__primary.btn__outlined:hover {
color: #ffffff;
}
.btn__primary.btn__outlined:hover .icon-arrow-right,
.btn__primary.btn__outlined:hover .icon-arrow-left {
color: #F17D00;
background-color: #ffffff;
}
.btn__primary .icon-arrow-right,
.btn__primary .icon-arrow-left {
color: #F17D00;
background-color: #ffffff;
}
.btn__primary:hover {
color: #ffffff;
}
.btn__primary:hover .icon-arrow-right,
.btn__primary:hover .icon-arrow-left {
color: #1b1a1a;
}
.btn__primary-style2:before {
background-color: #ffffff !important;
}
.btn__primary-style2:hover {
color: #1b1a1a;
}
.btn__primary-style2:hover .icon-arrow-right,
.btn__primary-style2:hover .icon-arrow-left {
color: #ffffff;
background-color: #1b1a1a;
}
.btn__secondary {
background-color: #1b1a1a;
color: #ffffff;
}
.btn__secondary:before {
background-color: #F17D00 !important;
}
.btn__secondary .icon-arrow-right,
.btn__secondary .icon-arrow-left {
color: #1b1a1a;
background-color: #ffffff;
}
.btn__secondary:hover {
color: #ffffff;
}
.btn__secondary:hover .icon-arrow-right,
.btn__secondary:hover .icon-arrow-left {
color: #F17D00;
}
.btn__secondary:active, .btn__secondary:focus {
background-color: #1b1a1a;
color: #ffffff;
}
.btn__secondary-style2:before {
background-color: #ffffff !important;
}
.btn__secondary-style2:hover {
color: #1b1a1a;
}
.btn__secondary.btn__outlined {
background-color: transparent;
border: 2px solid #1b1a1a;
color: #1b1a1a;
}
.btn__secondary.btn__outlined:before {
display: none;
}
.btn__secondary.btn__outlined .icon-arrow-right,
.btn__secondary.btn__outlined .icon-arrow-left {
color: #ffffff;
background-color: #1b1a1a;
}
.btn__secondary.btn__outlined:hover {
color: #ffffff;
background-color: #1b1a1a;
}
.btn__secondary.btn__outlined:hover .icon-arrow-right,
.btn__secondary.btn__outlined:hover .icon-arrow-left {
color: #1b1a1a;
background-color: #ffffff;
}
.btn__white {
background-color: #ffffff;
color: #F17D00;
}
.btn__white:before {
background-color: #F17D00 !important;
}
.btn__white .icon-arrow-right,
.btn__white .icon-arrow-left {
color: #ffffff;
background-color: #F17D00;
}
.btn__white:hover {
color: #ffffff;
}
.btn__white:hover .icon-arrow-right,
.btn__white:hover .icon-arrow-left {
color: #F17D00;
background-color: #ffffff;
}
.btn__white:active, .btn__white:focus {
background-color: #ffffff;
color: #F17D00;
}
.btn__white-style2:before {
background-color: #1b1a1a !important;
}
.btn__white-style2:hover {
color: #ffffff;
}
.btn__white-style2:hover .icon-arrow-right,
.btn__white-style2:hover .icon-arrow-left {
color: #1b1a1a;
background-color: #ffffff;
}
.btn__white.btn__outlined {
background-color: transparent;
border: 2px solid #ffffff;
color: #ffffff;
}
.btn__white.btn__outlined:hover {
color: #F17D00;
background-color: #ffffff;
}
.btn__white.btn__outlined:before {
display: none;
}
.btn__outlined {
background-color: transparent;
}
.btn__link {
background-color: transparent;
border-color: transparent;
min-width: 0;
line-height: 1;
height: auto;
padding: 0;
border: none;
}
.btn__link:focus, .btn__link:active {
background-color: transparent;
}
.btn__link.btn__primary {
color: #F17D00;
}
.btn__link.btn__primary .icon-arrow-right,
.btn__link.btn__primary .icon-arrow-left {
color: #ffffff;
background-color: #F17D00;
}
.btn__link.btn__primary:hover {
color: #1b1a1a;
}
.btn__link.btn__primary:hover .icon-arrow-right,
.btn__link.btn__primary:hover .icon-arrow-left {
color: #ffffff;
background-color: #1b1a1a;
}
.btn__link.btn__secondary {
color: #1b1a1a;
}
.btn__link.btn__secondary:hover {
color: #F17D00;
}
.btn__link.btn__white {
color: #ffffff;
}
.btn__link.btn__white:hover {
color: #F17D00;
}
.btn__link.btn__white .icon-arrow-right,
.btn__link.btn__white .icon-arrow-left {
color: #1b1a1a;
background-color: #ffffff;
}
.btn__link.btn__white:hover {
color: #F17D00;
}
.btn__link.btn__white:hover .icon-arrow-right,
.btn__link.btn__white:hover .icon-arrow-left {
color: #ffffff;
background-color: #F17D00;
}
.btn__rounded {
border-radius: 50px;
}
.btn__block {
width: 100%;
}
.btn__icon {
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.btn__icon span {
margin-right: 5px;
}
.btn__icon i {
margin-left: 5px;
}
.btn__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 40px;
color: #ffffff;
border-radius: 8px;
margin-right: 10px;
}
.btn__social:hover {
color: #ffffff;
}
.btn__social:before {
display: none;
}
.btn__social i {
font-size: 18px;
color: #ffffff;
background-color: transparent;
}
.btn__facebook {
background-color: #4267b2;
}
.btn__twitter {
background-color: #1da0f0;
}
.btn__instagram {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.btn__sm {
height: 40px;
min-width: 150px;
border-radius: 3px;
}
.btn__lg {
min-width: 210px;
}
.btn__xl {
height: 70px;
min-width: 250px;
}
.btn__loadMore i {
position: relative;
z-index: 2;
display: inline-block;
font-style: normal;
width: 27px;
height: 27px;
line-height: 27px;
border-radius: 50%;
text-align: center;
margin-right: 5px;
}
.btn__loadMore.btn__primary {
height: 60px;
}
.btn__loadMore.btn__primary i {
color: #F17D00;
background-color: #ffffff;
}
.btn__loadMore.btn__primary:hover i {
color: #1b1a1a;
}
.btn__secondary.btn__outlined.btn__custom {
border-color: #eaeaea;
color: #1b1a1a;
overflow: visible;
}
.btn__secondary.btn__outlined.btn__custom .icon-arrow-right,
.btn__secondary.btn__outlined.btn__custom .icon-arrow-left {
color: #ffffff;
background-color: #1b1a1a;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.btn__secondary.btn__outlined.btn__custom:before {
display: none;
}
.btn__secondary.btn__outlined.btn__custom:after {
content: '';
position: absolute;
bottom: -2px;
left: 20px;
right: 20px;
height: 2px;
background-color: #F17D00;
}
.btn__secondary.btn__outlined.btn__custom:hover {
color: #ffffff;
border-color: #F17D00;
background-color: #F17D00;
}
.btn__secondary.btn__outlined.btn__custom:hover .icon-arrow-right,
.btn__secondary.btn__outlined.btn__custom:hover .icon-arrow-left {
color: #F17D00;
background-color: #ffffff;
}
.btn__primary.btn__outlined.btn__custom {
border-color: #eaeaea;
color: #F17D00;
overflow: visible;
}
.btn__primary.btn__outlined.btn__custom .icon-arrow-right,
.btn__primary.btn__outlined.btn__custom .icon-arrow-left {
color: #ffffff;
background-color: #F17D00;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.btn__primary.btn__outlined.btn__custom:before {
display: none;
}
.btn__primary.btn__outlined.btn__custom:after {
content: '';
position: absolute;
bottom: -2px;
left: 20px;
right: 20px;
height: 2px;
background-color: #F17D00;
}
.btn__primary.btn__outlined.btn__custom:hover {
color: #ffffff;
border-color: #F17D00;
background-color: #F17D00;
}
.btn__primary.btn__outlined.btn__custom:hover .icon-arrow-right,
.btn__primary.btn__outlined.btn__custom:hover .icon-arrow-left {
color: #F17D00;
background-color: #ffffff;
} @media (min-width: 320px) and (max-width: 767px) {
.btn:not(.btn__link) {
font-size: 13px;
min-width: 120px;
height: 40px;
}
} label {
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
color: #282828;
}
label.error {
font-size: 14px;
font-weight: 400;
color: red;
margin-bottom: 0;
margin-top: 7px;
}
.form-group {
position: relative;
margin-bottom: 30px;
}
.form-control {
height: 50px;
font-size: 14px;
padding: 0 0 0 20px;
border-radius: 5px;
border: 1px solid #f4f4f4;
background-color: transparent;
}
.form-control:focus {
background-color: transparent;
border-color: #F17D00;
}
textarea.form-control {
min-height: 105px;
padding-top: 10px;
}
.form-control::-webkit-input-placeholder {
color: #9b9b9b;
}
.form-control:-moz-placeholder {
color: #9b9b9b;
}
.form-control::-moz-placeholder {
color: #9b9b9b;
}
.form-control:-ms-input-placeholder {
color: #9b9b9b;
}
.form__title {
font-size: 18px;
line-height: 1;
margin-bottom: 20px;
}
.nice-select {
height: 50px;
border-color: #f4f4f4;
}
.nice-select.open,
.nice-select:active,
.nice-select:focus {
border-color: #F17D00;
} @media (min-width: 320px) and (max-width: 767px) {
.form-group,
.nice-select {
margin-bottom: 20px;
}
}
.icon-arrow-right {
font-size: 65%;
} .list-items li {
position: relative;
padding-left: 32px;
font-size: 15px;
font-weight: 700;
color: #282828;
margin-bottom: 9px;
}
.list-items li:before {
content: "\f00c";
font-family: 'Fontawesome';
position: absolute;
top: 50%;
left: 0;
font-size: 10px;
font-weight: 400;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
color: #ffffff;
background-color: #F17D00;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-items-light li {
color: #ffffff;
}
.list-items-light li:before {
background-color: #ffffff;
color: #F17D00;
}
.list-items-layout2 li {
padding-left: 25px;
}
.list-items-layout2 li:before {
background-color: transparent;
color: #F17D00;
}
.list-items-layout2.list-items-light li {
color: #ffffff;
}
.list-items-layout2.list-items-light li:before {
color: #ffffff;
}
@media (max-width: 992px) {
.list-items-layout2 {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.list-items-layout2 li {
-ms-flex: 0 0 100% !important;
-webkit-box-flex: 0 !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
} @media (min-width: 320px) and (max-width: 767px) {
.list-items li {
font-size: 15px;
font-weight: 400;
}
} @-webkit-keyframes pulsing {
0% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
opacity: .3;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes pulsing {
0% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
opacity: .3;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes slideTopDown {
0% {
top: 0px;
}
25% {
top: -5px;
}
50% {
top: 0px;
}
75% {
top: 5px;
}
100% {
top: 0px;
}
}
@keyframes slideTopDown {
0% {
top: 0px;
}
25% {
top: -5px;
}
50% {
top: 0px;
}
75% {
top: 5px;
}
100% {
top: 0px;
}
}
@-webkit-keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} @-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .cta__banner {
background-color: #F17D00;
max-width: 400px;
padding: 50px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.cta__banner .cta__title {
font-size: 22px;
}
.cta__banner .cta__desc {
margin-bottom: 15px;
}
.cta__banner .cta__icon {
line-height: 1;
margin-bottom: 20px;
}
.cta__banner .cta__icon i {
font-size: 60px;
line-height: 1;
color: #ffffff;
}
.cta__banner .btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.cta__banner .btn i {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin-left: 5px;
color: #ffffff;
background-color: #F17D00;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.cta__banner .btn:hover i {
background-color: #282828;
}
.cta__banner-white {
background-color: #ffffff;
}
.cta__banner-white .cta__title {
color: #282828;
margin-bottom: 15px;
}
.cta__banner-white .cta__desc {
color: #9b9b9b;
font-size: 15px;
font-weight: 700;
}
.slider,
.banner-full {
padding: 0;
overflow-x: hidden;
}
.banner-full .slide__subtitle,
.banner-full .slide__subtitle {
display: block;
font-family: "Gilroy", sans-serif;
font-size: 14px;
line-height: 1;
font-weight: 700;
color: #ffffff;
margin-bottom: 13px;
}
.banner-full .slide__title,
.banner-full .slide__title {
font-size: 56px;
line-height: 1.1;
color: #ffffff;
display: inline;
background-color: #EEC225 ;
padding: 10px 0;
color: #FFFFFF;
line-height: 1.4;
margin-left: 0;
}
.slide__desc {
margin-top: 20px;
} @media (min-width: 768px) and (max-width: 991px) { .row-icons .fancybox-item .fancybox__title {
font-size: 13px !important;
}
.slide__body {
padding: 0 20px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.banner-full .slide__title span {   box-shadow: none !important;
}
.row-icons .fancybox-item .fancybox__title {
font-size: 12px !important;
}
}
.title-bg {
display: inline-block;
background-color: #F17D00;
box-shadow: -10px 0 0 #F17D00, 10px 0 0 #F17D00;
color: #FFFFFF;
line-height: 1;
padding: 3px 0;
margin: 0 10px;
}
.slide__icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 16px;
}
.slide__icon-wrap {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.slide__icon {
margin-right: 0 !important;
}
.slide__icon-desc {
margin-top: 8px;
color: white;
font-size: 16px;
text-align: center;
font-weight: 500;
display: block;
line-height: 1.2;
}
.banner-full .slide__desc,
.banner-full .slide__desc {
font-size: 17px;
line-height: 1.5;
font-weight: 700;
color: #ffffff;
max-width: 580px;
margin-bottom: 34px;
}
.banner-full .slick-dots {
position: absolute;
left: 50%;
bottom: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-full .slide__icons .slide__icon {
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 65px;
color: #1b1a1a;
background-color: #ffffff;
border-radius: 6px;
margin-right: 30px;
-webkit-transition: transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.banner-full .slide__icons .slide__icon:last-child {
margin-right: 0;
}
.banner-full .slide__icons .slide__icon:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.banner-full .video__btn {
padding-left: 60px;
height: 60px;
}
.banner-full .video__btn .video__player {
width: 60px;
height: 60px;
}
@media (min-width: 1200px) {
.banner-full .slick-arrow.slick-next {
right: 30px;
}
.banner-full .slick-arrow.slick-prev {
left: 30px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.banner-full .slide-item {
padding-right: 30px;
padding-left: 30px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.banner-full .slide__title {
font-size: 40px;
margin-bottom: 10px;
}
} @media (min-width: 320px) and (max-width: 767px) {
.header-transparent + .banner-full {
margin-top: 0;
}
.banner-full {
overflow: hidden;
height: auto !important;
}
.banner-full .slide-item {
padding: 100px 10px;
}
.banner-full .slide-item {
height: auto !important;
}
} @media (min-width: 320px) and (max-width: 767px) {
.banner-full .slide__subtitle {
margin-bottom: 15px;
}
.banner-full .slide__title {
font-size: 30px;
margin-bottom: 10px;
}
.banner-full .slide__desc {
font-size: 15px;
font-weight: 400;
margin-bottom: 20px;
}
.banner-full .btn {
margin-bottom: 10px;
}
.banner-full .slick-arrow:before {
font-size: 30px;
}
.banner-full .slick-arrow.slick-prev {
left: -10px;
}
.banner-full .slick-arrow.slick-next {
right: -10px;
}
} .feature-item {
position: relative;
padding: 38px;
border-radius: 6px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.feature-item:before {
content: '';
position: absolute;
top: 0;
left: 38px;
right: 38px;
height: 3px;
background-color: #F17D00;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.feature-item .feature__icon {
font-size: 60px;
line-height: 1;
color: #F17D00;
margin-bottom: 20px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.feature-item .feature__title {
font-size: 18px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.feature-item .feature__desc {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.feature-item .btn__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 26px;
line-height: 26px;
}
.feature-item .btn__link .icon-filled {
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
border-radius: 50%;
text-align: center;
color: #ffffff;
background-color: #1b1a1a;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin-right: 8px;
}
.feature-item .btn__link span {
opacity: 0;
font-size: 15px;
font-weight: 700;
margin-left: -5px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.feature-item .btn__link:hover {
color: #F17D00;
}
.feature-item .btn__link:hover .icon-filled {
background-color: #F17D00;
}
.feature-item:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-item:hover .feature__icon {
color: #F17D00;
}
.feature-item:hover .btn__link span {
opacity: 1;
margin-left: 0;
}
.feature-item:hover .btn__link .icon-filled {
background-color: #F17D00;
}
.features-layout1 .feature-item:not(.feature-item-custom),
.features-layout2 .feature-item:not(.feature-item-custom) {
background-color: #ffffff;
}
.features-layout1 .feature-item:not(.feature-item-custom):hover .feature__title,
.features-layout2 .feature-item:not(.feature-item-custom):hover .feature__title {
color: #1b1a1a;
} .features-layout1 .feature-item:not(.feature-item-custom) .btn__link .icon-outlined,
.features-layout2 .feature-item:not(.feature-item-custom) .btn__link .icon-outlined {
color: #ffffff;
}
.features-layout1 .feature-item:not(.feature-item-custom) .btn__link .icon-outlined:hover,
.features-layout2 .feature-item:not(.feature-item-custom) .btn__link .icon-outlined:hover {
color: #ffffff;
border-color: #F17D00;
background-color: #F17D00;
}
.features-layout1 .read-note__text,
.features-layout2 .read-note__text {
max-width: 350px;
}
.features-layout1 .feature-item-custom,
.features-layout2 .feature-item-custom {
overflow: hidden;
padding: 30px 40px !important;
background-color: #F17D00;
}
.features-layout1 .feature-item-custom .feature__title,
.features-layout2 .feature-item-custom .feature__title {
color: #ffffff;
font-size: 25px;
font-weight: 400;
}
.features-layout1 .feature-item-custom .feature__desc,
.features-layout2 .feature-item-custom .feature__desc {
color: #ffffff;
font-weight: 700;
margin-bottom: 0;
}
.features-layout1 .feature-item-custom .feature__icon,
.features-layout2 .feature-item-custom .feature__icon {
position: absolute;
bottom: -30px;
right: -10px;
z-index: 1;
font-size: 95px;
opacity: 0.1;
color: #ffffff;
}
.features-layout2 .feature-item {
padding: 0;
}
.features-layout2 .feature-item:before {
display: none;
}
.features-layout3 .feature-item {
padding: 20px;
border: 2px solid #eaeaea;
}
.features-layout3 .feature-item:before {
top: -2px;
left: 20px;
right: 20px;
height: 2px;
}
.features-layout3 .feature-item:hover {
border-color: #ffffff;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.16);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.16);
}
.banner-full + .features-layout4 {
margin-top: -50px;
}
.features-layout4 .features-wrapper,
.features-layout5 .features-wrapper {
position: relative;
z-index: 3;
overflow: hidden;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}
.features-layout4 .features-wrapper > [class*="col-"]:not(:last-child),
.features-layout5 .features-wrapper > [class*="col-"]:not(:last-child) {
border-right: 2px solid #eaeaea;
}
.features-layout4 .feature-item,
.features-layout5 .feature-item {
margin-bottom: 0;
border-radius: 0;
background-color: #ffffff;
}
.features-layout4 .feature-item:before,
.features-layout5 .feature-item:before {
left: 0;
right: 0;
}
.features-layout4 .feature-item .feature__icon,
.features-layout5 .feature-item .feature__icon {
font-size: 65px;
}
.features-layout4 .feature-item .custom-icon:before,
.features-layout5 .feature-item .custom-icon:before {
top: -10px;
left: 0;
height: 60px;
width: 60px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.features-layout4 .feature-item .feature__title,
.features-layout5 .feature-item .feature__title {
font-size: 20px;
}
.features-layout4 .feature-item .feature__desc,
.features-layout5 .feature-item .feature__desc {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.features-layout4 .feature-item .btn__link,
.features-layout5 .feature-item .btn__link {
height: 40px;
border-radius: 4px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.features-layout4 .feature-item .btn__link .icon-filled,
.features-layout5 .feature-item .btn__link .icon-filled {
color: #ffffff;
background-color: #F17D00;
}
.features-layout4 .feature-item .btn__link span,
.features-layout5 .feature-item .btn__link span {
opacity: 1;
margin-left: 5px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.features-layout4 .feature-item:hover .custom-icon:before,
.features-layout5 .feature-item:hover .custom-icon:before {
bottom: 0;
right: -10px;
width: 85px;
height: 85px;
}
.features-layout4 .feature-item:hover .btn__link,
.features-layout5 .feature-item:hover .btn__link {
padding: 10px 15px;
color: #ffffff;
background-color: #F17D00;
}
.features-layout4 .feature-item:hover .btn__link .icon-filled,
.features-layout5 .feature-item:hover .btn__link .icon-filled {
color: #F17D00;
background-color: #ffffff;
}
.features-layout4 .features-wrapper {
border-radius: 8px;
}
.features-layout4 .feature-item {
border-bottom: 3px solid #eaeaea;
}
.features-layout4 .feature-item:before {
top: auto;
bottom: -3px;
left: 0;
right: 0;
}
.features-layout5 .features-wrapper {
border: 1px solid #eaeaea;
border-top: 0;
}
.features-layout5 .feature-item {
border-top: 3px solid #eaeaea;
}
.features-layout5 .feature-item:before {
top: -3px;
}
.awards .feature-item {
padding: 0;
}
.awards .feature-item:before {
display: none;
}
.awards .feature-item .feature__img {
margin-bottom: 32px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.awards .feature-item .feature__img img {
border-radius: 5px;
}
.awards .feature-item:hover .feature__img {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@media (min-width: 1200px) {
.features-layout2 .feature-item {
padding-right: 30px;
}
.features-layout5 {
margin-right: -70px;
}
.features-layout4 .feature-item .feature__title,
.features-layout5 .feature-item .feature__title {
padding-right: 10px;
}
.awards .feature-item {
margin-bottom: 45px;
}
.awards .feature-item .feature__body {
padding-left: 30px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.features-layout4 .features-wrapper > [class*="col-"]:nth-child(2),
.features-layout5 .features-wrapper > [class*="col-"]:nth-child(2) {
border-right: 0;
}
} @media (min-width: 320px) and (max-width: 575px) {
.features-layout4 .features-wrapper > [class*="col-"],
.features-layout5 .features-wrapper > [class*="col-"] {
border-right: 0;
}
} @media (min-width: 320px) and (max-width: 767px) {
.feature-item {
padding: 20px;
}
.feature-item .feature__title {
font-size: 16px;
margin-bottom: 10px;
}
.feature-item .feature__desc {
font-size: 13px;
margin-bottom: 10px;
}
.feature-item .feature__icon {
font-size: 40px;
margin-bottom: 10px;
}
.features-layout4 .feature-item .feature__title,
.features-layout5 .feature-item .feature__title {
font-size: 17px;
}
} .fancybox-item {
position: relative;
margin-bottom: 40px;
}
.fancybox-item .fancybox__icon {
position: relative;
font-size: 55px;
line-height: 1;
color: #F17D00;
margin-bottom: 22px;
}
.fancybox-item .fancybox__title {
font-size: 18px;
margin-bottom: 16px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fancybox-item .fancybox__desc {
margin-bottom: 0;
}
.fancybox-item:hover .fancybox__icon {
-webkit-animation: slideTopDown 1s infinite alternate;
animation: slideTopDown 1s infinite alternate;
}
.fancybox-item:hover .fancybox__title {
color: #F17D00;
}
.fancybox-light .fancybox-item .fancybox__icon,
.fancybox-light .fancybox-item .fancybox__title,
.fancybox-light .fancybox-item .fancybox__desc,
.fancybox-light .fancybox-item:hover .fancybox__title {
color: #ffffff;
}
.fancybox-layout1 .fancybox-wrapper {
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}
.fancybox-layout1 .fancybox-wrapper > [class*="col-"] .fancybox-item {
border-right: 1px solid #eaeaea;
}
.fancybox-layout1 .fancybox-wrapper > [class*="col-"]:last-child .fancybox-item {
border-right: 0;
}
.fancybox-layout1 .fancybox-item {
padding: 35px;
margin-bottom: 0;
overflow: hidden;
background-color: #ffffff;
}
.fancybox-layout1 .fancybox-item .fancybox__title {
margin-bottom: 9px;
}
.fancybox-layout1 .fancybox-item .icon-filled {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
color: #ffffff;
background-color: #1b1a1a;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fancybox-layout1 .fancybox-item .icon-filled:hover {
background-color: #F17D00;
}
.fancybox-layout1 .fancybox-item:hover .icon-filled {
background-color: #F17D00;
}
.fancybox-layout1 .cta__banner {
padding: 25px 30px;
max-width: 320px;
border-radius: 7px;
}
.fancybox-layout1 .cta__banner:before {
font-family: icomoon;
content: "\e930";
font-size: 120px;
position: absolute;
bottom: 0;
right: 20px;
z-index: 1;
color: rgba(255, 255, 255, 0.1);
}
.fancybox-layout1 .cta__banner .cta__title {
font-size: 25px;
line-height: 1.4;
font-weight: 400;
}
.fancybox-layout1 .cta__banner .cta__desc,
.fancybox-layout1 .cta__banner .cta__title {
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.fancybox-layout1 .cta__banner {
margin: 30px 0;
height: auto !important;
}
}
@media (min-width: 1200px) {
.banner-full + .fancybox-layout1 {
margin-top: -50px;
position: relative;
z-index: 3;
}
.fancybox-layout1 .fancybox-wrapper {
margin-left: -30px;
}
} @media (min-width: 320px) and (max-width: 767px) {
.fancybox-item {
margin-bottom: 30px;
}
.fancybox-item .fancybox__icon {
font-size: 40px;
margin-bottom: 5px;
}
.fancybox-item .fancybox__title {
font-size: 15px;
margin-bottom: 5px;
}
.fancybox-layout1 .fancybox-wrapper > [class*="col-"] .fancybox-item {
border-bottom: 1px solid #eaeaea;
}
.fancybox-layout1 .fancybox-wrapper > [class*="col-"]:last-child .fancybox-item {
border-bottom: 0;
}
.fancybox-layout1 .cta__banner {
margin: 30px 0;
max-width: 100%;
height: auto !important;
}
.fancybox-layout1 .cta__banner .cta__title {
font-size: 20px;
margin-bottom: 10px;
}
.fancybox-layout1 .cta__banner .cta__desc {
font-weight: 400 !important;
}
} .about__img {
position: relative;
}
.about__img img {
border-radius: 3px;
}
.about-layout1 .text__icon {
color: #F17D00;
font-size: 75px;
line-height: 1;
margin: 30px 0 35px;
}
.about-layout1 .video-has-img {
position: absolute;
top: 40px;
left: 40px;
}
.about-layout2 .about__img {
margin-bottom: 60px;
}
.about-layout2 .about__img img {
border-radius: 10px;
}
.about-layout2 .cta__banner {
position: absolute;
bottom: -40px;
right: 40px;
padding: 30px;
max-width: 330px;
border-radius: 7px;
}
.about-layout2 .cta__banner:before {
font-family: icomoon;
content: "\e930";
font-size: 120px;
position: absolute;
bottom: 0;
right: 20px;
z-index: 1;
color: rgba(255, 255, 255, 0.1);
}
.about-layout2 .cta__banner .cta__title {
font-size: 25px;
line-height: 1.4;
font-weight: 400;
}
.about-layout2 .cta__banner .cta__desc,
.about-layout2 .cta__banner .cta__title {
position: relative;
z-index: 2;
} @media (min-width: 1200px) {
.about-layout1 .counter-item {
margin-bottom: 30px;
}
.about-layout1 .counter-item:last-of-type {
margin-bottom: 0;
}
.about-layout1 .text__icon {
margin-top: 0;
}
.about-layout2 .about__img {
margin-right: 30px;
}
}
@media (min-width: 1300px) {
.about-layout1 .heading-layout2 .heading__title {
margin-left: -80px;
}
.about-layout1 .inner-wrapper {
padding-right: 70px;
}
.about-layout1 .video-banner-layout2 {
position: relative;
margin-left: 30px;
}
.about-layout1 .about__text {
margin-left: 50px;
}
}
@media (max-width: 1200px) {
.about-layout1 .cta__banner {
bottom: 20px;
left: 20px;
}
} @media (min-width: 320px) and (max-width: 575px) {
.about-layout2 .cta__banner {
padding: 15px;
}
.about-layout2 .cta__banner .cta__title {
font-size: 20px;
margin-bottom: 10px;
}
.about-layout2 .cta__banner .cta__desc {
font-weight: 400 !important;
}
} .banner-layout1 .text-block {
position: relative;
z-index: 3;
padding: 20px 20px 0 20px;
border-top-right-radius: 10px;
background-color: #ffffff;
}
.banner-layout1 .text-block .banner__text {
position: relative;
}
.banner-layout1 .text-block .banner__text:before {
content: '';
position: absolute;
top: 8px;
left: -20px;
width: 3px;
height: calc(100% - 16px);
background-color: #F17D00;
}
@media (min-width: 1200px) {
.banner-layout1 .text-block {
padding: 80px 80px 30px 70px;
}
.banner-layout1 .text-block .banner__text:before {
left: -70px;
}
.banner-layout1 .img-block {
position: absolute;
right: 0;
z-index: 1;
top: -140px;
width: 123%;
}
} .service-item {
position: relative;
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.service-item:after {
content: '';
position: absolute;
bottom: 0;
left: 35px;
right: 35px;
height: 3px;
background-color: #F17D00;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-item .service__icon {
font-size: 65px;
line-height: 1;
color: #F17D00;
margin-bottom: 50px;
}
.service-item .service__title {
position: relative;
font-size: 21px;
margin-bottom: 18px;
}
.service-item .service__desc {
margin-bottom: 0;
}
.service-item .service__body {
position: relative;
z-index: 2;
padding: 29px 35px 35px;
}
.service-item .btn {
height: 42px;
min-width: 140px;
margin-top: 28px;
}
.service-item:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media (max-width: 992px) {
.service-item:after {
left: 20px;
right: 20px;
}
.service-item .service__body {
padding: 20px;
}
} @media (min-width: 320px) and (max-width: 767px) {
.service-item .service__title {
font-size: 16px;
margin-bottom: 8px;
}
.service-item .service__icon {
font-size: 30px;
margin-bottom: 20px;
}
.service-item .service__icon i {
font-size: 45px;
}
.service-item .service__body {
padding: 17px 20px 20px;
}
.services-layout2 .service-item .service__body {
padding: 15px;
}
}
.about-layout2 .cta__banner {
max-width: 380px;
}
.cta__title.color-white span {
font-size: 35px;
font-weight: 500;
}
.heading__title {
font-size: 32px;
}
.text-mark {
color: #F17D00 !important;
}
.list-items li {
color: #9b9b9b;
padding-left: 22px;
}
.list-items li:before {
content: "";
position: absolute;
left: 0 !important;
top: 8px !important;
width: 10px !important;
height: 10px !important;
font-family: inherit;
font-size: 10px;
font-weight: 400;
line-height: 20px;
text-align: center;
border-radius: 2px;
color: #F17D00 !important;
background-color: #F17D00 !important;
transform: none;
display: flex;
align-items: center;
justify-content: center;
}
.about-layout2 .cta__banner {
position: absolute;
bottom: -50px;
right: 30px;
padding: 25px;
max-width: 380px;
border-radius: 7px;
}
@media (min-width: 320px) and (max-width: 767px) {
.about-wrapper .cta__banner {
position: absolute;
bottom: -80px;
right: 10px;
left: 30px;
padding: 20px;
max-width: 380px;
border-radius: 7px;
}
.about-wrapper .cta__title.color-white span {
font-size: 25px;
font-weight: 500;
line-height: 1;
}
.about-wrapper .cta__desc {
font-size: 12px;
}
}
@media (max-width: 992px) {
.about-wrapper .about__img {
margin: 0 auto 60px;
max-width: 700px;
}
.about-wrapper .row {
flex-direction: column-reverse;
gap: 40px;
}
}
.main-content {
overflow-x: hidden;
}
.banner-full {
height: calc(90vh + 80px);
padding-top: 80px;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
}
.slide-item {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
display: flex;
align-items: center;
}
@keyframes zoomInBackground {
0% {
background-size: 100%;
}
100% {
background-size: 120%;
}
}
.bg-overlay-2:before {
background-color: rgba(27, 26, 26, 0.4);
z-index: 1;
}
.banner-ful {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.banner-full-img {
position: relative;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
animation: zoomInBackground 10s ease-in-out forwards;
}
.banner-full-img img {
object-fit: cover;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
@keyframes zoomInBackground {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.slide__body {
position: relative;
z-index: 1;
padding: 0 20px;
}
.about-wrapper--img-right .row {
flex-direction: row-reverse;
}
@media (max-width: 992px) {
.about-wrapper--img-right .row {
flex-direction: column-reverse;
gap: 40px;
}
.slide__body {
padding: 0;
}
}
.img-block--br-20 {
border-radius: 20px;
overflow: hidden;
}
.img-block--br-20 img {
object-fit: cover;
width: 100%;
height: 100%;
}
.feature-item--icon {
position: relative;
padding: 28px 24px;
}
.feature-item--icon .feature__icon {
width: 120px;
height: 120px;
position: absolute;
right: 10px;
bottom: 10px;
opacity: 0.2;
font-size: 120px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.feature-item--icon .feature__icon img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.feature-item--icon .list-items li {
font-size: 15px;
font-weight: 500;
}
.feature-item--icon .feature__title {
margin-bottom: 10px;
}
.row-icons {
gap: 20px 0;
}
.row-icons .fancybox-item .fancybox__title {
font-size: 15px;
color: white;
}
.row-icons .fancybox-item .fancybox__icon {
position: relative;
font-size: 55px;
line-height: 1;
color: white;
margin-bottom: 10px;
width: 55px;
height: 55px;
}
.row-service {
justify-content: center;
margin: 0;
gap: 60px;
}
.service-style2 {
border: 1px solid #DDDDDD;
margin-bottom: 30px;
position: relative;
background-color: white;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
border-radius: 10px;
height: 100%;
}
.service-style2 .service-head {
padding: 42px 45px 0 45px;
}
.service-style2 .service-body {
padding: 25px 45px 40px 45px;
}
.service-style2 .service-list ul {
margin: 0;
}
.service-style2 .service-list li {
position: relative;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
color: #555555;
}
.service-style2 .service-list li:last-child {
margin-bottom: 0;
}
.service-style2 .service-list li:before {
content: "";
border: 3px solid #F17D00;
width: 14px;
height: 14px;
display: inline-block;
border-radius: 50%;
position: absolute;
left: 0;
top: 4px;
}
.service-style2 .service-icon {
width: 105px;
height: 105px;
line-height: 105px;
text-align: center;
outline: 2px solid #F17D00;
outline-offset: -6px;
background-color: white;
border-radius: 50%;
margin-bottom: -60px;
position: relative;
z-index: 1;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.service-style2 .service-icon img {
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.service-style2 .service-title {
margin-bottom: 17px;
color: #282828;
font-size: 30px;
}
.service-style2 .service-text {
color: #555555;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.service-style2 .service-img {
overflow: hidden;
margin: 0 20px 0 -20px;
}
.service-style2 .service-img img {
width: 100%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-transform: scale(1.01);
transform: scale(1.01);
border-radius: 10px;
}
.service-style2 .shape-dotted {
height: 32px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
opacity: 0;
visibility: hidden;
}
.slick-center .service-style2,
.service-style2:hover {
background-color: #111330;
border-color: transparent;
}
.slick-center .service-style2 .shape-dotted,
.service-style2:hover .shape-dotted {
opacity: 1;
visibility: visible;
bottom: -30px;
}
.slick-center .service-style2 .service-img img,
.service-style2:hover .service-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slick-center .service-style2 .service-list li,
.slick-center .service-style2 .service-text,
.service-style2:hover .service-list li,
.service-style2:hover .service-text {
color: #C6C6C6;
}
.slick-center .service-style2 .service-title,
.service-style2:hover .service-title {
color: #FFF;
}
.slick-center .service-style2 .service-icon,
.service-style2:hover .service-icon {
background-color: #F17D00;
outline-color: #FFF;
}
.slick-center .service-style2 .service-icon img,
.service-style2:hover .service-icon img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
.service-style2 .service-body {
padding: 25px 20px 40px 20px;
}
}
@media (min-width: 1200px) {
.pb-xl-150 {
padding-bottom: 150px !important;
}
}
.form-style2 {
background-color: white;
padding: 53px 50px 60px 50px;
}
.form-style2 .form-title {
font-size: 34px;
width: max-content;
margin: 0 0 20px 0;
max-width: 100%;
text-decoration: underline;
text-decoration-color: #F17D00;;
}
.form-style2 select,
.form-style2 input {
border: 1px solid #D9D9D9;
height: 60px;
}
.form-style2 .form-group {
margin-bottom: 30px;
}
.form-style2.layout2 {
padding: 0 59px 0 0;
}
.form-img1 {
margin-top: -95px;
}
@media (max-width: 1399px) {
.form-style1 {
padding: 60px 60px 60px 0;
}
.form-img1 {
margin: 0;
padding: 60px 0;
}
.form-img1 img {
width: 100%;
}
.form-style1.layout2 {
padding-right: 30px;
}
.form-style2.layout2 {
padding: 0 20px 0 0;
}
} @media (max-width: 1199px) {
.form-style1 {
padding: 40px 40px 40px 0;
}
.form-style1 .form-title {
font-size: 26px;
}
.form-style1 input {
height: 60px;
padding-left: 25px;
padding-right: 30px;
}
.form-style1.layout2 {
padding-right: 0;
}
.form-style2.layout2 {
padding: 0 0 0 0;
}
.form-style2.layout2 .form-title {
margin-bottom: 30px;
font-size: 20px;
}
.form-style2.layout2 textarea,
.form-style2.layout2 input {
padding-left: 20px;
}
} @media (max-width: 991px) {
.form-style1 {
padding-right: 0;
}
.form-style1 .form-title {
margin-bottom: 15px;
}
.form-img1 {
padding: 60px 0 0 0;
}
.form-style1.layout2 {
text-align: center;
}
.form-style2 {
padding: 43px 40px 50px 40px;
}
.form-style2 .form-title {
margin: 0 0 20px 0;
font-size: 30px;
}
} @media (max-width: 767px) {
.form-style1 .form-group {
display: block;
}
.form-style1 input {
margin-bottom: 20px;
}
.form-style1.layout2 .form-group {
background-color: transparent;
}
.form-style1.layout2 input {
background-color: white;
}
.form-style2 {
padding: 43px 20px 50px 20px;
}
.form-style2 .form-title {
margin: 0 0 30px 0;
font-size: 20px;
}
.form-style2 input,
.form-style2 select {
height: 50px;
padding-left: 15px;
background-position: right 15px center;
}
}
.faq-shape1 {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50%;
background-color: #EEC225;
z-index: -2;
}
.faq-shape2 {
position: absolute;
right: -36px;
top: 50%;
-webkit-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 180px;
font-weight: 900;
color: white;
opacity: 0.18;
text-transform: uppercase;
line-height: 1;
z-index: -1;
}
.faq-wrap1 {
position: relative;
background-color: #f7f7f7;
z-index: 1;
padding: 80px 0;
}
label {
margin-bottom: 0.5em;
margin-top: -0.3em;
display: block;
color: #1b1a1a;
font-size: 16px;
}
.form-group {
margin-bottom: 20px;
position: relative;
}
.form-group.has-label > i {
top: 45px;
}
.row.no-gutters > .form-group {
margin-bottom: 0;
}
.form-messages {
display: none;
}
.form-messages.mb-0 * {
margin-bottom: 0;
}
.wrapper {
overflow-x: hidden;
}
.form-style2 select, .form-style2 input {
border: 1px solid #D9D9D9;
height: 60px;
}
select, .form-control, .form-select, textarea, input {
height: 50px !important;
padding: 0 30px 0 28px;
padding-right: 45px;
border: 1px solid #E0E0E0;
color: #1b1a1a;
background-color: white;
font-size: 14px;
width: 100%;
border-radius: 4px;
}
textarea {
height: 100px !important;
padding-top: 10px;
padding-bottom: 10px;
}
@media (max-width: 1200px) {
.faq-shape1 {
position: absolute;
right: 0;
top: auto;
bottom: 0;
height: 50%;
width: 100%;
background-color: #F17D00;
z-index: -2;
}
} @font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 300;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.ttf) format("truetype");
}
@font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 800;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.ttf) format("truetype");
}
@font-face{font-display:swap;
font-family: "GoetheTitelCY";
font-weight: 400;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.ttf) format("truetype");
} @-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container { max-width: 830px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger-menu__wrap {
display: none;
}
.hamburger--slider .hamburger-inner {
top: 4px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
.no-scroll {
overflow: hidden;
}
@media screen and (min-width: 991px) {
.no-scroll {
padding-right: 17px;
}
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
top: 0;
left: 0;
}
.overlay:hover {
cursor: pointer;
}
.cl-effect-13 li::before, .header__language::before {
position: absolute;
top: 65%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-o-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 li:hover::before, .header__language:hover::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 li:hover > a {
color: #FFA646;
}
.slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.slick-dots li {
display: contents;
}
.slick-dots li button {
font-size: 0;
background-color: transparent;
border: none;
position: relative;
width: 10px;
height: 10px;
}
.slick-dots li button::after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #FFA646;
top: 0;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
}
.slick-dots li.slick-active button::after {
top: -4px;
left: -3px;
width: 17px;
height: 17px;
background: #FFA646;
}
.page-id-7 .header, .page-id-40 .header {
background: #555;
position: relative;
}
.page-id-7 .header.fixed-header, .page-id-40 .header.fixed-header {
position: fixed;
top: 0;
left: 0;
background: #555;
}
.menu-item {
display: block;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.header {
background: #555;
z-index: 10;
font-size: 16px;
position: fixed;
top: 0;
left: 0;
width: 100vw;
-webkit-transition: .5s all ease;
-o-transition: .5s all ease;
transition: .5s all ease;
}
.header .logo {
padding: 7px 0;
max-width: 100px;
}
.header .logo img {
display: block;
width: 100%;
}
.header a {
color: #fff;
display: block;
}
.header__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header__nav {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.header__nav .header-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header__nav .header-menu__list .menu-item {
position: relative;
}
.header__nav .header-menu__list .menu-item a {
padding: 20px 12px;
}
.header__nav .header-menu__list > .menu-item-has-children::after {
content: '';
position: absolute;
display: block;
width: 4px;
height: 4px;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border-right: 1px solid white;
border-bottom: 1px solid white;
}
.header__nav .header-menu__list > .menu-item-has-children .menu-item::before {
content: unset;
}
.header__nav .header-menu__list > .menu-item-has-children:hover::after {
border-color: #FFA646;
}
.header__nav .header-menu__list .sub-menu {
opacity: 0;
pointer-events: none;
position: absolute;
min-width: 190px;
background: #555;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header__nav .header-menu__list .sub-menu .menu-item {
border-bottom: 1px solid #424242;
padding: 5px 5px 5px 10px;
}
.header__nav .header-menu__list .sub-menu .menu-item:last-of-type {
border: none;
}
.header__nav .header-menu__list .sub-menu .menu-item:hover {
background: #555;
}
.header__nav .header-menu__list .sub-menu .menu-item:hover a {
color: #FFA646;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header__nav .header-menu__list .sub-menu a {
padding: 5px;
}
.header__nav .header-menu__list .sub-menu::before {
content: '';
position: absolute;
top: -2px;
left: 0;
height: 2px;
width: 100%;
}
.header__nav .header-menu__list .sub-menu:hover {
opacity: 1;
}
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu {
top: 100%;
left: 0;
}
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu {
left: 100%;
top: 0;
}
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu a {
color: white;
}
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu .menu-item:hover a {
color: #FFA646;
}
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all;
}
.header__nav .header-menu__list > .menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all;
}
.header__nav .header-menu__list_mobile {
display: none;
}
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu {
pointer-events: auto;
position: static;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
height: 0;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu.active {
height: auto;
}
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu .menu-item {
border: none;
}
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu .sub-menu {
position: static;
}
.header__phone {
font-size: 14px;
line-height: 17px;
font-weight: 800;
position: relative;
top: 1px;
}
.header__phone a {
display: inline-block;
}
.header__phone_mobile {
display: none;
}
.header__language_mobile {
position: absolute;
top: 10px;
left: 10px;
display: none;
}
.header__language_mobile .language__current_mobile {
color: white;
}
.header__language_mobile .language__switch_mobile a {
color: #FFA646;
}
.header__language {
position: relative;
}
.header__language:hover {
color: #FFA646;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header__language:hover .language__current {
color: #FFA646;
}
.header__language:hover .language__switch {
opacity: 1;
pointer-events: all;
background: #555;
}
.header__language:hover .language__switch:hover {
background-color: #555;
}
.header__language:hover .language__switch:hover a {
color: #FFA646;
}
.header .mobile {
display: none;
}
.burger__close {
display: none;
background: transparent;
border: none;
position: fixed;
width: 20px;
height: 20px;
top: 10px;
right: 10px;
cursor: pointer;
}
.burger__close::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
height: 4px;
width: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: white;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.burger__close::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
height: 4px;
width: 20px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: white;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.burger__button {
width: 34px;
height: 18px;
position: relative;
padding: 9px 0;
left: 0;
cursor: pointer;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.burger__button:hover {
left: 5px;
}
.burger__button:hover::before, .burger__button:hover::after {
left: 0;
}
.burger__button::before {
content: '';
position: absolute;
display: block;
width: 27px;
height: 2px;
top: 0;
left: 9px;
background: #fff;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.burger__button::after {
content: '';
position: absolute;
display: block;
width: 27px;
height: 2px;
bottom: 0;
left: 9px;
background: #fff;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.burger__button.is-active {
left: 5px;
}
.burger__button.is-active .burger__part {
opacity: 0;
left: 10px;
}
.burger__button.is-active::before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
top: 6px;
left: 0;
}
.burger__button.is-active::after {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
bottom: 10px;
left: 0;
}
.burger__part {
position: absolute;
width: 27px;
height: 2px;
top: calc(50% - 1px);
left: 0;
background: #fff;
opacity: 1;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.burger__menu {
display: none;
position: absolute;
background: #222;
min-width: 190px;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.burger__menu .menu-item {
font-size: 14px;
line-height: 16px;
padding: 7px 0 9px 19px;
border-bottom: 1px solid #424242;
}
.language {
color: #fff;
}
.language__current {
position: relative;
padding: 20px 12px 20px 10px;
cursor: pointer;
line-height: 18px;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.language__current:hover {
color: #FFA646;
}
.language__current:hover::after {
border-color: #FFA646;
}
.language__current::after {
content: '';
position: absolute;
display: block;
width: 4px;
height: 4px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
top: 50%;
right: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.language__switch {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.language__switch li::before {
content: unset;
}
.language__switch a {
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 10px;
padding-right: 12px;
}
.language__switch:hover a {
color: #FFA646;
}
.footer {
padding: 36px 0 10px;
color: #fff;
background-color: #555;
}
.footer .container {
max-width: 830px;
}
.footer__copyright {
text-align: center;
}
.footer a {
color: #fff;
}
.footer a.footer__mobios {
color: #FFA646;
}
.footer a.footer__mobios:hover {
text-decoration: underline;
}
.footer__nav {
margin-bottom: 40px;
}
.footer-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-menu__list .menu-item {
font-size: 16px;
line-height: 18px;
margin: 0 20px;
position: relative;
}
.footer-menu__list .menu-item a {
padding: 10px 0;
}
.footer__links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.footer__links .logo {
max-width: 100px;
margin-right: 45px;
}
.footer__links .logo img {
width: 100%;
}
.footer__contacts {
padding: 0 45px;
height: 56px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-left: 1px solid #787878;
border-right: 1px solid #787878;
}
.footer__socials {
margin-left: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-basis: 150px;
-ms-flex-preferred-size: 150px;
flex-basis: 180px;
}
.footer__phone {
margin-bottom: 5px;
}
.footer__phone-link {
font-weight: 800;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer__phone-link:hover {
color: #FFA646;
}
.footer__email-link {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer__email-link:hover {
color: #FFA646;
}
.footer__social-link {
display: block;
width: 30px;
height: 30px;
position: relative;
}
.footer__social-link::after {
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.footer__social-link.fa::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/facebook.svg);
}
.footer__social-link.in::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/instagram.svg);
}
.footer__social-link.yt::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/youtube.svg);
}
.footer__social-link.te::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/telegram.svg);
}
.footer__social-link.link::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/linkedin.svg);
}
.footer__social-link:hover::after {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
line-height: 110%;
}
*:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 14px;
min-width: 320px;
font-family: "Gilroy", sans-serif;
background-color: #fff;
color: #222;
overflow-x: hidden;
}
aside {
overflow: hidden;
}
section, header, footer, main, aside {
position: relative;
}
input:focus, button:focus, a:focus {
outline: none;
}
ul {
list-style: none;
}
a {
text-decoration: none;
color: #222;
}
nav a {
position: relative;
display: inline-block;
}
h1::-moz-selection, h2::-moz-selection, h2::-moz-selection, h3::-moz-selection, p::-moz-selection, a::-moz-selection, span::-moz-selection {
background-color: #FFA646;
}
h1::selection, h2::selection, h2::selection, h3::selection, p::selection, a::selection, span::selection {
background-color: #FFA646;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.text-center {
text-align: center;
}
.main-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.feedback {
padding-top: 47px;
padding-bottom: 55px;
}
.feedback .section-title {
text-align: center;
}
.feedback__inputs {
max-width: 700px;
margin: 40px auto 0;
}
.feedback__inputs_left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.feedback__inputs_right {
margin-bottom: 20px;
}
.feedback__label {
display: block;
font-size: 14px;
line-height: 17px;
font-weight: 800;
color: #555;
margin-bottom: 5px;
}
.feedback__input {
display: block;
padding: 15px 0 15px 15px;
width: 100%;
font-family: "Gilroy", sans-serif;
color: #222;
border: 1px solid #D9D9D9;
}
.feedback__input-container {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.btn-submit {
display: block;
padding: 13px 60px;
margin: 0 auto;
font-family: Gilroy, sans-serif;
font-weight: 800;
font-size: 14px;
line-height: 17px;
background: transparent;
border: 1px solid #FFA646;
-webkit-border-radius: 16px;
border-radius: 16px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
}
.btn-submit:hover {
background: #FFA646;
color: white;
}
.callback .feedback__input {
margin-bottom: 20px;
}
.popup__title {
font-size: 24px;
font-weight: 800;
text-align: center;
margin-bottom: 20px;
}
@-webkit-keyframes pointer {
from {
background-position: 20px 0;
}
to {
background-position: 45px 0;
}
}
@keyframes pointer {
from {
background-position: 20px 0;
}
to {
background-position: 45px 0;
}
}
.header__burger {
display: none;
}
@media screen and (max-width: 900px) {
.header__burger {
display: block;
}
}
.header-app-link {
padding: 12px 36px 12px;
font-size: 14px;
}
@media screen and (max-width: 1200px) {
.header .logo {
order: 0;
}
.header__phone {
display: none;
}
.header__phone_mobile a {
display: block;
width: 34px;
height: 34px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/telephone.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.header__phone_mobile {
display: block;
order: 1;
margin: 0 10px;
}
.header__burger {
order: 5;
}
.header-app-link {
order: 4;
}
}
@media screen and (max-width: 480px) {
.header-app-link {
padding: 8px 12px 8px;
font-size: 13px;
}
}
.sidemenu-area .widget_title, .sidebar-area .widget_title {
position: relative;
}
.wp-block-search__label, .widget_title {
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 1em;
margin: -0.1em 0 29px 0;
padding-bottom: 16px;
text-transform: uppercase;
border-bottom: 3px solid #E4E4E4;
}
.sidemenu-area .widget_title:before, .sidebar-area .widget_title:before {
content: '';
height: 3px;
width: 50px;
background-color: #FFA646;
position: absolute;
bottom: -3px;
left: 0;
z-index: 1;
-webkit-animation: lineMove 10s linear infinite;
animation: lineMove 10s linear infinite;
}
@-webkit-keyframes lineMove {
0% {
left: 0px;
}
50% {
left: calc(100% - 50px);
}
100% {
left: 0px;
}
}
@keyframes lineMove {
0% {
left: 0px;
}
50% {
left: calc(100% - 50px);
}
100% {
left: 0px;
}
}
.fa-arrow-right:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="black"/></svg>');
transition: all 0.3s ease-in-out;
}
.fa-arrow-right {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.fa-arrow-left:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="black"/></svg>');
transition: all 0.3s ease-in-out;
transform: rotate(180deg);
}
.fa-arrow-left {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.pt-50 {
padding-top: 50px;
}
.text-center {
text-align: center !important;
}
.widget_categories a,
.th-product .product-title a {
transition: all 0.3s ease-in-out;
}
.widget_categories a:hover,
.th-product .product-title a:hover {
color: #FFA646;
}
.overflow-hidden {
overflow: hidden;
}
.application-link.header-app-link {
text-align: center;
}
.categories .row.flex-row-reverse {
@media (max-width: 992px) {
gap: 50px;
}
}
@media (max-width: 768px) {
.breadcrumbs {
overflow-x: auto;
width: 100%;
margin: 10px 0;
padding-bottom: 10px;
display: flex;
align-items: center;
}
.breadcrumbs::-webkit-scrollbar {
width: 2px;
height: 2px;
border-radius: 5px;
}
.breadcrumbs::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.breadcrumbs::-webkit-scrollbar-thumb {
background-color: #FFA646;
border-radius: 5px;
}
.breadcrumbs a,
.breadcrumbs__current,
.breadcrumbs__link {
width: 100%;
white-space: nowrap;
}
}
@media (max-width: 410px) {
.header-app-link {
padding: 8px 10px 8px;
font-size: 12px;
}
.header__phone_mobile a {
width: 30px !important;
height: 30px !important;
}
.header__phone_mobile {
margin: 0 8px !important;
}
.header .logo {
max-width: 90px !important;
}
}
.accordion-collapse {
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.accordion-button.collapsed {
border-bottom-width: 1px !important;
}
.faq {
padding: 70px 0 40px;
@media (max-width: 991px) {
padding: 40px 0;
}
}
.accordion-button:not(.collapsed) {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA646'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed) {
box-shadow: none !important;
}
.accordion-button:focus {
box-shadow: none !important;
border-color: rgba(0, 0, 0, .125);
}
.accordion-button {
transition: all 0.3s ease-in-out;
}
.accordion-button:hover {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-card.style2 {
margin-top: 20px;
}
.accordion-button {
font-weight: 600;
font-size: 18px;
text-align: left;
line-height: 1.2;
}
.accordion-body {
font-size: 16px;
}
.accordion-card:not(:last-child) {
margin-bottom: 25px;
}
.faq-text {
line-height: 1.2;
}
.sub-menu {
padding-left: 0;
}
.seo__text {
max-height: 350px;
overflow-y: auto;
width: 100%;
padding-right: 10px;
}
.seo__text::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.seo__text::-webkit-scrollbar-thumb {
background-color: #FFA646 !important;
border-radius: 5px;
}
.seo__text::-webkit-scrollbar {
width: 5px;
height: 5px;
border-radius: 5px;
}
.seo__text ol,
.seo__text ul {
padding-left: 16px;
margin-bottom: 16px;
margin-top: 16px;
}
.seo__text ul li {
list-style-type: disc !important;
margin-bottom: 8px;
padding-left: 5px;
}
.seo__text ol li {
list-style-type: auto !important;
margin-bottom: 8px;
padding-left: 5px;
}
.seo__text h3 {
margin-bottom: 20px;
font-size: 24px;
line-height: 29px;
}
.seo__text h2,
.seo__text h3,
.seo__text h4,
.seo__text h5,
.seo__text h6 {
margin-bottom: 16px;
}
.seo__text h4 {
font-size: 18px;
font-weight: 600;
}
.seo__text h5 {
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.seo__text h6 {
font-size: 14px;
font-weight: 600;
}
.seo__title {
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-transform: uppercase;
max-width: 430px;
margin-bottom: 17px;
}
.seo__text {
font-size: 16px;
line-height: 18px;
}
.seo__text-more {
display: none;
}
.seo__text-more p:last-of-type {
margin-bottom: 0;
}
.seo__text p {
margin-bottom: 16px;
}
.seo__text h3 {
margin-bottom: 20px;
font-size: 24px;
line-height: 29px;
}
.seo__text a {
color: #ffa646;
transition: all 0.3s ease-in-out;
}
.seo__text a:hover {
color: #EEC225;
}
.seo {
padding: 70px 0 40px;
position: relative;
overflow: hidden;
}
.faq .section-title,
.seo .section-title {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.seo__text {
max-height: 300px;
}
}
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
main,
main.main-content {
flex: 1;
}
.header__phone_mobile a {
width: 25px !important;
height: 25px !important;
}
.application-link.header-app-link {
padding: 12px;
}
.footer__social-link--header {
margin: 0 6px !important;
}
@media (max-width: 450px) {
.header__phone_mobile a {
width: 25px !important;
height: 25px !important;
}
.header .logo {
max-width: 85px !important;
}
.header-app-link {
padding: 8px 8px 8px;
font-size: 10px;
}
.header__phone_mobile {
margin: 0 6px !important;
}
.footer__social-link--header-telegram.footer__social-link::after {
background-size: 100%;
width: 100%;
height: 100%;
}
.burger__button::before,
.burger__part,
.burger__button::after {
width: 24px;
}
}
@media (min-width: 900px) and (max-width: 992px) {
.header__nav .header-menu__list .menu-item a {
padding: 20px 10px;
font-size: 14px;
}
.header-app-link {
padding: 12px;
font-size: 12px;
}
}
@media (max-width: 1200px) {
.footer__social-link--header {
order: 1;
margin: 0 6px !important;
}
}
@media (min-width: 992px)  and (max-width: 1200px) {
.header-app-link {
padding: 12px;
font-size: 13px;
}
.header__nav .header-menu__list .menu-item a {
padding: 20px 10px;
font-size: 14px;
}
}
@media (min-width: 1200px) {
.application-link.header-app-link {
padding: 12px 36px;
}
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
fill: #EEC225 !important;
}
body #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
fill: #EEC225 !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip {
background: #EEC225 !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
fill: #EEC225 !important;
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-outside {
fill: #EEC225;
fill-opacity: .06;
}
body #bingc-passive div.bingc-passive-overlay {
background: #555 !important;
}
body #bingc-active {
background: #EEC225 !important;
}
body #bingc-passive div.bingc-passive-overlay #bingc-passive-phone-form-button {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-passive div.bingc-passive-overlay #bingc-passive-phone-form-button:hover {
background: #FFA646 !important;
}
body #bingc-active {
background: #555 !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:hover {
background: #FFA646 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover {
background: #FFA646 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover {
background: #FFA646 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover {
background: #FFA646 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour {
transition: all 0.2s ease-in-out;
}
.footer a.footer__mobios {
color: #FFA646;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
}
.footer a.footer__mobios:hover {
color: white;
}
a {
transition: all 0.3s ease-in-out;
text-decoration: none !important;
}
.footer a.footer__mobios {
color: #FFA646;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
}
.footer a.footer__mobios:hover {
color: white;
}
.application-link {
display: inline-block;
padding: 17px 59px 15px;
font-size: 16px;
line-height: 20px;
font-weight: 800;
background: #EEC225;
-webkit-border-radius: 32px;
border-radius: 32px;
-webkit-box-shadow: 0px 0px 8px #EEC225;
box-shadow: 0px 0px 8px #EEC225;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
color: #fff;
}
.application-link:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: #FFA646;
}
.application-link.header-app-link {
text-align: center;
}
.application-link.header-app-link {
padding: 12px;
}
.section-title {
font-size: 48px;
line-height: 59px;
font-weight: 800;
text-transform: uppercase;
color: #222;
}
.section-title .accented {
display: block;
text-align: center;
color: #FFA646;
line-height: 44px;
}
@media screen and (max-width: 380px) {
.section-title {
font-size: 34px;
line-height: 46px;
}
}
.accordion-collapse {
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.accordion-button.collapsed {
border-bottom-width: 1px !important;
}
.faq {
padding: 70px 0 40px;
@media (max-width: 991px) {
padding: 40px 0;
}
}
.accordion-button:not(.collapsed) {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA646'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed) {
box-shadow: none !important;
}
.accordion-button:focus {
box-shadow: none !important;
border-color: rgba(0, 0, 0, .125);
}
.accordion-button {
transition: all 0.3s ease-in-out;
}
.accordion-button:hover {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-card.style2 {
margin-top: 20px;
}
.accordion-button {
font-weight: 600;
font-size: 18px;
text-align: left;
}
.accordion-body {
font-size: 16px;
}
.accordion-card:not(:last-child) {
margin-bottom: 25px;
}
.services-seo {
margin-top: 20px;
}
.services-seo__inner {
margin-top: 20px;
font-size: 16px;
line-height: 18px;
}
.services-seo__inner p, .services-seo__inner ul, .services-seo__inner h3, .services-seo__inner h4, .services-seo__inner h2, .services-seo__inner h5, .services-seo__inner h6 {
margin-bottom: 16px;
line-height: 1.2;
}
.services-seo__inner h3 {
font-size: 24px;
line-height: 29px;
}
.services-seo__inner ol {
position: relative;
padding-left: 16px;
}
.services-seo__inner ul li,
.services-seo__inner ol li {
margin-bottom: 5px;
}
.services-seo__inner ul li {
position: relative;
padding-left: 16px;
}
.services-seo__inner ul li::before {
content: '';
position: absolute;
display: block;
top: 7px;
left: 0;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #FFA646;
}
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
.hamburger-menu__wrap {
display: none; }
.hamburger--slider .hamburger-inner {
top: 4px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg); }
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8; }
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0; }
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0; }
.no-scroll {
overflow: hidden; }
@media screen and (min-width: 991px) {
.no-scroll {
padding-right: 17px; } }
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
top: 0;
left: 0; }
.overlay:hover {
cursor: pointer; }
.cl-effect-13 li::before, .header__language::before {
position: absolute;
top: 65%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-o-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none; }
.cl-effect-13 li:hover::before, .header__language:hover::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff; }
.cl-effect-13 li:hover > a {
color: #FFA646; }
.white-popup {
background: white;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 30px;
max-width: 400px;
margin: auto; }
@media screen and (min-width: 1921px) {
.projects .container.container-right {
max-width: 1520px;
margin: 0 auto;
}
.projects__carousel-wrapper .slick-list {
padding-left: 15px;
margin: 0 -30px;
}
}
@media screen and (max-width: 1500px) {
.about::after {
content: unset;
}
}
@media screen and (max-width: 1366px) {
.welcome {
padding-top: 180px;
}
}
@media screen and (max-width: 1250px) {
.about__services {
margin-bottom: 80px;
}
.partners__inner {
display: block;
}
.partners__title-container {
text-align: center;
margin-right: 0;
}
.partners__list {
margin: 40px auto 0;
}
.partners__item {
padding: 0;
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-left: none;
}
}
@media screen and (max-width: 1199px) {
.about__counter {
width: 100%;
}
.about-us .promo__video {
margin: 60px 0 20px 20px;
}
}
@media screen and (max-width: 991px) {
.welcome {
padding-bottom: 140px;
}
.welcome__title {
font-size: 70px;
line-height: 70px;
}
.welcome__subtitle {
font-size: 24px;
line-height: 28px;
}
.about {
padding-bottom: 40px;
}
.about__inner::before {
content: unset;
}
.about__counter {
padding: 10px;
}
.about__services {
margin-bottom: 40px;
}
.about .promo__link {
margin-bottom: 40px;
}
.counter__item {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 10px 0;
border-bottom: 1px solid #EAEAEA;
}
.counter__item:nth-of-type(2) {
border-right: none;
}
.counter__item:nth-of-type(3), .counter__item:nth-of-type(4) {
border-bottom: none;
}
.request {
padding: 30px 0;
}
.request__picture-wrapper {
display: none;
}
.request__content {
text-align: center;
}
.request__text {
margin-bottom: 20px;
}
.request__title {
margin-bottom: 6px;
}
.projects {
padding-bottom: 40px;
padding-top: 40px;
}
.projects__inner {
margin-top: 20px;
}
.projects__description {
padding-top: 0;
}
.projects__excerpt p {
margin-bottom: 20px;
}
.projects__link::before {
content: unset;
}
.projects__link::after {
left: 100px;
width: 200px;
}
.projects__nav {
margin-top: 30px;
}
.projects__carousel-wrapper .slick-slide {
width: 300px;
}
.projects .description-slider__arrows {
margin-top: 20px;
margin-bottom: 20px;
}
.product-body .container::after {
content: unset;
}
.blog-page .container::after {
content: unset;
}
.blog {
padding-top: 40px;
}
.blog .container::after {
content: unset;
}
.blog__seo {
margin-top: 15px;
}
.blog__posts {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog::after {
content: unset;
}
.promo__text {
margin: 30px 0;
}
.about-us__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.about-us .promo__video {
float: unset;
margin: 0;
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.about-us__gallery {
height: 175px;
}
.product-head__main {
padding-top: 30px;
}
.single-post .post__meta {
margin-top: 30px;
}
.about-us .section-title {
text-align: center;
}
.projects-page .container::after {
content: unset;
}
.services-single .services__inner::before {
content: unset;
}
}
@media screen and (max-width: 900px) {
.header__nav {
display: none;
}
.header__phone {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
}
.header__language {
display: none;
}
.header__language_mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header__burger {
margin-right: 20px;
}
.header-menu__list_mobile {
display: block;
}
.header .burger__menu {
top: -10px;
left: 0;
width: 50vw;
height: 100vh;
padding-top: 40px;
overflow: auto;
}
.header .burger__menu a {
font-size: 16px;
}
.header .logo {
margin-right: 20px;
}
.header .mobile {
display: block;
}
.header .mobile .menu-item-has-children {
position: relative;
}
.header .mobile .menu-item-has-children::after {
content: '';
position: absolute;
width: 4px;
height: 4px;
right: 10px;
top: 14px;
border-right: 1px solid white;
border-bottom: 1px solid white;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header .mobile .menu-item-has-children.active {
padding-bottom: 0;
}
.header .mobile .menu-item-has-children.active::after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.header .mobile .menu-item-has-children.active > a {
padding-bottom: 7px;
}
.header .mobile .sub-menu {
display: none;
}
.header .mobile .sub-menu .menu-item {
border: none;
position: relative;
}
.header .mobile .sub-menu .menu-item::before {
content: '';
position: absolute;
width: 4px;
height: 4px;
left: 6px;
top: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
}
.burger__close {
display: block;
}
.services-single .services__container {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.services-single .services__item {
-webkit-flex-basis: 29%;
-ms-flex-preferred-size: 29%;
flex-basis: 29%;
margin-left: 15px;
margin-right: 15px;
}
}
@media screen and (max-width: 810px) {
.about .services__item {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about .services__item:nth-of-type(1), .about .services__item:nth-of-type(2), .about .services__item:nth-of-type(3) {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about .services__item:nth-of-type(1) .services__title, .about .services__item:nth-of-type(2) .services__title, .about .services__item:nth-of-type(3) .services__title {
font-size: 18px;
}
.about .services__item:last-of-type {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.about .services__item .services__link {
height: 125px;
}
}
@media screen and (max-width: 768px) {
.main-content:not(.home .main-content) {
padding-top: 87px;
}
.welcome {
padding-top: 120px;
}
.promo__video {
margin-top: 0;
}
.partners__list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
border-right: none;
}
.partners__item {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
border: none;
}
.services__link:hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.about-us__gallery {
height: 100px;
}
.product-head__inner .col-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.product-head__inner .col-lg-4 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.product-head__inner .col-lg-6 {
margin-bottom: 30px;
}
.product-head__vertical-slider {
padding: 0 100px;
}
.product-head__vertical-slider .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.product-head__vertical-slider .slick-track::before, .product-head__vertical-slider .slick-track::after {
content: unset;
}
.product-head__vertical-slider .slick-list {
margin: 0 -20px;
}
.product-head__vertical-slider .slick-slide {
float: unset;
height: unset;
margin: 0 20px;
}
.product-head__vertical-slider .slick-slide img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-head__vertical-slider .slick-prev {
position: absolute;
left: 30px;
top: calc(50% - 12px);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
margin: 0;
}
.product-head__vertical-slider .slick-prev:hover {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.product-head__vertical-slider .slick-next {
position: absolute;
right: 30px;
top: calc(50% - 12px);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
margin: 0;
}
.product-head__vertical-slider .slick-next:hover {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.product-head__slider-container {
max-width: 420px;
margin: 0 auto;
}
.product-body .tabs__link {
padding: 0 10px;
}
.single-project__img-container {
float: none;
margin: 0 auto 30px;
height: 200px;
}
}
@media screen and (max-width: 730px) {
.services-single .services__item {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
}
@media screen and (max-width: 650px) {
.welcome__title {
font-size: 56px;
line-height: 60px;
}
.footer-menu__list {
display: block;
text-align: center;
}
.footer-menu__list .menu-item {
margin-bottom: 10px;
}
.footer__nav {
margin-bottom: 20px;
}
.footer__links {
display: block;
text-align: center;
}
.footer__contacts {
border: none;
}
.footer__socials {
margin: 10px auto 0;
max-width: 200px;
}
.footer .logo {
margin: 0 auto;
}
.services__link {
padding-right: 15px;
}
.projects__carousel-wrapper .slick-slide {
width: 250px;
}
.feedback__inputs_left {
margin-bottom: 0;
}
.feedback__input-container {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-bottom: 15px;
}
}
@media screen and (max-width: 570px) {
.product-body .tabs__link {
font-size: 16px;
}
.product-body .tabs__content p {
font-size: 14px;
}
.single-project__img-container {
height: 150px;
}
}
@media screen and (max-width: 550px) {
.about-us {
padding-bottom: 20px;
}
.about-us .section-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 30px;
}
.about-us__content p {
font-size: 14px;
}
.about-us__inner {
padding-bottom: 20px;
}
.about-us__item {
width: 45%;
}
.about-us__fancylink::before {
content: unset;
}
.about-us__fancylink:hover .about-us__zoom {
display: none;
}
.about-us .drag__text {
display: none;
}
.about-us .drag__pic {
margin-right: 0;
}
.contacts__inner__container {
display: block;
}
.contacts__inner__phone-section {
margin-right: 0;
}
.contacts__inner__address-section {
margin: 20px auto 0;
}
.product-head__vertical-slider {
padding: 0 50px;
}
.product-head__vertical-slider .slick-slide {
margin: 0 5px;
}
.product-head__vertical-slider .slick-list {
margin: 0 -5px;
}
.product-head__vertical-slider .slick-prev {
left: 10px;
}
.product-head__vertical-slider .slick-next {
right: 10px;
}
}
@media screen and (max-width: 520px) {
.product-body .tabs__link {
display: block;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #787878;
max-width: 200px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.product-body .tabs__link.active {
border: 1px solid #FFA646;
}
.product-body .tabs__link:first-of-type {
padding: 5px;
}
.product-body .tabs__link::after {
content: unset;
}
}
@media screen and (max-width: 500px) {
.header__inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header .logo {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-right: 0;
text-align: center;
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header .logo a {
text-align: left;
}
.header__phone {
display: none;
}
.header__phone_mobile {
display: block;
margin-right: 20px;
}
.header__phone_mobile a {
display: block;
width: 34px;
height: 34px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/telephone.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.header__burger {
margin-right: 0;
}
.header__burger .burger__button {
margin-left: auto;
}
.welcome {
margin-top: -95px;
}
.about__counter {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0;
}
.about .counter__item {
display: block;
}
.about .counter__number, .about .counter__text {
display: block;
text-align: center;
margin: 0 auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.projects__nav {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.projects__nav-hr {
display: none;
}
}
@media screen and (max-width: 460px) {
.header .burger__menu {
width: 100vw;
}
.header .burger__menu .menu-item {
padding: 15px 5px 15px 20px;
}
.header .burger__close {
display: none;
}
.header .burger__button {
z-index: 10;
}
.header .mobile .menu-item-has-children::after {
top: 21px;
}
.header .mobile .sub-menu .menu-item::before {
top: 22px;
}
.welcome {
padding-bottom: 110px;
}
.welcome__title {
font-size: 42px;
line-height: 46px;
}
.welcome__subtitle {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.about__services {
display: block;
}
.about__counter {
margin-top: 20px;
}
.projects__nav {
display: block;
}
.projects__away-link {
width: 250px;
margin: 0 auto 20px;
}
.projects .description-slider__pagination {
width: 120px;
margin: 0 auto;
}
.feedback__input-container {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.post-template-single-service .page-title {
font-size: 36px;
}
.services-single .services__item {
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
.single-project__img-container {
height: 100px;
width: 80%;
}
}
@media screen and (max-width: 390px) {
.single-post .form__upper {
display: block;
}
.single-post .comment-form-author {
padding-right: 0;
}
.single-post .comment-author {
padding-right: 0;
display: block;
}
.single-post .comment-metadata {
margin-left: 0;
margin-top: 15px;
}
.single-post .comment-form-email {
padding-left: 0;
margin-top: 10px;
}
.single-post #submit {
margin: 30px auto 0;
}
.single-post .comments__post {
padding-bottom: 30px;
}
}
@media screen and (max-width: 380px) {
.post-template-single-service .page-title {
font-size: 24px;
line-height: 30px;
margin-bottom: 30px;
}
.post-template-single-service .section-subtitle::before {
content: unset;
}
.post-template-single-service .section-subtitle__inner {
font-size: 20px;
}
.section-title {
font-size: 34px;
line-height: 46px;
}
.welcome__title {
font-size: 36px;
line-height: 40px;
}
.welcome .application-link {
padding: 10px 40px 10px;
}
.promo__link {
padding-right: 170px;
}
.promo__link:hover::before {
width: 150px;
}
.promo__link::after {
width: 150px;
}
.promo__link::before {
left: calc(100% - 150px);
}
.blog .text-show-more {
padding-right: 170px;
}
.blog .text-show-more:hover::after {
width: 150px;
}
.blog .text-show-more::before {
width: 150px;
}
.blog .text-show-more::after {
left: calc(100% - 150px);
}
.blog .seo__title {
font-size: 24px;
line-height: 28px;
}
.projects__carousel-wrapper .slick-slide {
width: 200px;
}
.services-seo__inner p, .services-seo__inner li {
font-size: 14px;
}
}
@media screen and (min-width: 574px) and (max-width: 991px) {
.page-id-7 .blog__post:last-of-type, .page-id-40 .blog__post:last-of-type {
display: none;
}
}
@media (max-width: 450px) {
.header-app-link {
padding: 8px 8px 8px;
font-size: 10px;
}
}
@media screen and (max-width: 768px) {
.main-content:not(.home .main-content) {
padding-top: 51px;
}
}
.wpcf7-not-valid-tip {
left: 0;
color: #dc3232;
font-weight: normal;
display: block;
position: absolute;
bottom: -14px;
font-size: 12px;
} .heading__desc-content p,
.heading__desc-content ol li,
.heading__desc-content ul li,
.feature__desc-content p,
.feature__desc-content ol li,
.feature__desc-content ul li {
font-size: 16px;
margin-bottom: 0;
}
.feature__desc-content p,
.feature__desc-content ol li,
.feature__desc-content ul li {
line-height: 1.6;
font-size: 14px;
}
.heading__desc-content p,
.feature__desc-content p {
margin-bottom: 8px;
}
.heading__desc-content ul,
.feature__desc-content ul {
padding-left: 0;
list-style: none;
margin: 10px 0;
}
.heading__desc-content ul li,
.feature__desc-content ul li {
position: relative;
padding-left: 32px;
margin-bottom: 9px;
padding-left: 22px;
position: relative;
font-size: 16px;
color: #222;
font-weight: 400;
}
.feature__desc-content ul li {
margin-bottom: 4px;
line-height: 1.4;
}
.heading__desc-content ul li:before,
.feature__desc-content ul li:before {
content: "";
position: absolute;
left: 2px !important;
top: 4px !important;
width: 10px !important;
height: 10px !important;
font-family: inherit;
font-size: 10px;
font-weight: 400;
line-height: 20px;
text-align: center;
border-radius: 2px;
color: #F17D00 !important;
background-color: #F17D00 !important;
transform: none;
display: flex;
align-items: center;
justify-content: center;
}
.feature__desc-content ul li:before {
top: 6px!important;
}
.heading__desc-content ul li span,
.feature__desc-content ul li span {
display: inline-block;
background-color: #F17D00;
box-shadow: -10px 0 0 #F17D00, 10px 0 0 #F17D00;
color: #FFFFFF;
line-height: 1;
padding: 3px 0;
margin: 0 10px;
}
.heading__title-mark span,
.heading__desc-mark span {
display: inline;
background-color: #EEC225;
color: #FFFFFF;
line-height: 1.5;
padding: 3px 0;
margin: 0;
}
.service-style2 .service-text {
font-size: 16px;
margin-bottom: 0;
}
.service-style2 .service-body {
padding: 25px 50px 10px 50px;
}
@media (max-width: 768px) {
.service-style2 .service-body {
padding: 25px 20px 10px 20px;
}
.service-style2 .service-img {
overflow: hidden;
margin: 0 20px 0 -10px;
}
}
.banner-layout1 .text-block .banner__text p {
font-size: 16px;
}
.faq-shape2 {
white-space: nowrap;
font-size: 140px;
}
@media (max-width: 1200px) {
.faq-shape2 {
bottom: 50px;
top: auto;
transform: translateY(0) rotate(180deg);
font-size: 100px;
}
}
.feature__desc-content ul li {
font-size: 14px;
}
.section-form .wpcf7-not-valid-tip {
bottom: -32px;
}
.section-form textarea + .wpcf7-not-valid-tip {
bottom: -14px;
}
.section-form form {
position: relative;
}
.wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-response-output {
display: none;
}
.swal2-styled.swal2-confirm {
background-color: #F17D00!important;
transition: all 0.3s ease-in-out;
color: #ffffff!important;
border-color: #F17D00!important;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #F17D00!important;
}
.bg-smoke {
background-color: #f7f7f7;
} .portfolio-item {
position: relative;
border-radius: 5px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.06);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.06);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
position: relative;
}
.portfolio-item .portfolio__img {
overflow: hidden;
width: 100%!important;
}
.portfolio-item .portfolio__img img {
width: 100%!important;
max-width: 100%;
border-radius: 4px 4px 0 0;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.portfolio-item .portfolio__body {
background: #ffffff;
padding: 25px 36px 36px 40px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-item:hover {
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}
.portfolio-item:hover .portfolio__img img {
-webkit-transform: scale(1.1) rotate(1deg);
transform: scale(1.1) rotate(1deg);
}
.portfolio-layout1 .portfolio-item .portfolio__title {
margin-bottom: 0;
}
.portfolio-layout1 .portfolio-item:hover .portfolio__title,
.portfolio-layout1 .portfolio-item:hover .portfolio__title a,
.portfolio-layout1 .portfolio-item:hover .portfolio__cat a,
.portfolio-layout1 .portfolio-item:hover .portfolio__cat a:after {
color: #ffffff;
}
.portfolio-layout1 .portfolio-item:hover .portfolio__body {
background-color: #F17D00;
}
.portfolio-layout1 .portfolio-item {
overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
.portfolio-item .portfolio__body {
padding: 20px 25px 25px;
}
.portfolio-item .portfolio__title {
font-size: 16px;
margin-bottom: 7px;
}
.portfolio-item .portfolio__cat {
margin-bottom: 5px;
}
}
.portfolio-item .portfolio__description {
font-size: 15px;
color: #555555;
line-height: 1.5;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio__title-desc {
color: #222;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px;
font-size: 18px;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio__title-desc,
.portfolio-item:hover .portfolio__description {
color: white;
}
.portfolio-item {
transition: all 0.3s ease-in-out;
margin-bottom: 0!important;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08)!important;
margin: 5px;
}
.portfolio-item .portfolio__body {
background: none!important;
border-radius: 0!important;
}
.portfolio-item:hover .portfolio__body {
background: transparent!important;
background-color: transparent!important;
}
.portfolio-item:hover {
background-color: #F17D00;
}
.portfolio-item .portfolio__body {
padding: 25px;
}
.portfolio-item .portfolio__img {
width: 370px;
height: 277px;
}
.portfolio-item .portfolio__img img {
height: 100%;
object-fit: cover;
}
.swiper-container-full .swiper-container {
overflow-x: hidden;
}
.swiper-container-full .swiper-slide {
margin-bottom: 30px;
height: 100%;
}
.swiper-container-full {
position: relative;
}
.swiper-container-full .swiper-button-next {
right: -60px;
}
.swiper-container-full .swiper-button-prev {
left: -60px;
}
.swiper-container-full .swiper-button-next:after,
.swiper-container-full .swiper-button-prev:after  {
font-size: 38px;
color: #F17D00;
}
.swiper-container-full .swiper-pagination {
bottom: -20px;
}
.swiper-container-full .swiper-pagination-bullet-active {
background: #F17D00;
}
@media (max-width: 992px) {
.swiper-button-next, .swiper-button-prev {
display: none;
}
}
@media (min-width: 992px) {
.swiper-container-full .swiper-pagination {
display: none;
}
.swiper-button-next, .swiper-button-prev {
display: block;
}
}
.banner-full .fancybox__icon img {
width: 100%;
height: 100%;
}