/* Fonts import */
@font-face {
font-family: 'FuturaLight';
font-weight: 300;
src: url("../fonts/FuturaPT-Light.ttf") format("truetype"); }
@font-face {
font-family: 'FuturaBook';
font-weight: normal;
src: url("../fonts/FuturaPT-Book.ttf") format("truetype"); }
@font-face {
font-family: 'FuturaMedium';
src: url("../fonts/FuturaPT-Medium.ttf") format("truetype"); }
@font-face {
font-family: 'FuturaBold';
src: url("../fonts/FuturaPT-Bold.ttf") format("truetype"); }
body {
font-family: "FuturaBook", sans-serif; }
.main-btn {
font: normal 26px/35px "FuturaBook", sans-serif;
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
min-width: 250px;
padding: 10px 30px;
border-radius: 40px;
text-decoration: none !important;
transition: 0.15s all ease-in-out; }
@media (max-width: 1199px) {
.main-btn {
font: normal 16px/1 "FuturaBook", sans-serif;
height: 36px;
min-width: 150px; } }
@media (max-width: 767px) {
.main-btn {
font: normal 26px/1 "FuturaBook", sans-serif;
height: 50px;
min-width: 150px; } }
.main-btn:disabled {
background-color: transparent !important;
color: #000 !important;
border-color: #E0E0E0 !important;
opacity: 0.8; }
.yellow-btn {
color: #FFF;
background-color: #FFC001;
border: 2px solid #FFC001; }
.yellow-btn:hover {
color: #FFC001;
background-color: transparent; }
.white-btn {
color: #000 !important;
background-color: #FFF;
border: 2px solid #FFF; }
.white-btn:hover {
color: #FFF !important;
background-color: transparent; }
.red-btn {
color: #FFF;
background-color: #FB285E;
border: 2px solid #FB285E; }
.red-btn:hover {
color: #FB285E !important;
background-color: transparent; }
body {
font-family: "FuturaBook", sans-serif; }
h1, h2, h3, h4, p, a {
margin: 0; }
h1 {
font: normal 88px/1.2 "FuturaBook", sans-serif; }
@media (max-width: 1440px) {
h1 {
font-size: 72px; } }
@media (max-width: 1199px) {
h1 {
font-size: 48px; } }
@media (max-width: 767px) {
h1 {
font-size: 40px; } }
h2 {
font: normal 50px/1.2 "FuturaBook", sans-serif; }
@media (max-width: 1199px) {
h2 {
font-size: 28px; } }
h3 {
font: normal 38px/1.2 "FuturaBook", sans-serif; }
@media (max-width: 1199px) {
h3 {
font-size: 28px; } }
h4 {
font: normal 26px/1.2 "FuturaBook", sans-serif; }
@media (max-width: 1199px) {
h4 {
font-size: 22px; } }
p {
font: normal 22px/1.2 "FuturaBook", sans-serif; }
a {
width: max-content;
color: #000;
text-decoration: none !important;
transition: 0.15s all ease-in-out; }
a:hover {
color: #FFC001; }
.light-text {
font-weight: 300;
font-family: "FuturaLight", sans-serif; }
body {
overflow-x: hidden;
max-height: 100vh; }
body.hidden {
overflow-y: hidden; }
body.bodyIn {
animation: bodyIn 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
body.bodyOut {
animation: bodyOut 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.secondBlock {
animation: secondBlock 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.thirdBlock {
animation: secondBlock 2s cubic-bezier(0.165, 0.84, 0.44, 1); }
@keyframes bodyIn {
from {
transform: translateY(50px);
opacity: 0; }
to {
transform: translateY(0);
opacity: 1; } }
@keyframes bodyOut {
from {
margin-top: 0;
opacity: 1; }
to {
margin-top: 100px;
opacity: 0; } }
@keyframes secondBlock {
from {
margin-top: 100px;
opacity: 0; }
to {
margin-top: 0;
opacity: 1; } }
main {
padding-top: 100px; }
@media (max-width: 1199px) {
main {
padding-top: 80px; } }
@media (max-width: 767px) {
main {
padding-top: 100px; } }
main.no-margin {
padding-top: 0; }
@media (min-width: 1440px) {
.container {
max-width: 1320px; } }
@media (max-width: 767px) {
.container {
max-width: 100%; } }
.bg-gray-1 {
background-color: #575757; }
.bg-gray-2 {
background-color: #A3A3A3; }
.bg-gray-3 {
background-color: #E0E0E0; }
.bg-gray-4 {
background-color: #F7F7FC; }
.bg-yellow {
background-color: #FFC001; }
.bg-blue {
background-color: #5686DA; }
.bg-green {
background-color: #21C8BE; }
.bg-red {
background-color: #FB285E; }
.bg-pink {
background-color: #E56284; }
.bg-violet {
background-color: #BD83CB; }
.bg-blue-2 {
background-color: #07B5CF; }
* {
outline: none !important; }
.wow {
visibility: hidden;
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.parallax, .parallax-two {
transition: .15s ease all; }
.lds-ring {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 1000;
background-color: #FFF;
display: flex;
align-items: center;
justify-content: center; }
.lds-ring.hidden {
display: none; }
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #FFC001;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #FFC001 transparent transparent transparent; }
.lds-ring div:nth-child(1) {
animation-delay: -0.45s; }
.lds-ring div:nth-child(2) {
animation-delay: -0.3s; }
.lds-ring div:nth-child(3) {
animation-delay: -0.15s; }
@keyframes lds-ring {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
[data-scrollbar] {
display: block;
position: relative;
max-height: 100vh; }
.scroll-content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.scrollbar-track {
position: absolute;
opacity: 0;
z-index: 1;
background: rgba(222, 222, 222, 0.75);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity 0.5s 0.5s ease-out;
transition: opacity 0.5s 0.5s ease-out; }
.scrollbar-track.show,
.scrollbar-track:hover {
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.scrollbar-track-x {
bottom: 0;
left: 0;
width: 100%;
height: 8px; }
.scrollbar-track-y {
top: 0;
right: 0;
width: 8px;
height: 100%; }
.scrollbar-thumb {
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px; }
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
background-color: #FFF;
transition: 0.15s all ease-in-out; }
header.transparent {
background-color: transparent; }
header.transparent .navbar-item .navbar-brand img {
filter: brightness(0); }
header.transparent .navbar-item .navbar-nav li a:hover {
color: #FFF; }
header.transparent.scrolled {
background-color: #FFF; }
header.transparent.scrolled .navbar-item .navbar-nav li a:hover,
header.transparent.scrolled .navbar-item .navbar-nav li.active a {
color: #FFC001; }
header.transparent.scrolled .navbar-item .navbar-brand img {
filter: none; }
header.transparent .navbar-item .navbar-nav li.active a {
color: #FFF; }
header.scrolled {
box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1); }
header .navbar {
width: 100%;
padding: 26px 0; }
@media (max-width: 1199px) {
header .navbar {
padding: 11px 0; } }
@media (max-width: 767px) {
header .navbar {
padding: 30px 15px; } }
header .navbar-item {
display: flex;
align-items: center;
justify-content: space-between; }
header .navbar-item .navbar-brand {
padding: 0;
margin: 0 80px 0 0; }
header .navbar-item .navbar-brand.black img {
filter: brightness(0) !important; }
@media (max-width: 1199px) {
header .navbar-item .navbar-brand {
margin: 0 35px 0 0; } }
header .navbar-item .navbar-brand img {
width: 120px;
position: relative;
z-index: 21;
transition: .5s ease-in all; }
@media (max-width: 1199px) {
header .navbar-item .navbar-brand img {
width: 95px; } }
@media (max-width: 767px) {
header .navbar-item .navbar-brand img {
width: 101px; } }
header .navbar-item .navbar-nav {
flex-direction: row; }
@media (max-width: 767px) {
header .navbar-item .navbar-nav {
display: none; } }
header .navbar-item .navbar-nav li {
font: normal 22px/30px "FuturaLight", sans-serif;
margin: 0 30px 0 0; }
@media (max-width: 1199px) {
header .navbar-item .navbar-nav li {
margin: 0 20px 0 0; } }
header .navbar-item .navbar-nav li.active a {
color: #FFC001;
font-family: "FuturaBook", sans-serif; }
header .navbar-item .navbar-nav li:hover a {
color: #FFC001; }
header .navbar-item .navbar-nav li a {
color: #000;
padding: 0; }
@media (max-width: 1199px) {
header .navbar-item .navbar-nav li a {
font-size: 16px; } }
header .navbar-collapse, header .navbar-collapsing {
display: block !important;
margin-top: calc(-100vh - 50px);
opacity: 1;
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100vw;
height: 100vh !important;
background-color: #FFC001;
transition: 0.5s all cubic-bezier(0.2, 0.72, 0.17, 0.74);
overflow-y: hidden; }
@media (max-width: 767px) {
header .navbar-collapse, header .navbar-collapsing {
overflow-y: auto; } }
header .navbar-collapse.show, header .navbar-collapsing.show {
margin-top: 0;
opacity: 1; }
header .navbar-collapse.show .nav-item, header .navbar-collapsing.show .nav-item {
opacity: 1 !important;
transform: translateX(0) !important; }
header .navbar-collapse.show .contacts, header .navbar-collapse.show .address, header .navbar-collapse.show .socials, header .navbar-collapsing.show .contacts, header .navbar-collapsing.show .address, header .navbar-collapsing.show .socials {
opacity: 1 !important;
transform: translateY(0) !important; }
header .navbar-collapse .container, header .navbar-collapse .row, header .navbar-collapsing .container, header .navbar-collapsing .row {
height: 100%;
position: relative; }
header .navbar-collapse .container .navbar-brand, header .navbar-collapse .row .navbar-brand, header .navbar-collapsing .container .navbar-brand, header .navbar-collapsing .row .navbar-brand {
position: absolute;
left: 0;
top: 26px;
padding: 0;
display: none; }
@media (max-width: 1199px) {
header .navbar-collapse .container .navbar-brand, header .navbar-collapse .row .navbar-brand, header .navbar-collapsing .container .navbar-brand, header .navbar-collapsing .row .navbar-brand {
top: 11px; } }
@media (max-width: 767px) {
header .navbar-collapse .container .navbar-brand, header .navbar-collapse .row .navbar-brand, header .navbar-collapsing .container .navbar-brand, header .navbar-collapsing .row .navbar-brand {
top: 30px;
left: 15px; } }
header .navbar-collapse .container .navbar-brand img, header .navbar-collapse .row .navbar-brand img, header .navbar-collapsing .container .navbar-brand img, header .navbar-collapsing .row .navbar-brand img {
width: 120px;
margin-left: -10px; }
@media (max-width: 1199px) {
header .navbar-collapse .container .navbar-brand img, header .navbar-collapse .row .navbar-brand img, header .navbar-collapsing .container .navbar-brand img, header .navbar-collapsing .row .navbar-brand img {
width: 95px; } }
@media (max-width: 767px) {
header .navbar-collapse .container .navbar-brand img, header .navbar-collapse .row .navbar-brand img, header .navbar-collapsing .container .navbar-brand img, header .navbar-collapsing .row .navbar-brand img {
width: 101px; } }
header .navbar-collapse .container .col-md-4, header .navbar-collapse .row .col-md-4, header .navbar-collapsing .container .col-md-4, header .navbar-collapsing .row .col-md-4 {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center; }
header .navbar-collapse .container .col-md-4 .navbar-nav, header .navbar-collapse .row .col-md-4 .navbar-nav, header .navbar-collapsing .container .col-md-4 .navbar-nav, header .navbar-collapsing .row .col-md-4 .navbar-nav {
flex-direction: column; }
@media (max-width: 767px) {
header .navbar-collapse .container .col-md-4 .navbar-nav, header .navbar-collapse .row .col-md-4 .navbar-nav, header .navbar-collapsing .container .col-md-4 .navbar-nav, header .navbar-collapsing .row .col-md-4 .navbar-nav {
margin-top: 100px; } }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item {
opacity: 0;
transform: translateY(15px);
transition: .4s ease-in all;
position: relative; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item:nth-child(1), header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item:nth-child(1), header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item:nth-child(1), header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item:nth-child(1) {
transition-delay: .7s; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item:nth-child(2), header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item:nth-child(2), header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item:nth-child(2), header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item:nth-child(2) {
transition-delay: .65s; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item:nth-child(3), header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item:nth-child(3), header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item:nth-child(3), header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item:nth-child(3) {
transition-delay: .6s; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item:nth-child(4), header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item:nth-child(4), header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item:nth-child(4), header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item:nth-child(4) {
transition-delay: .55s; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item:nth-child(5), header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item:nth-child(5), header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item:nth-child(5), header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item:nth-child(5) {
transition-delay: .5s; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item.active a.nav-link h2, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item.active a.nav-link h2, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item.active a.nav-link h2, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item.active a.nav-link h2 {
color: #000; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item a.nav-link, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item a.nav-link, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item a.nav-link, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item a.nav-link {
padding: 0; }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item a.nav-link h2 {
color: #FFF;
margin: 0 0 10px;
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item a.nav-link h2, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item a.nav-link h2 {
font-size: 42px; } }
header .navbar-collapse .container .col-md-4 .navbar-nav .nav-item a.nav-link h2:hover, header .navbar-collapse .row .col-md-4 .navbar-nav .nav-item a.nav-link h2:hover, header .navbar-collapsing .container .col-md-4 .navbar-nav .nav-item a.nav-link h2:hover, header .navbar-collapsing .row .col-md-4 .navbar-nav .nav-item a.nav-link h2:hover {
color: #000; }
header .navbar-collapse .container .col-md-4 .contacts, header .navbar-collapse .container .col-md-4 .address, header .navbar-collapse .container .col-md-4 .socials, header .navbar-collapse .row .col-md-4 .contacts, header .navbar-collapse .row .col-md-4 .address, header .navbar-collapse .row .col-md-4 .socials, header .navbar-collapsing .container .col-md-4 .contacts, header .navbar-collapsing .container .col-md-4 .address, header .navbar-collapsing .container .col-md-4 .socials, header .navbar-collapsing .row .col-md-4 .contacts, header .navbar-collapsing .row .col-md-4 .address, header .navbar-collapsing .row .col-md-4 .socials {
opacity: 0;
transform: translateY(15px);
transition: .4s ease-in all;
transition-delay: .4s; }
header .navbar-collapse .container .col-md-4 .contacts, header .navbar-collapse .row .col-md-4 .contacts, header .navbar-collapsing .container .col-md-4 .contacts, header .navbar-collapsing .row .col-md-4 .contacts {
margin: 0 0 30px; }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .contacts, header .navbar-collapse .row .col-md-4 .contacts, header .navbar-collapsing .container .col-md-4 .contacts, header .navbar-collapsing .row .col-md-4 .contacts {
margin: 0 0 20px; } }
@media (max-width: 767px) {
header .navbar-collapse .container .col-md-4 .contacts, header .navbar-collapse .row .col-md-4 .contacts, header .navbar-collapsing .container .col-md-4 .contacts, header .navbar-collapsing .row .col-md-4 .contacts {
margin: 30px 0 20px; } }
header .navbar-collapse .container .col-md-4 .contacts a, header .navbar-collapse .row .col-md-4 .contacts a, header .navbar-collapsing .container .col-md-4 .contacts a, header .navbar-collapsing .row .col-md-4 .contacts a {
color: #FFF; }
header .navbar-collapse .container .col-md-4 .contacts a:hover, header .navbar-collapse .row .col-md-4 .contacts a:hover, header .navbar-collapsing .container .col-md-4 .contacts a:hover, header .navbar-collapsing .row .col-md-4 .contacts a:hover {
color: #000; }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .contacts a h4, header .navbar-collapse .row .col-md-4 .contacts a h4, header .navbar-collapsing .container .col-md-4 .contacts a h4, header .navbar-collapsing .row .col-md-4 .contacts a h4 {
font-size: 16px; } }
header .navbar-collapse .container .col-md-4 .address, header .navbar-collapse .row .col-md-4 .address, header .navbar-collapsing .container .col-md-4 .address, header .navbar-collapsing .row .col-md-4 .address {
color: #FFF;
margin: 0 0 120px; }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .address, header .navbar-collapse .row .col-md-4 .address, header .navbar-collapsing .container .col-md-4 .address, header .navbar-collapsing .row .col-md-4 .address {
margin: 0 0 70px; } }
@media (max-width: 767px) {
header .navbar-collapse .container .col-md-4 .address, header .navbar-collapse .row .col-md-4 .address, header .navbar-collapsing .container .col-md-4 .address, header .navbar-collapsing .row .col-md-4 .address {
margin: 0 0 30px; } }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .address h4, header .navbar-collapse .row .col-md-4 .address h4, header .navbar-collapsing .container .col-md-4 .address h4, header .navbar-collapsing .row .col-md-4 .address h4 {
font-size: 16px; } }
@media (max-width: 767px) {
header .navbar-collapse .container .col-md-4 .socials, header .navbar-collapse .row .col-md-4 .socials, header .navbar-collapsing .container .col-md-4 .socials, header .navbar-collapsing .row .col-md-4 .socials {
margin: 0 0 30px; } }
header .navbar-collapse .container .col-md-4 .socials a, header .navbar-collapse .row .col-md-4 .socials a, header .navbar-collapsing .container .col-md-4 .socials a, header .navbar-collapsing .row .col-md-4 .socials a {
display: inline-block;
margin: 0 25px 0 0; }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .socials a, header .navbar-collapse .row .col-md-4 .socials a, header .navbar-collapsing .container .col-md-4 .socials a, header .navbar-collapsing .row .col-md-4 .socials a {
margin: 0 15px 0 0; } }
@media (max-width: 1199px) {
header .navbar-collapse .container .col-md-4 .socials a img, header .navbar-collapse .row .col-md-4 .socials a img, header .navbar-collapsing .container .col-md-4 .socials a img, header .navbar-collapsing .row .col-md-4 .socials a img {
width: 20px; } }
@media (max-width: 767px) {
header .navbar-lang {
display: none; } }
header .navbar-lang button {
font: 300 22px/30px "FuturaLight", sans-serif;
padding: 0;
outline: none !important;
box-shadow: none !important; }
@media (max-width: 1199px) {
header .navbar-lang button {
font-size: 16px; } }
header .navbar-lang button:after {
content: '';
width: 12px;
height: 8px;
background: url("../img/lang-arrow.png") no-repeat center;
background-size: cover;
border: 0;
position: absolute;
bottom: 10px;
right: -22px; }
header .navbar-lang .dropdown-menu {
padding: 0;
min-width: min-content;
transition: 0.15s all ease-in-out; }
header .navbar-lang .dropdown-menu .dropdown-item {
padding: 5px 10px;
font-size: 20px; }
header .navbar-lang {
display: none; }
header .navbar-search {
margin: 0 32px 0 20px;
display: flex;
align-items: center;
opacity: 0;
z-index: -1; }
@media (min-width: 1440px) {
header .navbar-search {
margin: 0 32px 0 40px; } }
@media (max-width: 1199px) {
header .navbar-search {
margin: 0 20px 0 20px; } }
@media (max-width: 767px) {
header .navbar-search {
display: none; } }
header .navbar-search a {
display: flex; }
@media (max-width: 1199px) {
header .navbar-search a, header .navbar-search img {
height: 18px; } }
header .navbar-toggler {
z-index: 21;
padding: 16px 8px;
border: 0;
border-radius: 23px;
background-color: #000;
transition: .5s ease all; }
@media (max-width: 1199px) {
header .navbar-toggler {
padding: 9px 4px; } }
@media (max-width: 767px) {
header .navbar-toggler {
padding: 10px 5px; } }
header .navbar-toggler.collapsed {
background-color: transparent; }
header .navbar-toggler.collapsed span.icon-bar {
background-color: #000; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
transform: translateY(6px) rotate(45deg); }
@media (max-width: 1199px) {
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg); } }
@media (max-width: 767px) {
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
transform: translateY(7px) rotate(45deg); } }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
opacity: 0;
transform: translateX(0); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 1199px) {
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg); } }
@media (max-width: 767px) {
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
transform: translateY(-7px) rotate(-45deg); } }
header .navbar-toggler span.icon-bar {
display: block;
width: 30px;
height: 2px;
margin: 0 0 4px;
background-color: #FFF;
transition: opacity, transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7); }
@media (max-width: 1199px) {
header .navbar-toggler span.icon-bar {
width: 22px;
margin: 0 0 3px; } }
@media (max-width: 767px) {
header .navbar-toggler span.icon-bar {
width: 26px;
margin: 0 0 5px; } }
header .navbar-toggler span.icon-bar:last-child {
margin: 0; }
.hero-carousel .col-md-12 {
position: relative;
padding: 0; }
.hero-carousel .col-md-12 .carousel-inner .carousel-item {
background-size: cover !important;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item {
height: 460px;
background-position: 65%; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-1 {
background-image: url("../img/main/food-hero-bg-1.png"); }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-1 {
background-position: 35%; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-2 {
background-image: url("../img/main/food-hero-bg-2.png"); }
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-3 {
background-image: url("../img/main/food-hero-bg-3.png"); }
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-4 {
background-image: url("../img/main/food-hero-bg-4.png"); }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-4 {
background-position: 55%; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item.item-5 {
background-image: url("../img/main/food-hero-bg-5.png"); }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text {
padding: 90px 0 160px 75px; }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text.white-text * {
color: #FFF; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text {
padding: 60px 0 100px 55px; } }
@media (max-width: 767px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text {
padding: 50px 0 80px 30px; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text h1 {
line-height: 80px;
margin: 0 0 30px; }
@media (max-width: 1440px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text h1 {
line-height: 1.1; } }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text h1 {
line-height: 40px;
margin: 0 0 20px; } }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text h1 {
margin: 0 0 35px; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text p {
color: #000;
margin: 0 0 45px; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text p {
font-size: 16px;
margin: 0 0 15px; } }
@media (max-width: 767px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text p {
margin: 0 0 30px; } }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text p {
max-width: 70%;
height: 105px;
margin: 0 0 60px;
line-height: 26px; } }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text p br {
display: none; } }
@media (max-width: 576px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .text a {
width: calc(100% - 30px); } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .image {
padding: 20px 30px;
text-align: right; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .image {
padding: 15px 30px 15px 0; } }
.hero-carousel .col-md-12 .carousel-inner .carousel-item .image img {
width: auto;
max-width: 100%;
max-height: 520px; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .image img {
max-height: 330px; } }
@media (max-width: 767px) {
.hero-carousel .col-md-12 .carousel-inner .carousel-item .image img {
height: 100%;
max-width: 500px; } }
.hero-carousel .col-md-12 .carousel-control {
position: absolute;
left: 60px;
bottom: 80px;
display: flex;
align-items: center; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-control {
left: 45px;
bottom: 20px; } }
@media (max-width: 767px) {
.hero-carousel .col-md-12 .carousel-control {
left: 15px;
bottom: 30px; } }
.hero-carousel .col-md-12 .carousel-control .carousel-control-next, .hero-carousel .col-md-12 .carousel-control .carousel-control-prev {
position: relative;
width: 38px; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-control .carousel-control-next, .hero-carousel .col-md-12 .carousel-control .carousel-control-prev {
width: 30px; } }
.hero-carousel .col-md-12 .carousel-control .carousel-control-prev {
margin-right: 40px; }
@media (max-width: 1199px) {
.hero-carousel .col-md-12 .carousel-control .carousel-control-prev {
margin-right: 30px; } }
@media (max-width: 767px) {
.hero-carousel .col-md-12 .carousel-control .carousel-control-prev {
margin-right: 20px; } }
.big-carousel-section {
margin: 260px auto 0;
padding: 160px 0 80px; }
@media (max-width: 1199px) {
.big-carousel-section {
margin: 120px auto 0;
padding: 160px 0 50px; } }
@media (max-width: 767px) {
.big-carousel-section {
margin: 80px 0 0;
padding: 0 0 50px; } }
.big-carousel-section .container .col-md-12 {
padding: 0; }
.big-carousel-section .container .col-md-12 .carousel {
margin-top: -320px; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel {
margin-top: -220px; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel {
margin-top: -85px; } }
.big-carousel-section .container .col-md-12 .carousel .carousel-item {
opacity: 0 !important;
position: relative;
z-index: 0;
display: block;
transition: 0.3s all ease-in-out; }
.big-carousel-section .container .col-md-12 .carousel .carousel-item.active {
opacity: 1 !important;
z-index: 1; }
.big-carousel-section .container .col-md-12 .carousel .left-part {
position: relative; }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part {
margin: 50px 15px 0;
max-width: calc(100% - 30px); } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part:after {
content: '';
width: calc(100% - 30px);
height: 1px;
position: absolute;
display: block;
left: 15px;
bottom: -20px;
background: linear-gradient(225.98deg, #6B5CBF 3.54%, #DD1835 52.23%, #FE9A04 92.58%); } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card {
background-color: #FFF;
display: flex;
box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1);
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card {
flex-direction: column; } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card a {
display: block;
width: 100%;
max-width: 320px; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card a {
max-width: 200px; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card a {
max-width: 100%; } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image {
display: flex;
align-items: center;
height: 600px;
min-width: 320px;
overflow: hidden; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image {
height: 360px;
min-width: 200px; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image {
height: 260px;
min-width: 100%; } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image:hover img {
transform: scale(1.2); }
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image img {
height: auto;
max-width: 100%;
width: 100%;
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card a .image img {
max-width: 100%;
width: auto;
height: 260px;
margin: 0 auto; } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text {
padding: 35px 20px; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text {
padding: 15px; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text {
padding: 15px 20px 25px;
height: 260px;
overflow: hidden; } }
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text h2 {
margin: 0 0 25px; }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text h2 {
margin: 0 0 10px; } }
@media (max-width: 576px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text h2 {
line-height: 1.1; } }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .left-part-card .text p {
font-size: 22px; } }
.big-carousel-section .container .col-md-12 .carousel .right-part {
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden; }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .right-part {
display: none; } }
.big-carousel-section .container .col-md-12 .carousel .right-part a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 280px;
overflow: hidden; }
.big-carousel-section .container .col-md-12 .carousel .right-part a:hover img {
transform: scale(1.2); }
.big-carousel-section .container .col-md-12 .carousel .right-part a img {
height: 100%;
width: auto;
transition: 0.15s all ease-in-out; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .right-part a img {
height: auto;
width: 100%; } }
.big-carousel-section .container .col-md-12 .carousel .numbers {
margin: 40px 0 0;
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .numbers {
margin: 25px 0 0; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .numbers {
margin: 20px 0 0; } }
.big-carousel-section .container .col-md-12 .carousel .numbers p {
transition: 0.15s all ease-in-out; }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .numbers p {
font-size: 16px; } }
.big-carousel-section .container .col-md-12 .carousel .numbers .line {
width: calc(100% - 320px);
height: 1px;
background: linear-gradient(225.98deg, #6B5CBF 3.54%, #DD1835 52.23%, #FE9A04 92.58%); }
@media (max-width: 1199px) {
.big-carousel-section .container .col-md-12 .carousel .numbers .line {
width: calc(100% - 190px); } }
@media (max-width: 767px) {
.big-carousel-section .container .col-md-12 .carousel .numbers .line {
display: none; } }
.big-carousel-section .container .carousel-control {
margin: 40px 0 0;
display: flex;
flex-direction: row;
justify-content: flex-end; }
@media (max-width: 1199px) {
.big-carousel-section .container .carousel-control {
margin: 25px 0 0; } }
@media (max-width: 767px) {
.big-carousel-section .container .carousel-control {
margin: 0; } }
.big-carousel-section .container .carousel-control > a {
position: relative;
width: auto;
margin-left: 40px; }
@media (max-width: 1199px) {
.big-carousel-section .container .carousel-control > a {
width: 30px; } }
@media (max-width: 1199px) {
.big-carousel-section .container .carousel-control > a {
margin-left: 30px; } }
@media (max-width: 767px) {
.big-carousel-section .container .col-6 {
margin: 20px 0 0;
padding: 20px 30px 0; } }
.clients-section {
margin: 0 auto; }
.clients-section .container {
padding-top: 50px;
padding-bottom: 50px;
position: relative; }
@media (max-width: 1199px) {
.clients-section .container {
padding-top: 20px;
padding-bottom: 20px; } }
@media (max-width: 767px) {
.clients-section .container {
padding-top: 60px; } }
.clients-section .container .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.clients-section .container .col-md-12 {
padding: 0 15px; } }
.clients-section .container .col-md-12 h2 {
margin: 0 0 40px; }
@media (max-width: 767px) {
.clients-section .container .col-md-12 h2 {
margin: 0 0 25px; } }
.clients-section .container .col-md-12 .items {
padding: 50px; }
@media (max-width: 1199px) {
.clients-section .container .col-md-12 .items {
padding: 0 15px; } }
@media (max-width: 767px) {
.clients-section .container .col-md-12 .items {
display: flex;
flex-wrap: wrap; } }
.clients-section .container .col-md-12 .items .item {
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 767px) {
.clients-section .container .col-md-12 .items .item {
width: 50%;
padding: 20px 0; } }
@media (max-width: 576px) {
.clients-section .container .col-md-12 .items .item img {
max-height: 45px; } }
.about-section {
margin: 0 auto; }
.about-section .container {
padding-top: 150px;
padding-bottom: 120px;
position: relative; }
@media (max-width: 1199px) {
.about-section .container {
padding-top: 135px;
padding-bottom: 50px; } }
@media (max-width: 767px) {
.about-section .container {
padding-top: 70px; } }
.about-section .container .col-md-8 {
padding: 0 60px; }
@media (max-width: 1199px) {
.about-section .container .col-md-8 {
padding: 0 25px; } }
.about-section .container .col-md-8 h2 {
margin: 0 0 80px; }
@media (max-width: 1199px) {
.about-section .container .col-md-8 h2 {
margin: 0 0 60px; } }
@media (max-width: 767px) {
.about-section .container .col-md-8 h2 {
margin: 0 0 30px; } }
.about-section .container .col-md-8 h2 span {
position: relative; }
.about-section .container .col-md-8 h2 span:after {
content: '';
width: 100%;
height: 4px;
background-color: #FFC001;
display: block;
position: absolute;
bottom: 4px;
left: 0;
z-index: -1; }
@media (max-width: 576px) {
.about-section .container .col-md-8 a {
width: 100%; } }
.about-section .container .col-md-4 {
padding: 100px 60px 0; }
@media (max-width: 1199px) {
.about-section .container .col-md-4 {
padding: 70px 25px 0; } }
@media (max-width: 767px) {
.about-section .container .col-md-4 {
text-align: center;
padding: 60px 25px 0; } }
.about-section .container .col-md-4 img {
margin: 0 0 25px; }
@media (max-width: 767px) {
.about-section .container .col-md-4 img {
margin: 0 0 10px; } }
.about-section .container .col-md-4 h3 {
margin: 0 0 20px; }
@media (max-width: 1199px) {
.about-section .container .col-md-4 h3 {
margin: 0 0 10px; } }
@media (max-width: 767px) {
.about-section .container .col-md-4 h3 br {
display: none; } }
@media (max-width: 767px) {
.about-section .container .col-md-4 p {
font-size: 22px; } }
.certificates-section {
margin: 140px auto; }
@media (max-width: 1199px) {
.certificates-section {
margin: 100px auto; } }
@media (max-width: 767px) {
.certificates-section {
margin: 75px auto; } }
.certificates-section h2 {
margin: 0 0 30px; }
@media (max-width: 767px) {
.certificates-section h2 {
margin: 0 15px 30px; } }
.certificates-section .col-md-12 {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
@media (max-width: 767px) {
.certificates-section .col-md-12 {
margin: 0 0 0 15px;
flex-wrap: nowrap;
overflow-x: auto; } }
.certificates-section .col-md-12 .item {
width: calc(20% - 16px);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
.certificates-section .col-md-12 .item {
min-width: 290px;
max-width: 290px;
margin: 0 30px 15px 0; } }
.certificates-section .col-md-12 .item:hover {
filter: none;
-webkit-filter: none; }
@media (max-width: 767px) {
.certificates-section .col-md-12 .item:last-child {
margin: 0 0 15px 0; } }
.certificates-section .col-md-12 .item img {
width: 100%; }
.provide-section {
margin: 100px auto; }
@media (max-width: 767px) {
.provide-section {
margin: 75px auto; } }
@media (max-width: 576px) {
.provide-section {
margin: 75px 15px; } }
.provide-section .container {
padding: 40px 0 60px 60px; }
@media (max-width: 1199px) {
.provide-section .container {
padding: 30px 0 40px 25px; } }
@media (max-width: 767px) {
.provide-section .container {
padding: 0 15px 70px; } }
@media (max-width: 767px) {
.provide-section .container .row {
display: flex;
flex-direction: column-reverse; } }
@media (max-width: 767px) {
.provide-section .container .row .col-md-7 {
text-align: center; } }
@media (max-width: 576px) {
.provide-section .container .row .col-md-7 {
padding: 0 10px; } }
.provide-section .container .row .col-md-7 h1 {
margin: 0 0 15px; }
@media (max-width: 1199px) {
.provide-section .container .row .col-md-7 h1 {
margin: 0 0 10px; } }
@media (max-width: 767px) {
.provide-section .container .row .col-md-7 h1 {
margin: 20px 0 10px; } }
.provide-section .container .row .col-md-7 p {
margin: 0 0 30px; }
@media (max-width: 1199px) {
.provide-section .container .row .col-md-7 p {
font-size: 16px;
margin: 0 0 15px; } }
@media (max-width: 767px) {
.provide-section .container .row .col-md-7 p {
font-size: 22px;
margin: 0 0 45px; } }
.provide-section .container .row .col-md-5 {
position: relative; }
@media (max-width: 767px) {
.provide-section .container .row .col-md-5 {
text-align: center;
margin-top: -50px; } }
.provide-section .container .row .col-md-5 img {
position: absolute;
height: calc(100% + 250px);
top: -110px;
right: 0; }
@media (max-width: 1199px) {
.provide-section .container .row .col-md-5 img {
height: calc(100% + 140px);
top: 0; } }
@media (max-width: 767px) {
.provide-section .container .row .col-md-5 img {
position: relative;
max-width: 300px;
height: auto; } }
.instagram-section {
margin: 100px auto; }
@media (max-width: 767px) {
.instagram-section {
background-color: #FFC001;
margin: 75px auto 0; } }
.instagram-section .container {
padding-top: 90px;
padding-bottom: 100px;
position: relative; }
@media (max-width: 1199px) {
.instagram-section .container {
padding-top: 35px;
padding-bottom: 50px; } }
@media (max-width: 767px) {
.instagram-section .container {
padding-top: 50px;
padding-bottom: 40px; } }
.instagram-section .container:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 220px;
width: 100vw;
height: 100%;
background-color: #FFC001; }
@media (max-width: 1199px) {
.instagram-section .container:before {
left: 130px; } }
@media (max-width: 767px) {
.instagram-section .container:before {
display: none; } }
@media (max-width: 767px) {
.instagram-section .container .row {
display: flex; } }
.instagram-section .container .row .col-md-8 {
padding: 0 30px 30px; }
@media (max-width: 1199px) {
.instagram-section .container .row .col-md-8 {
padding: 0 15px 15px;
text-align: center; } }
@media (max-width: 767px) {
.instagram-section .container .row .col-md-8 {
text-align: left; } }
.instagram-section .container .row .col-md-4.item-1 {
padding: 0 60px 0 0; }
@media (max-width: 1199px) {
.instagram-section .container .row .col-md-4.item-1 {
padding: 0 30px 0 0; } }
.instagram-section .container .row .col-md-4.item-2 {
padding: 60px 30px 0; }
@media (max-width: 1199px) {
.instagram-section .container .row .col-md-4.item-2 {
padding: 35px 15px 0; } }
.instagram-section .container .row .col-md-4.item-3 {
padding: 0 0 0 60px; }
@media (max-width: 1199px) {
.instagram-section .container .row .col-md-4.item-3 {
padding: 0 0 0 30px; } }
@media (max-width: 767px) {
.instagram-section .container .row .col-md-4.item {
padding: 0 15px 20px 0;
text-align: center; } }
.instagram-section .container .row .col-md-4 img {
width: 100%; }
@media (max-width: 767px) {
.instagram-section .container .row .col-md-4 img {
width: 280px; } }
@media (max-width: 767px) {
.instagram-section .items {
margin: 0 -15px 0 -15px;
padding-left: 45px;
flex-wrap: nowrap;
overflow-x: auto; } }
.newsletter-section {
margin: 100px auto; }
@media (max-width: 767px) {
.newsletter-section {
margin: 0 auto; } }
.newsletter-section .container {
padding: 75px 60px; }
@media (max-width: 1440px) {
.newsletter-section .container {
padding: 45px 30px; } }
@media (max-width: 767px) {
.newsletter-section .container {
padding: 75px 15px 90px;
text-align: center; } }
.newsletter-section .container .col-md-6 {
display: flex;
flex-direction: column;
justify-content: center; }
@media (min-width: 768px) {
.newsletter-section .container .col-md-6.col-left {
padding: 0 30px 0 0; } }
@media (min-width: 768px) {
.newsletter-section .container .col-md-6.col-right {
padding: 0; } }
.newsletter-section .container .col-md-6 h2 {
margin: 0 0 25px; }
@media (max-width: 1199px) {
.newsletter-section .container .col-md-6 h2 {
margin: 0 0 10px; } }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 h2 {
margin: 0 0 15px; } }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 p {
margin: 0 0 35px;
font-size: 22px; } }
@media (max-width: 1199px) {
.newsletter-section .container .col-md-6 p br {
display: none; } }
.newsletter-section .container .col-md-6 .input-group {
position: relative; }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 .input-group {
display: flex;
flex-wrap: wrap;
flex-direction: column; } }
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"]) {
width: 100%;
box-shadow: none;
border: 0;
border-radius: 40px;
height: 72px;
font: normal 26px/35px "FuturaBook", sans-serif;
color: #575757;
padding: 19px 290px 19px 36px; }
@media (max-width: 1199px) {
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"]) {
height: 44px;
font: normal 16px/20px "FuturaBook", sans-serif;
padding: 12px 170px 12px 21px; } }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"]) {
height: 50px;
font-size: 18px;
padding: 15px 20px;
margin: 0 0 30px;
width: 100%; } }
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"])::placeholder {
font: normal 26px/35px "FuturaBook", sans-serif;
color: #A3A3A3; }
@media (max-width: 1199px) {
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"])::placeholder {
font: normal 16px/20px "FuturaBook", sans-serif; } }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 .input-group input:not([type="submit"])::placeholder {
font-size: 18px; } }
.newsletter-section .container .col-md-6 .input-group input[type="submit"] {
position: absolute;
right: 7px;
top: 6px;
z-index: 4; }
@media (max-width: 1199px) {
.newsletter-section .container .col-md-6 .input-group input[type="submit"] {
right: 4px;
top: 4px; } }
@media (max-width: 767px) {
.newsletter-section .container .col-md-6 .input-group input[type="submit"] {
position: relative;
top: 0;
right: 0;
margin: 0 auto;
max-width: 350px;
width: 100%; } }
.thanks-popup {
position: fixed;
height: 100%;
max-height: 80px;
max-width: 90vw;
margin: auto;
bottom: -150px;
left: 0;
right: 0;
z-index: 22;
opacity: 0;
transition: 0.3s all ease-in-out; }
@media (max-width: 767px) {
.thanks-popup {
max-height: 70px;
max-width: 95vw; } }
.thanks-popup.active {
bottom: 100px;
opacity: 1; }
@media (max-width: 767px) {
.thanks-popup.active {
bottom: 150px; } }
.thanks-popup div {
height: 100%; }
.thanks-popup .col-12 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFF;
box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1); }
@media (max-width: 767px) {
.thanks-popup .col-12 h2 {
font-size: 22px; } }
.thanks-popup .col-12 img {
position: absolute;
right: 40px;
top: 25px;
cursor: pointer; }
@media (max-width: 767px) {
.thanks-popup .col-12 img {
width: 20px;
height: 20px;
top: 25px;
right: 15px; } }
.footer {
color: #000;
background-color: #FFF;
z-index: 1;
position: relative; }
@media (max-width: 767px) {
.footer {
text-align: center; } }
.footer-big {
padding: 0 0 100px; }
@media (max-width: 767px) {
.footer-big {
padding: 0 0 60px; } }
.footer-big .container {
padding-top: 75px;
border-top: 1px solid #E0E0E0; }
@media (max-width: 767px) {
.footer-big .container {
border-top: 0; } }
.footer-logo {
margin: 0 0 40px; }
.footer-logo img {
width: 220px; }
@media (max-width: 767px) {
.footer-logo img {
width: 120px; } }
.footer-feedback {
margin: 0 0 30px; }
@media (max-width: 767px) {
.footer-feedback {
margin: 0 0 50px; } }
.footer-feedback a {
min-width: 210px; }
@media (max-width: 767px) {
.footer-feedback a {
max-width: 350px;
width: 100%; } }
.footer-contacts {
display: flex;
flex-direction: column;
margin: 0 0 30px; }
@media (max-width: 767px) {
.footer-contacts {
align-items: center; } }
@media (max-width: 767px) {
.footer-contacts {
margin: 0 0 50px; } }
.footer-contacts a {
margin: 0 0 10px; }
.footer-socials a {
display: inline-block;
margin: 0 25px 0 0; }
@media (max-width: 767px) {
.footer-socials a {
margin: 0 40px; } }
.footer [class^="col-md"] {
padding: 0; }
@media (max-width: 767px) {
.footer [class^="col-md"] {
padding: 0 15px; } }
@media (max-width: 767px) {
.footer .col-xl-3 {
display: none; } }
.footer .col-xl-3 .footer-products, .footer .col-xl-3 .footer-nav {
display: flex;
flex-direction: column; }
.footer .col-xl-3 .footer-products a, .footer .col-xl-3 .footer-nav a {
margin: 0 0 20px; }
.footer .col-xl-3 .footer-products p.light-text {
color: #575757; }
.footer .col-xl-3 .footer-products a:hover p {
color: #FFC001; }
.footer-small {
padding: 45px 0; }
@media (max-width: 767px) {
.footer-small {
padding: 30px 0; } }
.footer-small .col-md-12 {
display: flex;
justify-content: space-between; }
@media (max-width: 767px) {
.footer-small .col-md-12 {
justify-content: center; } }
.footer-small .col-md-12 div {
display: flex; }
@media (max-width: 767px) {
.footer-small .col-md-12 div.development {
display: none; } }
.footer-small .col-md-12 div p {
margin: 0 10px 0 0; }
@media (max-width: 767px) {
.footer-small .col-md-12 div p {
font-size: 16px; } }
.footer-small .col-md-12 div p.light-text {
color: #575757; }
.products-main .container .row .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 {
padding: 0 15px; } }
.products-main .container .row .col-md-12 .products-main-cover {
padding: 210px 0 240px; }
@media (max-width: 1199px) {
.products-main .container .row .col-md-12 .products-main-cover {
padding: 120px 0 180px; } }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-cover {
padding: 50px 0 80px; } }
.products-main .container .row .col-md-12 .products-main-cover h1 {
margin: 0 0 25px;
line-height: 80px; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-cover h1 {
line-height: 1.1;
margin: 0 0 15px; } }
.products-main .container .row .col-md-12 .products-main-cover p {
max-width: 50%; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-cover p {
max-width: 100%; } }
.products-main .container .row .col-md-12 .products-main-items .item {
margin-bottom: 150px; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-items .item {
margin-bottom: 50px;
padding: 0; } }
.products-main .container .row .col-md-12 .products-main-items .item.offset-md-2 {
margin-top: -80px; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-items .item.offset-md-2 {
margin-top: 0; } }
.products-main .container .row .col-md-12 .products-main-items .item .image {
display: flex;
align-items: center;
justify-content: center;
height: 600px;
width: 100%;
overflow: hidden; }
@media (max-width: 1199px) {
.products-main .container .row .col-md-12 .products-main-items .item .image {
height: 450px; } }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-items .item .image {
height: 430px; } }
.products-main .container .row .col-md-12 .products-main-items .item .image:hover img {
transform: scale(1.2); }
.products-main .container .row .col-md-12 .products-main-items .item .image img {
width: 100%;
height: auto;
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-items .item .text {
padding: 0 20px; } }
.products-main .container .row .col-md-12 .products-main-items .item .text h2 {
line-height: 1.1;
margin: 35px 0 25px; }
@media (max-width: 767px) {
.products-main .container .row .col-md-12 .products-main-items .item .text h2 {
margin: 20px 0 10px; } }
.products-main .container .row .col-md-12 .products-main-items .item .text p {
color: #000 !important;
line-height: 30px; }
@media (max-width: 1199px) {
.products-main .container .row .col-md-12 .products-main-items .item .text p {
line-height: 1.2; } }
.products-more .container .row .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 {
padding: 0 15px; } }
.products-more .container .row .col-md-12 .products-more-tabs {
display: flex;
padding: 100px 0; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs {
padding: 50px 0; } }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs {
flex-direction: column; } }
@media (min-width: 992px) {
.products-more .container .row .col-md-12 .products-more-tabs.fixed .nav-tabs {
position: fixed;
top: 190px; }
.products-more .container .row .col-md-12 .products-more-tabs.fixed .tab-content {
padding-left: 330px; } }
@media (min-width: 992px) {
.products-more .container .row .col-md-12 .products-more-tabs.fixed-btm .nav-tabs {
position: absolute;
top: auto;
bottom: 165px; }
.products-more .container .row .col-md-12 .products-more-tabs.fixed-btm .tab-content {
padding-left: 330px; } }
@media (min-width: 992px) {
.products-more .container .row .col-md-12 .products-more-tabs.transparent .nav-tabs {
opacity: 0; } }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs {
border: 0;
min-width: 300px;
max-width: 300px;
transition: 0.15s all ease-in-out; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs {
max-width: 100%;
width: 100%;
flex-wrap: nowrap;
flex-direction: row !important;
overflow-y: auto; } }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a {
border: 0;
padding: 0;
outline: none;
position: relative;
margin: 25px 25px 25px 0;
transition: 0.15s all ease-in-out;
background-color: transparent; }
@media (max-width: 1199px) {
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a {
margin: 15px 15px 15px 0; } }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="1"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="1"]:hover {
color: #21C8BE; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="2"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="2"]:hover {
color: #FB285E; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="3"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="3"]:hover {
color: #5686DA; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="4"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="4"]:hover {
color: #FFC001; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="5"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="5"]:hover {
color: #BD83CB; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="6"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="6"]:hover {
color: #07B5CF; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="7"].active, .products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a[id*="7"]:hover {
color: #E56284; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a.active:before {
content: '';
display: block;
height: 1px;
width: 20px;
position: absolute;
top: 50%;
left: -40px;
background-color: #000; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a.active:before {
display: none; } }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a.active:after {
content: '.';
position: absolute;
top: -100px;
left: 0; }
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a.active p {
font-weight: normal;
font-family: "FuturaBook", sans-serif; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .nav-tabs a p {
white-space: nowrap; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content {
width: 100%;
padding-left: 30px; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content {
padding: 30px 0 0; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content h1 {
line-height: 0.9;
margin: 0 0 90px; }
@media (max-width: 1199px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content h1 {
margin: 0 0 50px; } }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content h1 {
margin: 0 0 30px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .headline-text {
margin: 0 0 90px; }
@media (max-width: 1199px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .headline-text {
margin: 0 0 50px; } }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .headline-text {
margin: 0 0 30px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text {
margin: 0 0 90px; }
@media (max-width: 1199px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text {
margin: 0 0 50px; } }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text {
margin: 0 0 30px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text h4 {
margin: 0 0 30px; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text p {
font-weight: 300;
font-family: "FuturaLight", sans-serif;
line-height: 30px; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text a {
color: #FFC001;
font-weight: bold; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns {
display: flex;
justify-content: space-between; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns {
display: block; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns .column {
width: 45%; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns .column {
width: 100%; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns .column p {
margin: 0 0 30px; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-text.two-columns .column p:last-child {
margin: 0; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table {
margin: 90px 0; }
@media (max-width: 1199px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table {
margin: 50px 0; } }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table {
margin: 30px 0; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table.blue-2-circles table th .circle {
background-color: #07B5CF; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table.violet-circles table th .circle {
background-color: #BD83CB; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr th {
padding: 15px 15px 15px 0;
border-top: 1px solid #C8D2E5; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr th .circle {
width: 20px;
height: 20px;
border-radius: 10px; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td {
padding: 15px 15px 35px 15px;
border-top: 1px solid #C8D2E5; }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td {
padding: 15px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td.second-col {
width: 275px;
padding: 15px 35px 35px 15px; }
@media (max-width: 1440px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td.second-col {
width: auto; } }
@media (max-width: 991px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td.second-col {
display: none; } }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .general-table table tr td h4 {
font-family: "FuturaLight", sans-serif;
font-weight: 300; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .list {
margin: 45px 0 0; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .list-item {
display: flex;
align-items: flex-end;
margin: 0 0 30px; }
@media (max-width: 576px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .list-item {
margin: 0 0 20px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .list-item:last-child {
margin: 0; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .list-item span {
font: normal 16px/30px "FuturaBook", sans-serif;
margin-right: 13px; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 {
margin: 0 0 100px; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 {
text-align: center;
margin: 0 0 60px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .image {
width: 140px;
height: 140px;
border: 23px solid #5686DA;
border-radius: 70px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 20px; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .image {
margin: 0 auto 20px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .image img {
position: absolute; }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .headline {
position: relative;
margin: 0 0 20px; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .headline {
display: flex;
align-items: flex-end;
justify-content: center; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .headline span {
position: absolute;
bottom: 0;
right: calc(100% + 12px);
font: normal 16px/30px "FuturaBook", sans-serif; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .headline span {
position: relative;
right: 0;
margin-right: 12px; } }
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .content {
max-width: 80%; }
@media (max-width: 767px) {
.products-more .container .row .col-md-12 .products-more-tabs .tab-content .items .col-md-4 .content {
max-width: 100%; } }
.products-more-cover {
height: 75vh;
min-height: 500px;
max-height: 840px;
overflow: hidden;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
transition: 0.15s all ease-in-out; }
@media (max-width: 991px) {
.products-more-cover {
max-height: 500px;
min-height: 500px; } }
@media (max-width: 767px) {
.products-more-cover {
max-height: 400px;
min-height: 400px; } }
.products-more-cover[active-tab="products-more-tabs-1-tab"] {
background-color: #21C8BE;
background-image: url("../img/product/products-more-cover-1.jpg"); }
.products-more-cover[active-tab="products-more-tabs-2-tab"] {
background-color: #FB285E;
background-image: url("../img/product/products-more-cover-2.jpg"); }
.products-more-cover[active-tab="products-more-tabs-2-tab"] + .products-more .active-color {
color: #FB285E; }
.products-more-cover[active-tab="products-more-tabs-3-tab"] {
background-color: #5686DA;
background-image: url("../img/product/products-more-cover-3.jpg"); }
.products-more-cover[active-tab="products-more-tabs-3-tab"] + .products-more .active-color {
color: #5686DA; }
.products-more-cover[active-tab="products-more-tabs-4-tab"] {
background-color: #FFC001;
background-image: url("../img/product/products-more-cover-4.jpg"); }
.products-more-cover[active-tab="products-more-tabs-4-tab"] + .products-more .active-color {
color: #FFC001; }
.products-more-cover[active-tab="products-more-tabs-5-tab"] {
background-color: #BD83CB;
background-image: url("../img/product/products-more-cover-5.jpg"); }
.products-more-cover[active-tab="products-more-tabs-5-tab"] + .products-more .active-color {
color: #BD83CB; }
.products-more-cover[active-tab="products-more-tabs-6-tab"] {
background-color: #07B5CF;
background-image: url("../img/product/products-more-cover-6.jpg"); }
.products-more-cover[active-tab="products-more-tabs-6-tab"] + .products-more .active-color {
color: #07B5CF; }
.products-more-cover[active-tab="products-more-tabs-7-tab"] {
background-color: #E56284;
background-image: url("../img/product/products-more-cover-7.jpg"); }
.products-more-cover[active-tab="products-more-tabs-7-tab"] + .products-more .active-color {
color: #E56284; }
.products-more-cover .container {
height: 100%;
background-size: contain !important;
background-position: center;
background-repeat: no-repeat;
transition: .15s background-image ease-in-out; }
.products-more-cover .container .row {
height: 100%; }
.products-more-cover .container .row .col-md-12 {
/*display: flex;
align-items: center;
justify-items: center;*/
height: 100%;
background-size: 35% !important;
background-position: 50% 60%;
background-repeat: no-repeat;
/*img {
margin: 0 auto;
max-height: 80%;
width: auto;
}*/ }
.cooperation-cover {
padding: 110px 0 150px; }
@media (max-width: 1199px) {
.cooperation-cover {
padding: 50px 0 100px; } }
@media (max-width: 576px) {
.cooperation-cover {
padding: 20px 0 50px; } }
.cooperation-cover .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.cooperation-cover .col-md-12 {
padding: 0 15px; } }
.cooperation-cover .col-md-12 h1 {
line-height: .9; }
@media (max-width: 767px) {
.cooperation-cover .col-md-12 h1 br {
display: none; } }
.cooperation-steps .item {
margin-bottom: 260px; }
@media (max-width: 1199px) {
.cooperation-steps .item {
margin-bottom: 100px; } }
@media (max-width: 576px) {
.cooperation-steps .item {
margin-bottom: 50px; } }
.cooperation-steps .item .row .col-sm-6 {
position: relative; }
.cooperation-steps .item .row .col-sm-6 .image {
position: relative;
z-index: 2; }
@media (max-width: 576px) {
.cooperation-steps .item .row .col-sm-6 .image {
margin: 0 0 20px; } }
.cooperation-steps .item .row .col-sm-6 .image img {
max-width: 100%; }
@media (max-width: 575px) {
.cooperation-steps .item .row .col-sm-6 .image img {
width: 50%;
min-width: 290px; } }
.cooperation-steps .item .row .col-sm-6 .image.right {
text-align: right; }
@media (max-width: 576px) {
.cooperation-steps .item .row .col-sm-6 .image.right {
text-align: left; } }
.cooperation-steps .item .row .col-sm-6 .figure {
position: absolute;
z-index: 1;
bottom: -135px; }
@media (max-width: 1199px) {
.cooperation-steps .item .row .col-sm-6 .figure {
max-width: 100%;
bottom: -50px; } }
@media (max-width: 991px) {
.cooperation-steps .item .row .col-sm-6 .figure {
display: none; } }
@media (max-width: 1199px) {
.cooperation-steps .item .row .col-sm-6 .figure img {
max-width: 100%; } }
.cooperation-steps .item .row .col-sm-6 .content-wrap {
height: 100%;
display: flex;
align-items: center;
position: relative;
z-index: 3; }
.cooperation-steps .item .row .col-sm-6 .content-wrap.left {
padding-right: 35%; }
@media (max-width: 1199px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap.left {
padding-right: 10%; } }
@media (max-width: 767px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap.left {
padding-right: 0; } }
.cooperation-steps .item .row .col-sm-6 .content-wrap.right {
padding-left: 35%; }
@media (max-width: 1199px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap.right {
padding-left: 10%; } }
@media (max-width: 767px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap.right {
padding-left: 0; } }
.cooperation-steps .item .row .col-sm-6 .content-wrap .headline {
position: relative;
margin: 0 0 20px; }
@media (max-width: 767px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap .headline {
margin: 0 0 10px; } }
.cooperation-steps .item .row .col-sm-6 .content-wrap .headline span {
position: absolute;
font: normal 16px/30px "FuturaBook", sans-serif;
top: 14px;
right: calc(100% + 20px); }
@media (max-width: 1199px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap .headline span {
top: 5px;
right: calc(100% + 10px); } }
@media (max-width: 767px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap .headline span {
display: none; } }
.cooperation-steps .item .row .col-sm-6 .content-wrap p {
margin: 0 0 25px; }
@media (max-width: 767px) {
.cooperation-steps .item .row .col-sm-6 .content-wrap p {
margin: 0 0 15px; } }
@media (max-width: 575px) {
.cooperation-steps .item.item-2 .row {
flex-direction: column-reverse; } }
.cooperation-steps .item.item-2 .row .col-sm-6 .figure {
left: 75px; }
.cooperation-steps .item.item-3 .row .col-sm-6 .figure {
bottom: -100px; }
.cooperation-nums .container {
padding: 160px 0 250px;
border-top: 1px solid #E0E0E0;
position: relative; }
@media (max-width: 1199px) {
.cooperation-nums .container {
padding: 100px 0; } }
@media (max-width: 767px) {
.cooperation-nums .container {
padding: 50px 15px; } }
.cooperation-nums .container .figure {
position: absolute;
top: 0;
right: 0; }
.cooperation-nums .container .figure img {
max-width: 100%; }
.cooperation-nums .container .item {
display: flex;
align-items: center; }
@media (max-width: 767px) {
.cooperation-nums .container .item {
flex-direction: column;
margin: 0 0 20px; } }
.cooperation-nums .container .item .num {
margin-right: 20px; }
@media (max-width: 1199px) {
.cooperation-nums .container .item .num {
margin-right: 10px; } }
@media (max-width: 767px) {
.cooperation-nums .container .item .num {
text-align: center;
margin-right: 0; } }
@media (max-width: 767px) {
.cooperation-nums .container .item .content {
text-align: center; } }
.cooperation-nums .container .item .content .headline {
font: 500 16px/20px "FuturaMedium", sans-serif;
margin: 0 0 5px;
text-transform: uppercase; }
@media (max-width: 1199px) {
.cooperation-nums .container .item .content .headline {
margin: 0; } }
.cooperation-nums .container .item .content p {
color: #575757; }
@media (max-width: 1199px) {
.cooperation-nums .container .item .content p {
font-size: 16px; } }
@media (max-width: 767px) {
.cooperation-nums .container .item .content p {
font-size: 22px; } }
.cooperation-nums .container .col-md-12 {
text-align: center;
padding: 160px 0 0; }
@media (max-width: 1199px) {
.cooperation-nums .container .col-md-12 {
padding: 100px 0 0; } }
@media (max-width: 767px) {
.cooperation-nums .container .col-md-12 {
padding: 50px 0 0; } }
.cooperation-nums .container .col-md-12 h3 {
margin: 0 0 25px; }
.aboutus-cover {
padding: 110px 0 150px; }
@media (max-width: 1199px) {
.aboutus-cover {
padding: 50px 0 100px; } }
@media (max-width: 576px) {
.aboutus-cover {
padding: 20px 0 50px; } }
.aboutus-cover .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.aboutus-cover .col-md-12 {
padding: 0 15px; } }
.aboutus-cover .col-md-12 h1 {
line-height: .9; }
@media (max-width: 767px) {
.aboutus-cover .col-md-12 h1 br {
display: none; } }
.aboutus-video .col-md-12 {
padding: 0;
position: relative; }
.aboutus-video .col-md-12 .embed-responsive {
position: relative; }
.aboutus-video .col-md-12 .embed-responsive .mask {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
background-image: url("../img/aboutus/aboutus-video-bg.png");
background-size: cover;
background-position: center;
top: 0;
left: 0;
z-index: 1;
cursor: pointer; }
.aboutus-video .col-md-12 .embed-responsive .mask.hide {
z-index: -1; }
.aboutus-video .col-md-12 .embed-responsive .mask:hover:before {
opacity: .8; }
.aboutus-video .col-md-12 .embed-responsive .mask:hover img {
transform: scale(1); }
.aboutus-video .col-md-12 .embed-responsive .mask:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #FFC001;
opacity: 0;
transition: 0.15s all ease-in-out; }
.aboutus-video .col-md-12 .embed-responsive .mask img {
position: relative;
transform: scale(0.8);
z-index: 2;
transition: 0.15s all ease-in-out; }
@media (max-width: 767px) {
.aboutus-video .col-md-12 .embed-responsive .mask img {
max-width: 100px; } }
.aboutus-runtext {
padding: 100px 0; }
@media (max-width: 1199px) {
.aboutus-runtext {
padding: 50px 0; } }
@media (max-width: 767px) {
.aboutus-runtext {
max-width: 100vw;
overflow: hidden; } }
.aboutus-runtext .item {
font: normal 210px/0.95 "FuturaBook", sans-serif;
white-space: nowrap;
display: flex;
justify-content: center; }
@media (max-width: 1199px) {
.aboutus-runtext .item {
font-size: 150px; } }
@media (max-width: 767px) {
.aboutus-runtext .item {
font-size: 100px; } }
.aboutus-runtext .item.item-1 {
color: #E0E0E0; }
.aboutus-runtext .item.item-2 {
color: #000; }
.aboutus-items {
padding: 180px 0; }
@media (max-width: 1199px) {
.aboutus-items {
padding: 100px 0; } }
@media (max-width: 767px) {
.aboutus-items {
padding: 50px 0;
text-align: center; } }
.aboutus-items .col-md-4, .aboutus-items .col-md-8 {
padding: 0; }
@media (max-width: 767px) {
.aboutus-items .col-md-4, .aboutus-items .col-md-8 {
padding: 0 15px; } }
.aboutus-items h2 {
line-height: 1.1;
margin-bottom: 125px; }
@media (max-width: 767px) {
.aboutus-items h2 {
margin-bottom: 50px; } }
.aboutus-items .item {
padding: 40px 0 80px 50px; }
@media (max-width: 1199px) {
.aboutus-items .item {
padding: 0 50px 50px 0; } }
@media (max-width: 767px) {
.aboutus-items .item {
padding: 0 15px 50px; } }
.aboutus-items .item img, .aboutus-items .item h3 {
margin: 0 0 25px; }
@media (max-width: 767px) {
.aboutus-items .item img, .aboutus-items .item h3 {
margin: 0 0 10px; } }
@media (max-width: 767px) {
.aboutus-items .item img br, .aboutus-items .item h3 br {
display: none; } }
.contacts-cover {
padding: 110px 0 85px; }
@media (max-width: 1199px) {
.contacts-cover {
padding: 50px 0; } }
@media (max-width: 576px) {
.contacts-cover {
padding: 20px 0 50px; } }
.contacts-cover .col-md-12 {
padding: 0; }
@media (max-width: 767px) {
.contacts-cover .col-md-12 {
padding: 0 15px; } }
.contacts-phonemail a {
display: inline-block;
width: max-content; }
.contacts-phonemail .phone {
margin: 0 0 15px; }
.contacts-phonemail .email h2 {
background: linear-gradient(260.87deg, #6B5CBF 9.42%, #DD1835 61.48%, #FE9A04 104.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.15s all ease-in-out; }
.contacts-phonemail .email h2:hover {
color: #FFC001;
-webkit-background-clip: #FFC001;
-webkit-text-fill-color: #FFC001; }
.contacts-form {
margin: 85px 0 80px; }
@media (max-width: 1199px) {
.contacts-form {
margin: 50px 0; } }
.contacts-form .col-md-6 {
position: relative; }
.contacts-form img {
width: calc(100% + 65px);
position: absolute;
top: -90px;
left: -80px; }
@media (max-width: 1199px) {
.contacts-form img {
max-width: 300px;
position: relative;
top: 0;
left: 0; } }
@media (max-width: 767px) {
.contacts-form img {
margin: 0 0 50px; } }
.contacts-form form {
margin: 40px 0; }
@media (max-width: 1199px) {
.contacts-form form {
margin: 0; } }
.contacts-form .form-group input {
border: 0;
padding: 0;
height: 53px;
margin: 0 0 45px;
box-shadow: none;
border-radius: 0;
font: normal 30px/1.5 "FuturaLight", sans-serif;
border-bottom: 1px solid #A3A3A3;
transition: 0.15s all ease-in-out; }
@media (max-width: 1199px) {
.contacts-form .form-group input {
height: 45px;
margin: 0 0 30px;
font-size: 20px; } }
.contacts-form .form-group input::placeholder {
font: normal 30px/1.5 "FuturaLight", sans-serif; }
@media (max-width: 1199px) {
.contacts-form .form-group input::placeholder {
font-size: 20px; } }
.contacts-form .form-group input:focus {
border-color: #FFC001; }
.contacts-form .form-check {
margin: 10px 0 70px; }
@media (max-width: 1199px) {
.contacts-form .form-check {
margin: 10px 0 30px; } }
.contacts-form .form-check label {
color: #575757; }
.contacts-form .form-check label a {
color: #07B5CF;
text-decoration: underline !important; }
.contacts-address {
margin: 0 0 150px; }
@media (max-width: 1199px) {
.contacts-address {
margin: 0 0 50px; } }
.contacts-address .col-md-6 {
margin-top: 75px; }
@media (max-width: 1199px) {
.contacts-address .col-md-6 {
margin-top: 35px; } }
.contacts-address .col-md-6 .link-icon img {
filter: brightness(0);
transition: 0.15s all ease-in-out; }
.contacts-address .col-md-6 .link-icon img:hover {
filter: none; }
.contacts-address p {
margin: 0 0 35px; }
@media (max-width: 1199px) {
.contacts-address p {
margin: 0 0 15px; } }
.contacts-follow {
margin: 0 0 150px; }
@media (max-width: 1199px) {
.contacts-follow {
margin: 0 0 50px; } }
.contacts-follow p {
margin: 0 0 35px; }
@media (max-width: 1199px) {
.contacts-follow p {
margin: 0 0 15px; } }
.contacts-follow .links {
display: flex; }
.contacts-follow .links a {
margin-right: 60px; }
.contacts-follow .links a h3 {
background: linear-gradient(260.87deg, #6B5CBF 9.42%, #DD1835 61.48%, #FE9A04 104.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.15s all ease-in-out; }
.contacts-follow .links a h3:hover {
color: #FFC001;
-webkit-background-clip: #FFC001;
-webkit-text-fill-color: #FFC001; }
.contacts-map #map {
height: 460px !important;
width: 100%; }
@media (max-width: 767px) {
.contacts-map #map {
height: 300px !important; } }
.contacts-map [class*="-layers-pane"] {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%); }
.error-page {
padding: 80px 0 160px;
text-align: center; }
@media (max-width: 1199px) {
.error-page {
padding: 50px 0 100px; } }
.error-page img {
margin: 0 0 100px; }
@media (max-width: 1199px) {
.error-page img {
margin: 0 0 50px;
max-width: 400px;
width: 100%; } }
@media (max-width: 767px) {
.error-page img {
max-width: 240px; } }
.error-page .content {
max-width: 670px;
width: 100%;
margin: 0 auto; }
.error-page .content h3 {
margin: 0 0 20px; }
.error-page .content p {
margin: 0 0 100px; }
@media (max-width: 1199px) {
.error-page .content p {
margin: 0 0 50px; } }