* {
margin: 0;
padding: 0;
}
#wpadminbar {
display: block !important;
}
body {
background-color: #F5F5F5;
font-family: 'Lato';
background-size: contain;
overflow-x: hidden;
}
.home-page {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/bg1.png);
}
.other-page {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/bgpages.png);
background-repeat: no-repeat;
background-size: cover;
}
.mar-pad-0 {
padding: 0 !important;
margin: 0 !important;
}
.mar-pad-0-left {
padding-left: 0 !important;
margin-left: 0 !important;
}
.mar-pad-0-right {
padding-right: 0 !important;
margin-right: 0 !important;
}
.margin-bt {
margin-bottom: 60px !important;
}
a:hover {
text-decoration: none;
}
.section {
position: relative;
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.container { max-width: 1200px;  }
.desctop-header {
display: flex;
justify-content: space-between; z-index: 999;
}
.desctop-headers { position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: white;
padding-block: 10px;
}
.header-right {
display: flex;
align-items: center;
}
.header-mobiles {
margin-right: 60px;
display: flex;
}
.header-mobiles a {
font-family: 'Lato';
font-weight: 700;
font-size: 26px;
line-height: 31px;
color: #FFFFFF;
}
.header-mobiles a:first-child {
margin-right: 14px;
display: flex;
align-items: center;
}
.header-mobiles a:first-child::before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/header-mobile.png);
content: "";
display: block;
width: 14px;
height: 13px;
margin-right: 14px;
}
.header-calling a:first-child::before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pages-calling.png);
content: "";
display: block;
width: 14px;
height: 13px;
margin-right: 14px;
}
.header-calling a {
font-family: 'Lato';
font-weight: 700;
font-size: 26px;
line-height: 31px;
color: #002A48;
}
.header-mobiles a:last-child {
display: flex;
align-items: center;
}
.header-mobiles a:last-child::before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/header-tochka.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 4px;
height: 4px;
margin-right: 14px;
}
.header-calling a:last-child::before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/silver-tochka.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 4px;
height: 4px;
margin-right: 14px;
}
.header-calc {
background-color: white;
padding: 17px 30px;
margin-right: 20px;
}
.header-calc a {
font-size: 20px;
line-height: 24px;
color: #0066B0;
font-family: 'Lato';
font-weight: 700;
font-style: normal;
}
.pages-calc {
background: #0066B0;
box-shadow: 0px 20px 50px rgba(0, 102, 176, 0.3);
}
.pages-calc a {
color: white;
background: #0066B0;
color: white;
}
.call-toaction {
background: white;
display: flex;
justify-content: space-between;
padding: 46px 60px;
}
.call-toaction div {
display: flex;
align-items: center;
}
.call-toaction div img {
margin-right: 30px;
}
.call-toaction div h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 31px;
width: 556px;
color: #002A48;
}
.call-toaction a {
background: #E31E24;
box-shadow: 0px 20px 50px rgba(227, 30, 36, 0.3);
padding: 22px 75px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #FFFFFF !important;
transition: background 1s;
}
.call-toaction a:hover {
background: #0066B0;
transition: background 1s;
}
.bottom81 {
position: relative;
top: 91px;
bottom: 6px;
display: flex;
width: 100%;
justify-content: center;
margin: 0 auto;
z-index: 9;
}
.bg-grey {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/bg1.png);
}
.home-products span {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 34px;
color: #002A48;
text-align: center;
display: flex;
justify-content: center;
}
.margin-top140 {
margin-top: 140px;
}
.margin-top80 {
margin-top: 80px;
}
.home-products p {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 70px;
line-height: 84px;
margin-top: 20px;
display: flex;
justify-content: center;
text-align: center;
color: #002A48;
}
.home-productsslider {
display: flex;
justify-content: space-between;
}
.home-productsslider .homeProduct {
width: 360px !important;
margin-top: 60px;
position: relative;
background-color: white;
}
.home-productsslider .homeProduct::before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/decor.png);
content: "";
display: none;
background-repeat: no-repeat;
width: 109.38px;
height: 129.32px;
position: absolute;
right: -471px;
top: -118px;
opacity: 0;
transition: all 200ms ease;
transition-property: display, opacity, right, top;
}
.home-productsslider .homeProduct:hover::before {
display: block;
opacity: 1;
right: 0;
top: 0;
transition: all 200ms ease;
transition-property: display, opacity, right, top;
}
.headerP {
display: flex;
justify-content: space-between;
align-items: end;
padding-left: 40px;
padding-right: 40px;
}
.home-productsslider h3 a{
width: 240px;
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 38px;
color: #002A48;
margin-right: 20px;
text-align: left;
}
.headerP a{
z-index: 999;
}
.homeProduct p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 130%;
margin-top: 20px;
color: #002A48;
padding-left: 40px;
padding-right: 40px;
}
.product-image {
width: 360px;
height: 240px;
overflow: hidden;
}
.product-image img {
width: 100%;
min-height: 100%;
object-fit: cover;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 2s;
}
.product-image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 2s;
}
.zakazat {
background: #0066B0;
box-shadow: 0px 20px 50px rgb(0 102 176 / 30%);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
padding: 14px 99px;
text-align: center;
width: 280px;
margin: 0 auto;
margin-bottom: 40px;
transition: background 1s;
}
.zakazat:hover {
background: #E31E24;
transition: background 1s;
}
.home-projects {
display: flex;
margin-top: 80px;
justify-content: space-between;
}
.home-project { box-sizing: border-box;
}
.home-projectpic {
width: 100%; height: 520px;
overflow: hidden;
position: relative;
}
.home-projectpic:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.home-projectpic img {
width: 100%;
height: 100%;
object-fit: cover;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 2s;
}
.home-projectpic:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 2s;
}
.project-header {
z-index: 9999;
position: absolute;
width: 100%;
bottom: 20px;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
align-items: end;
padding-left: 50px;
padding-right: 50px;
}
.project-header h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 46px;
line-height: 55px;
display: flex;
align-items: flex-end;
text-align: left;
color: #FFFFFF;
width: 500px;
}
.home-projectpic a {
background: #FFFFFF;
display: flex;
justify-content: space-between;
width: 200px;
height: 56px;
padding: 16px 26px;
}
.home-projectpic a img {
width: auto;
height: auto;
}
.home-projectpic a span {
margin-top: inherit;
text-align: inherit;
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px; display: flex;
align-items: center;
color: #002A48;
}
.home-projecttext {
display: flex;
justify-content: space-between;
margin-top: 60px;
}
.home-projecttextleft {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.home-projecttextleft span {
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130%;
text-align: left;
margin-top: inherit;
color: #858585;
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.home-projecttextleft strong {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 130%;
color: #002A48;
margin-bottom: 30px;
}
.home-projecttextright p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
width: 550px;
color: #3B454D;
margin-bottom: 30px;
}
.home-projects .slick-track {
display: flex;
justify-content: space-between;
}
.home-projects .slick-slide { margin-left: 30px;
margin-right: 30px;
}
.home-projects .slick-slide .home-projecttext {
display: none;
}
.slick-dotted .slick-current img {
transform: scale(1.1);
}
.home-projects .slick-slide.slick-current .home-projecttext {
display: flex;
}
.project-left {
background: none;
border: none;
position: absolute;
right: 13%;
top: 23%;
display: flex;
align-items: center;
z-index: 999;
}
.project-right {
background: none;
border: none;
position: absolute;
left: 13%;
top: 23%;
z-index: 999;
}
.see-all {
background: #E31E24;
box-shadow: 0px 20px 50px rgb(227 30 36 / 30%);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: table;
align-items: center;
text-align: center;
color: #FFFFFF;
margin: 80px auto;
margin-bottom: 0;
justify-content: center;
padding: 19px 98px;
transition: background 1s;
}
.see-all:hover {
color: #FFFFFF;
background: #0066B0;
transition: background 1s;
}
.zayavka-home {
display: flex;
margin-top: 80px;
}
.red-zone {
background: #E31E24;
box-shadow: 0px 4px 100px rgba(227, 30, 36, 0.4);
width: 300px;
padding-top: 40px;
padding-left: 40px;
}
.icon-zone img {
background: white;
padding: 30px;
}
.icon-zone h4 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 31px;
display: flex;
align-items: flex-end;
margin-top: 40px;
color: #FFFFFF;
width: 220px;
margin-bottom: 67px;
}
.blue-zone {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/blue-bg.jpg);
width: 100%;
padding: 60px 80px;
}
.home-form {
display: flex;
flex-direction: column;
}
.home-form div:first-child {
display: flex;
}
.home-form p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
width: 180px;
color: #FFFFFF;
margin-right: 50px;
}
.form-decor {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.form-decor input {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #FFFFFF;
background: transparent;
border: none;
border-bottom: 1px solid #308CCE;
margin-right: 30px;
margin-top: 20px;
padding-bottom: 15px;
}
.form-decor input::placeholder {
color: #FFFFFF;
opacity: 1;
}
.form-decor input:focus {
outline: none;
}
.form-decorbottom span {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
margin-top: inherit;
}
.home-formbottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
}
.form-decorbottom:first-child {
display: flex;
align-items: center;
}
.form-decorbottom:first-child input {
margin-right: 10px;
width: 22px;
height: 22px;
border: none;
}
.form-decorbottom:last-child a {
background: #FFFFFF;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: flex;
align-items: center;
text-align: center;
padding: 15px 40px;
color: #0066B0;
}
.form-decorbottom input:checked {
outline: none;
background: white;
}
.opportunities {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 80px;
}
.first-block {
display: flex;
width: 780px;
padding: 60px;
border: 20px solid white;
position: relative;
height: 425px;
box-sizing: border-box;
filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.1));
}
.first-block h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 38px;
line-height: 46px;
color: #002A48;
text-align: left;
margin-top: 60px;
width: 300px;
margin-right: 20px;
margin-top: 0;
}
.first-blockr {
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: #3B454D;
}
.first-blockr p {
margin-bottom: 30px;
}
.first-blockl:before {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/projectlinetop.png);
content: "";
display: block;
width: 122px;
height: 91px;
position: absolute;
bottom: -21px;
right: 417px;
}
.first-blockr:before {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/projectlinebottom.png);
content: "";
display: block;
width: 122px;
height: 91px;
position: absolute;
top: -20px;
right: -19px;
}
.second-block {
background: white;
padding: 60px;
margin-bottom: 60px;
position: relative;
padding-bottom: 60px;
}
.second-block:before {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/projectlinebottom.png);
content: '';
display: block;
width: 122px;
height: 91px;
position: absolute;
top: 0;
right: 0;
}
.second-block h3 {
width: 260px;
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-align: left;
color: #002A48;
margin-top: -13px;
margin-bottom: 20px;
}
.second-block p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
width: 260px;
color: #3B454D;
}
.zavka-blue {
background: #0066B0;
box-shadow: 0px 20px 50px rgba(0, 102, 176, 0.3);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: flex;
align-items: center;
text-align: center;
padding: 19px 102px;
color: #FFFFFF;
margin: 0 auto;
display: table;
background: #0066B0;
box-shadow: 0px 20px 50px rgba(0, 102, 176, 0.3);
transition: background 1s;
}
.zavka-blue:hover {
color: white;
background: #ff2d16;
transition: background 1s;
}
.home-news {
display: flex;
justify-content: space-between;
margin-top: 80px;
margin-bottom: 60px;
}
.news-post {
background: white;
width: 570px !important;
}
.home-news .news-image {
width: 570px;
height: 400px;
display: block;
overflow: hidden;
position: relative;
top: 0;
}
.home-news .news-image img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 2s;
width: 100%;
height: 100%;
object-fit: cover;
}
.home-news .news-image:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 2s;
}
.home-news .news-image p {
background: white;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #0065AE;
width: 80px;
height: 90px;
position: absolute;
top: 40px;
right: 39px;
text-align: right;
padding-right: 15px;
display: flex;
padding-top: 15px;
flex-direction: column;
align-items: end;
}
.home-news .news-image p span {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 38px;
text-align: right;
margin-top: 0;
color: #FF2D16;
}
.newspost-title {
padding: 40px;
}
.newspost-title h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-align: left;
color: #002A48;
}
.newspost-title p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
margin-top: 20px;
color: #3B454D;
}
.footer-top {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/footer-top.png);
background-size: cover;
background-repeat: no-repeat;
margin-top: 80px;
padding-bottom: 259px;
}
.footer-top:before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/line-topfooter.png);
content: "";
display: block;
width: 380px;
height: 807px;
position: absolute;
right: 0;
top: 282px;
}
.footer-top:after {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/line-topfooterblue.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 380px;
height: 807px;
position: absolute;
left: 0;
bottom: -381px;
z-index: 0;
}
.download-pdf {
width: 520px;
display: flex;
flex-direction: column;
}
.download-pdf p {
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 46px;
line-height: 55px;
padding-top: 170px;
color: #FFFFFF;
}
.download-pdf a {
background: #FFFFFF;
display: inline-flex;
margin-top: 60px;
align-items: center;
margin-bottom: 60px;
padding: 19px 115px;
width: 360px;
z-index: 500;
}
.download-pdf a img {
margin-right: 10px;
}
.download-pdf a span {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 26px;
text-align: center;
color: #0066B0;
}
.pdf-size {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
.footer-bg {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/footer-bg.jpg);
background-repeat: no-repeat;
padding-top: 160px;
padding-bottom: 44px;
}
.footer-firststep {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
& .not-show {
display: block;
}
}
.footer-menu {
list-style: none;
}
.footer-menu li {
margin-bottom: 20px;
}
.footer-menu li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 32px;
color: #FFFFFF;
}
.footer-social {
display: flex;
list-style: none;
margin-top: 60px;
}
.footer-social li {
margin-right: 30px;
}
.footer-withicon {
display: flex;
flex-direction: column !important;
align-items: flex-start;
margin-bottom: 80px;
width: 255px;
}
.footer-withicon img {
margin-bottom: 20px
}
.footer-withicon a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px; color: #FFFFFF;
}
.footer-withicon p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #FFFFFF;
}
.footer-text {
width: 255px;
}
.footer-text h4 {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 130%;
margin-bottom: 20px;
color: #FFFFFF;
}
.footer-text p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.75);
}
.footer-secondstep {
display: flex;
margin-top: 60px;
}
.footer-secondstep a:first-child {
background: #0066B0;
padding: 19px 113px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: flex;
align-items: center;
text-align: center;
margin-right: 40px;
color: #FFFFFF;
transition: background 1s;
}
.footer-secondstep a:first-child:hover {
background: #FF2D16;
transition: background 1s;
}
.footer-secondstep a:last-child:hover {
background: #0066B0;
transition: background 1s;
}
.footer-secondstep a:last-child {
background: #FF2D16;
padding: 19px 113px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: flex;
align-items: center;
text-align: center;
margin-right: 40px;
color: #FFFFFF;
transition: background 1;
}
.footer-third {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 67px;
}
.footer-third span {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.footer-third div {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.footer-third div img {
margin-left: 20px;
}
.contacts-block {
margin-top: 140px;
background: white;
}
.contact-image {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/contacts.jpg);
display: flex;
height: 500px;
flex-direction: column;
justify-content: space-between;
}
.about-image {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/about-bg.jpg);
display: flex;
height: 500px;
flex-direction: column;
justify-content: space-between;
}
.contact-image-top {
display: flex;
justify-content: space-between;
padding-top: 40px;
padding-bottom: 20px;
padding-right: 30px;
align-items: center;
float: right;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-image-1 ul {
width: 800px;
list-style: none;
display: flex;
margin: 0 auto;
margin-left: 60px;
}
.contact-image-1 ul li a {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
}
.contact-image-1 ul li {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
margin-right: 10px;
color: #FFFFFF;
} .news-page {
display: flex;
flex-direction: column;
}
.news-page-top {
background-color: white;
display: flex;
justify-content: space-between;
padding-top: 40px;
padding-bottom: 20px;
padding-right: 30px;
align-items: center;
float: right;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.news-page-1 ul {
list-style: none;
display: flex;
margin: 0 auto;
}
.news-page-1 ul li a {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #006AB9;
}
.news-page-1 ul li {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
margin-right: 10px;
color: #006AB9;
} .contact-image-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 80px;
padding-right: 80px;
padding-bottom: 80px;
}
.contact-image-bottom h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 60px;
line-height: 72px;
color: #FFFFFF;
}
.contact-image-bottom p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
display: flex;
align-items: flex-end;
width: 560px;
color: #FFFFFF;
}
.contact-blockcontent ul {
width: 800px;
list-style: none;
display: block;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 60px;
}
.contact-blockcontent ul li {
border-bottom: 1px solid #EFEFEF;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;
}
.contact-blockcontent ul li div {
display: flex;
align-items: center;
}
.contact-blockcontent ul li div img {
margin-right: 15px;
}
.contact-blockcontent ul li:last-child {
border-bottom: none;
}
.contact-blockcontent ul li div span {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: right;
color: #002A48;
}
.contact-blockcontent ul li p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px; text-align: right;
color: #002A48;
}
.contact-blockcontent ul li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px; text-align: right;
color: #0066B0;
}
.location {
padding-left: 80px;
padding-right: 80px;
padding-bottom: 80px;
}
.first-text {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 140%;
padding: 60px 200px;
color: #002A48;
}
.second-text {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
padding: 60px 200px;
color: #002A48;
margin-bottom: 0;
}
.about-pics img:first-child {
margin-right: 30px;
}
.blackquote {
background: #E2F2FF;
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 140%;
margin-left: 200px;
padding-right: 200px;
padding-left: 50px;
padding-top: 50px;
padding-bottom: 50px;
color: #002A48;
}
.main-content {
padding: 60px 200px;
}
.main-content p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #002A48;
padding-bottom: 20px;
}
.about-blockcontent {
padding-bottom: 80px;
}
.about-projectslink {
padding: 18px 80px;
background: #FF2D16;
box-shadow: 0px 20px 60px rgba(255, 45, 22, 0.5);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
transition: background 1s;
margin-left: 200px;
margin-bottom: 80px;
}
.about-projectslink:hover {
background: #1265B3;
color: #FFFFFF;
transition: background 1s;
}
.news-page {
background: white;
margin-top: 140px;
display: flex;
margin: 140px auto 80px auto;
justify-content: center;
}
.news-page-top {
background-color: white;
display: flex;
justify-content: space-between;
padding-top: 40px;
padding-bottom: 20px;
padding-left: 60px;
padding-right: 30px;
align-items: center;
float: right;
border-bottom: 1px solid #F0F0F0;
width: 100%;
}
.news-page-center h1, .news-page-center h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 60px;
line-height: 1.5;
color: #002A48;
padding: 60px 30px 30px;
}
.withleft {
background: #EBF5FD;
}
.withright,
.withleft {
display: flex;
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.withright .rightpart {
padding-left: 60px;
width: calc(100% - 500px);
}
.withleft .rightpart {
width: calc(100% - 500px);
}
.rightpart h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 32px;
line-height: 130%;
margin-bottom: 20px;
color: #002A48;
}
.rightpart p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: rgba(0, 42, 72, 0.75);
}
.rightpart a {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
display: inline-flex;
align-items: center;
text-align: center;
padding: 14px 63px;
color: #FFFFFF;
margin-top: 30px;
background: #0066B0;
box-shadow: 0px 20px 50px rgb(0 102 176 / 30%);
}
.imgpart {
position: relative;
display: flex;
width: 500px;
height: 360px;
}
.imgpart img {
width: 100%;
height: 100%;
object-fit: cover;
}
.imgpart p {
background: white;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #0065AE;
width: 80px;
height: 90px;
position: absolute;
bottom: -42px;
right: 30px;
text-align: right;
padding-right: 15px;
display: flex;
padding-top: 15px;
flex-direction: column;
align-items: end;
}
.imgpart p span {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 38px;
text-align: right;
margin-top: 0;
color: #FF2D16;
}
.withleft .imgpart p {
position: absolute;
z-index: 0;
bottom: -36px;
top: inherit;
left: 30px;
}
.news-single-page {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-single-page h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 130%;
padding-left: 60px;
padding-top: 60px;
padding-bottom: 60px;
color: #002A48;
}
.news-single-page p {
background: #FFFFFF;
box-shadow: 0px 50px 50px rgb(0 42 72 / 10%);
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #0065AE;
width: 80px;
height: 90px;
text-align: right;
padding-right: 15px;
display: flex;
padding: 15px;
flex-direction: column;
align-items: end;
margin-right: 60px;
}
.news-single-page p span {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 38px;
text-align: right;
margin-top: 0;
color: #FF2D16;
}
.single-news-content img {
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.single-news-contenttext p:first-child {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 140%;
color: #002A48;
padding-top: 60px;
padding-left: 50px;
padding-right: 50px;
}
.single-news-contenttext p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
padding-left: 50px;
padding-right: 50px;
color: #002A48;
margin-bottom: 30px;
}
.single-news-contenttext h2,
.single-news-contenttext h3,
.single-news-contenttext h4,
.single-news-contenttext h5,
.single-news-contenttext h6 {
padding-left: 50px;
padding-right: 50px;
color: #002A48;
margin-bottom: 30px;
}
.single-news-contenttext ul {
padding-left: 70px;
}
.single-news-contenttext li {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
color: #002A48;
margin-bottom: 30px;
}
.read-moreicon {
display: flex;
margin-top: 80px;
}
.read-moreicon img {
width: inherit;
padding-left: 60px;
padding-right: 15px;
padding-bottom: 60px;
}
.read-moreicon span {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 130%;
color: #002A48;
}
.margin-bottom60 {
margin-bottom: 60px;
}
.project-single-page {
display: flex;
padding-left: 60px;
padding-right: 60px;
}
.project-single-page div {
width: 50%;
padding-top: 60px;
padding-bottom: 60px;
align-items: center;
}
.project-single-page div:first-child h1 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 130%;
color: #002A48;
}
.project-single-page div:last-child p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: rgba(0, 42, 72, 0.75);
margin-bottom: 20px;
}
.project-single-page div:first-child ul {
list-style: none;
display: flex;
align-items: center;
margin-top: 20px;
}
.project-single-page div:first-child ul li {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 130%;
color: #002A48;
}
.project-single-page div:first-child ul li:last-child {
display: flex;
align-items: center;
}
.project-single-page div:first-child ul li:last-child:before {
background: red;
display: block;
content: "";
width: 2px;
height: 2px;
margin-left: 10px;
margin-right: 10px;
}
.carousel-control-prev-icon {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/arrow-circle-left.png) !important;
opacity: 1;
width: 60px;
height: 60px;
z-index: 99;
}
.carousel-control-next-icon {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/arrow-circle-right.png) !important;
opacity: 1;
width: 60px;
height: 60px;
z-index: 99;
}
.ravhan {
position: relative;
}
.ravhan:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
content: "";
z-index: 9;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
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: 15%;
color: #fff;
text-align: center;
opacity: 1;
z-index: 99999;
}
.carousel-indicators>li {
border-radius: 50%;
width: 6px;
height: 6px;
}
.projects-columns {
display: block;
flex-wrap: wrap;
}
.another-project {
float: left;
position: relative;
}
.proejcts-img {
width: 400px;
height: 300px;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
}
.proejcts-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.first-project {
width: 800px;
height: 600px;
overflow: hidden;
float: left;
position: relative;
}
.first-project:hover h2 {
display: flex;
opacity: 1;
transition: display 1s, opacity 1s;
}
.first-project:hover a {
display: block;
opacity: 1;
transition: display 1s, opacity 1s;
}
.first-project:hover:before {
display: block;
transition: display 1s, opacity 1s;
}
.first-project:before {
display: none;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
position: absolute;
top: 0;
left: 0;
}
.another-project:hover h3 {
display: flex;
opacity: 1;
transition: display 1s, opacity 1s;
}
.proejcts-img:hover:before {
display: block;
transition: display 1s, opacity 1s;
}
.first-project:last-child {
position: absolute;
right: 0px;
top: calc(100% - 600px);
}
.first-project img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-img h2 {
z-index: 9999;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 31px;
display: none;
align-items: center;
text-align: center;
padding-left: 150px;
padding-right: 150px;
color: #FFFFFF;
position: absolute;
opacity: 0;
transition: display 1s, opacity 1s;
}
.project-img {
display: flex;
align-items: center;
height: 100%;
}
.project-img a {
display: none;
position: absolute;
bottom: 40px;
right: 40px;
}
.another-project img {
width: 100%;
height: 100%;
object-fit: cover;
}
.proejcts-img h2 {
z-index: 99999;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 31px;
display: none;
align-items: center;
text-align: center;
padding-left: 40px;
padding-right: 40px;
color: #FFFFFF;
position: absolute;
}
.testimonial {
display: flex;
justify-content: center;
margin-top: 60px;
margin-bottom: 194px;
}
.testimonial-block {
display: flex !important;
width: 560px !important;
height: 474px;
background: #FFFFFF;
box-shadow: 50px 50px 100px rgba(0, 42, 72, 0.08); }
.testimonial-text {
padding-top: 60px;
padding-bottom: 134px;
width: 326px;
}
.testimonial-text p {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 130%;
padding-left: 60px;
margin-bottom: 30px;
color: #002A48;
}
.testimonial-logo {
display: flex;
flex-direction: column;
align-items: self-end;
justify-content: space-around;
}
.testimonial-logo p {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: right;
color: #002A48;
margin-right: 60px;
margin-bottom: 0;
}
.testimonial-logo p span {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: right;
color: #002A48;
}
.testimonial-logo img {
margin-right: 35px;
}
.testimonial>.testimonial-left,
.testimonial>.testimonial-right {
background: none;
border: none;
position: absolute;
bottom: -30%;
}
.testimonial-left {
position: absolute;
right: 35%;
display: flex;
align-items: center;
z-index: 999;
}
.testimonial-right {
position: absolute;
left: 35%;
z-index: 999;
}
.slick-dots li button {
display: none;
}
.slick-dots li::marker {
background: #0066B0;
border-radius: 100px;
display: block;
width: 4px;
height: 4px;
}
.desctopmenu-open {
background-color: rgba(0, 42, 72, 0.95);
backdrop-filter: blur(8px);
background-repeat: no-repeat; padding-bottom: 40px;
height: 100vh;
position: fixed;
overflow: auto;
display: none;
z-index: 9999;
top: 0;
padding-top: 7px;
overscroll-behavior: contain;
}
.menu-bar, .close-menu {
cursor: pointer;
}
.footer-category {
list-style: none;
}
.footer-category li {
margin-bottom: 24px;
}
.footer-category li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 26px;
color: #FFFFFF;
}
.header-width {
width: 319px;
}
.header-topmenu {
display: flex;
justify-content: space-between;
margin-bottom: 120px;
}
.right-menulang {
display: flex;
align-items: center;
}
.right-menulang ul {
display: flex;
margin-right: 60px;
list-style: none;
margin-bottom: 0;
}
.right-menulang ul li {
margin-right: 30px;
}
.right-menulang ul li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
.proejcts-img h3 {
z-index: 9999;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 31px;
display: none;
align-items: center;
text-align: center;
padding-left: 40px;
padding-right: 40px;
color: #FFFFFF;
position: absolute;
}
.proejcts-img:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
display: none;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
} .clouds {
overflow: hidden;
}
.clouds .animation_swimming:nth-child(1) {
animation: swim 130s linear infinite;
}
.clouds .animation_swimming:nth-child(2) {
animation: swim 110s linear infinite;
}
.clouds .animation_swimming:nth-child(3) {
animation: swim 90s linear infinite;
}
.clouds .animation_swimming:nth-child(4) {
animation: swim 100s linear infinite;
} .intro_slick {
display: flex;
z-index: 9;
}
#intro {
overflow: hidden;
height: 660px;
background: #0094FF;
padding-top: 0;
padding-bottom: 5rem;
margin-bottom: -12rem;
transition: background 1s;
}
.slide-pogoda {
display: flex !important;
}
.intro_slick .slick-list {
padding-top: 206px;
}
#intro:before {
content: "";
width: 35rem;
height: 35rem;
opacity: .6;
position: absolute;
top: -50rem;
right: -50rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 1s;
}
#intro.day_anime {
background: #4b6de8;
}
#intro.day_anime:before {
top: -5rem;
right: -5rem;
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pogoda/intro_anime/sun.png);
opacity: 1;
}
#intro.night_anime {
background: #212D39;
}
#intro.night_anime:before {
z-index: 2;
top: -15rem;
right: -15rem;
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pogoda/intro_anime/luna.png);
}
#intro.night_anime .bg>.clouds {
z-index: 2;
}
#intro.night_anime .bg .star-box {
display: block;
z-index: 0;
}
#intro.night_storm .bg .lightning-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
#intro .bg {
position: absolute;
left: 0;
top: 0;
height: 660px;
width: 100%;
}
#intro .bg .clouds {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 9;
}
#intro .bg .bush {
z-index: 3;
position: absolute;
right: 20%;
bottom: 4rem;
max-width: 27rem;
}
#intro .bg .bush img {
max-width: 100%; }
#intro .bg .lightning-box {
display: none;
position: absolute;
left: 0;
top: 0;
background: #111111;
min-height: 100%;
min-width: 100%;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 1;
}
#intro .bg .lightning-box .flash {
position: absolute;
opacity: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #ffffff;
animation: flash infinite 3s linear; 
}
@keyframes flash {
80%   { opacity: 0; }
90% { opacity: 0.3; }
}
#intro .bg .lightning-box .lightning {
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
width: 60%;
min-height: 100%;
z-index: 99;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
animation: strike infinite 3s linear;
}
#intro .bg .lightning-box .clouds {
position: absolute;
bottom: 0;
left: 0;
background-size: cover;
animation: moveClouds infinite;
z-index: 1;
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pogoda/intro_anime/dark_clouds.png);
animation-duration: 50s;
animation-timing-function: linear;
top: 0;
right: 0;
}
#intro .bg .star-box {
display: none;
}
#intro .bg .star-box .stars,
#intro .bg .star-box .twinkling {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
}
#intro .bg .star-box .stars {
background: #000 url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pogoda/intro_anime/stars.png) repeat top center;
z-index: 1;
}
#intro .bg .star-box .twinkling {
background: transparent url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/pogoda/intro_anime/twinkling.png) repeat top center;
z-index: 1;
-moz-animation: move-twink-back 200s linear infinite;
-ms-animation: move-twink-back 200s linear infinite;
-o-animation: move-twink-back 200s linear infinite;
-webkit-animation: move-twink-back 200s linear infinite;
animation: move-twink-back 200s linear infinite;
}
#intro .container .slick-arrow {
position: absolute;
top: 50%;
left: -8rem;
background: transparent;
border: 2px solid #ffffff;
border-radius: 50%;
text-indent: -999px;
overflow: hidden;
display: block;
width: 40px;
height: 40px;
}
#intro .container .slick-arrow:focus {
outline: none;
}
#intro .container .slick-arrow:before,
#intro .container .slick-arrow:after {
content: "";
position: absolute;
height: 2px;
left: 50%;
margin-left: -5px;
width: 10px;
background: #ffffff;
}
#intro .container .slick-arrow.slick-prev {
margin-top: -50px;
}
#intro .container .slick-arrow.slick-prev:before {
top: 14px;
transform: rotate(-45deg);
}
#intro .container .slick-arrow.slick-prev:after {
top: 20px;
transform: rotate(45deg);
}
#intro .container .slick-arrow.slick-next {
margin-top: 10px;
}
#intro .container .slick-arrow.slick-next:before {
top: 14px;
transform: rotate(45deg);
margin-left: -3px;
}
#intro .container .slick-arrow.slick-next:after {
top: 20px;
transform: rotate(-45deg);
margin-left: -3px;
}
#intro .container .intro_slick h1 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 60px;
color: #FFFFFF;
}
.slide-button {
display: inline-block;
background: #E31E24;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
padding: 18px 35px;
margin-top: 40px;
}
#intro .container .intro_slick a {
display: inline-block;
}
#intro .container .intro_slick a:focus {
outline: none;
}
.building-right img {
width: -webkit-fill-available;
height: 100%; position: relative; }
#intro .container .intro_slick .intro_anime_buttons a {
margin-right: 40px;
}
#intro .container .intro_slick .intro_anime_buttons a img {
max-height: 4rem;
}
#intro .container .intro_slick .intro_anime_buttons .slide-button{
display: block;
width: fit-content;
}
.intro_anime_buttons{
margin-top: 40px;
}
.pogoda-slider {
position: relative;
}
#timer {
background: rgba(245, 245, 245, 0.5);
}
#timer .col-md-10 {
position: relative;
text-align: center;
background: #E43E2E;
border-radius: 4.5rem;
}
#timer .col-md-10 .clouds {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
border-radius: 4.5rem;
}
#timer .col-md-10 .col-md-6 {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
z-index: 2;
height: 100%;
}
#timer .col-md-10 .col-md-6 img {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
max-width: 100%;
}
#timer .col-md-10 .col-md-6 .decrement_timer {
border-radius: 2.5rem;
background: rgba(255, 255, 255, 0.2);
padding: 3rem 4rem;
display: table;
margin: 0 auto 4rem auto;
}
#timer .col-md-10 .col-md-6 .decrement_timer .d-none {
display: none;
}
#timer .col-md-10 .col-md-6 .decrement_timer p {
display: inline-block;
font-size: 3rem;
font-weight: 400;
margin-bottom: 0;
}
#timer .col-md-10 .col-md-6 .decrement_timer p span {
font-weight: 600;
display: block;
}
#timer .col-md-10 .col-md-6 .decrement_timer strong {
font-size: 3rem;
font-weight: 400;
display: inline-block;
margin: 0 1rem;
position: relative;
top: -2.5rem;
}
.footer-class{
display: flex;
flex-direction: column;
} @keyframes swim {
0% {
transform: translateX(0);
opacity: .5;
}
50% {
transform: translateX(100%);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: .7;
}
}
@-webkit-keyframes swim {
0% {
transform: translateX(0);
opacity: .5;
}
50% {
transform: translateX(100%);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: .7;
}
}
@-moz-keyframes swim {
0% {
transform: translateX(0);
opacity: .5;
}
50% {
transform: translateX(100%);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: .7;
}
}
@-ms-keyframes move-twink-back swim {
0% {
transform: translateX(0);
opacity: .5;
}
50% {
transform: translateX(100%);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: .7;
}
} @keyframes swimX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes swimX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@-moz-keyframes swimX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@-ms-keyframes move-twink-back swimX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
} @keyframes swimY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes swimY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@-moz-keyframes swimY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@-ms-keyframes move-twink-back swimY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
} .our-customers {
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.our-customerleft {
width: 50%;
}
.our-customerright {
margin-right: 108px;
padding-top: 80px;
}
.our-customerleft p:first-child {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 34px;
line-height: 140%;
color: #002A48;
margin-bottom: 40px;
}
.our-customerleft p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
color: #002A48;
margin-bottom: 0;
}
.our-customerleft a {
background: #E31E24;
box-shadow: 0px 20px 50px rgb(227 30 36 / 30%);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
display: inline-block;
align-items: center;
text-align: center;
color: #FFFFFF;
margin-top: 60px;
padding: 19px 97px;
}
.news-page-mobile{
display: none;
}
.project-single-mobile{display: none;}
.show-onlymobile{display: none;}
.show-onlymobiles{
display: none;
}
.category-menu{
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px 60px;
position: relative;
box-shadow: 0px 0px 200px rgba(0, 42, 72, 0.15);
}
.category-menu a{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #0065AD;
}
.category-menu-active{
color: #002A48 !important;
}
.category-menu-active:after{
display: block;
content: "";
background: #E31E24;
width: 65px;
height: 1px;
position: absolute;
bottom: 0;
}
.taxonomy-leftside h2{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 52px;
color: #002A48;
width: 800px;
padding-top: 60px;
}
.taxonomy-leftside p{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 130%;
width: 500px;
color: #002A48;
margin-top: 40px;
}
.taxonomy-categorytop{
display: flex;
padding-left: 60px;
background-color: white;
height: auto;
}
.taxonomy-picside img{
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
top: 33px;
right: -310px;
z-index: 9;
}
.taxonomy-page{
background: #ECF4FA !important;
padding-bottom: 30px;
}
.taxonomy-button {
padding-top: 60px;
}
.taxonomy-button a{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
padding: 18px 139px;
color: #FFFFFF;
background: #0066B0;
box-shadow: 0px 20px 60px rgba(0, 130, 224, 0.5);
margin-left: 60px;
margin-top: 60px;
}
.taxonomy-blocks{
display: flex;
justify-content: space-between;
padding-left: 60px;
padding-right: 60px;
padding-top: 100px; 
}
.taxonomy-blocks ul{
list-style: none;
background: #FFFFFF;
box-shadow: 0px 5px 3px rgba(0, 42, 72, 0.05);
width: auto;
padding: 30px;
}
.taxonomy-blocks ul:empty {
display: none !important;
}
.taxonomy-blocks ul li:first-child{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #002A48;
}
.taxonomy-blocks ul li:first-child:after{
display: block;
content: '';
background: #0066B0;
width: 30px;
height: 1.5px;
margin-top: 15px;
margin-bottom: 30px;
}
.taxonomy-blocks ul li{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: rgba(0, 42, 72, 0.75);
margin-bottom: 20px;
}
.faqs h2{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 60px;
line-height: 72px;
padding-top: 60px;
padding-left: 60px;
margin-bottom: 40px;
color: #002A48;
}
.panel,
.panel-body {
box-shadow: none;
}
.panel-group .panel-heading {
padding: 60px;
padding-bottom: 0;
}
.panel-group .panel-heading a {
display: block;
padding: 0;
text-decoration: none;
position: relative;
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 29px;
color: #002A48;
}
.panel-group .panel-heading a:after {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/add-circle.png);
content: '';
display: block;
width: 30px;
height: 30px;
float: right;
}
.panel-group .panel-heading a.collapsed:after {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/minus-circle.png);
content: '';
display: block;
width: 30px;
height: 30px;
float: right;
}
.panel-body{
padding: 60px;
padding-top: 20px;
padding-bottom: 20px;
}
.modal-content-ravshan{
background-color: white;
padding: 50px;
}
.modal-content-ravshan h2{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 31px;
color: #002A48;
margin-bottom: 20px;
}
.modal-text{
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 26px;
color: #002A48;
}
.modal-form{
display: flex;
flex-direction: column;
}
.modal-form input{
padding-top: 30px;
padding-bottom: 10px;
outline: none;
border: none;
border-bottom: 1px solid #D9D9D9;
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #002A48;
}
.modal-form  input::placeholder {
font-weight: bold;
opacity: 0.5;
color: black;
}
.modal-form p{
margin-top: 20px;
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 140%;
color: #002A48;
}
.modal-form button{
background: #E31E24;
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #FFFFFF !important;
margin-top: 30px;
box-shadow: 0px 20px 50px rgba(227, 30, 36, 0.3);
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: none;
opacity: 1;
z-index: 99;
}
.taxonomy-picside{
position: absolute;
width: 1000px;
height: 600px;
right: 0;
z-index: 9;
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
border-bottom: transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.modal-header .close {
padding: 0;
}
#exampleModal{
z-index: 99999;
}
@media (max-width: 1920px){
.mobile-show{
display: none;
}
.mobile-phone{
display: none;
}
.cbh-phone{
display: none;
}
.taxonomy-picside {
position: absolute;
width: 934px;
height: 558px;
right: 79px;
z-index: 9;
}
} @media (max-width: 1366px){
.cbh-phone{display: none;}
.project-single-mobile{display: none;}
.show-onlymobile{display: none;}
.show-onlymobiles{
display: none;
}
.project-header h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 38px;
line-height: 55px;
display: flex;
align-items: flex-end;
text-align: left;
color: #FFFFFF;
width: 500px;
}
.home-projectpic a {
background: #FFFFFF;
display: flex;
justify-content: space-between;
width: 235px;
height: 56px;
padding: 16px 26px;
}
.home-projecttextleft strong {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 25px;
line-height: 130%;
color: #002A48;
margin-bottom: 30px;
}
.home-projecttextright p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
width: 381px;
color: #3B454D;
margin-bottom: 30px;
}
.mobile-phone{
display: none;
}
.desctop-show{
display: flex;
}
.mobile-show{
display: none; 
}
.news-page-mobile{
display: none;
}
.header-calling a {
font-size: 17px;
}
}  @media (max-width: 992px) {
.header-mobiles {
flex-direction: column;
}
.news-page-center h1, .news-page-center h2 {
font-size: 36px;
}
}
@media (max-width: 768px) {
.header-calc {
display: none;
}
}
@media (max-width: 576px) {
.section.margin-top80.mobile-catalog,
.container home-products {
color: #FFF !important;
}
.news-page-center {
color: #FFF !important;
h1 {
color: #FFF !important;
}
}
} @media (max-width: 1200px) {
.category-menu {
flex-direction: column;
gap: 20px;
a {
width: 100%;
text-align: center;
}
}
.category-menu-active {
border-left: 2px solid red;
&::after {
display: none;
}
}
.taxonomy-picside img {
position: inherit;
right: 29px;
top: 0;
}
.taxonomy-leftside h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 36px;
color: #002A48;
width: 100%;
padding-top: 30px;
}
.taxonomy-leftside p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
width: 100%;
color: #002A48;
margin-top: 30px;
}
.taxonomy-picside{
display: block;
width: 100%;
height: 300px;
overflow: hidden;
}
.taxonomy-picside img{
width: 100%;
height: 100%;
object-fit: contain;
}
.taxonomy-categorytop {
display: flex;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
background-color: white;
height: auto;
}
.taxonomy-button {
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.taxonomy-button a {
font-family: 'Lato';
font-style: normal;
display: flex;
font-weight: 700;
font-size: 20px;
line-height: 24px;
padding: 18px 113px;
color: #FFFFFF;
background: #0066B0;
box-shadow: inherit;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.taxonomy-blocks {
background-color: white;
display: flex;
justify-content: space-between;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
padding-top: 59px;
}
.taxonomy-blocks ul {
list-style: none;
background: #ECF4FA; width: 100%;
padding: 30px;
margin-bottom: 15px;
}
.mobile-white{
background-color: white;
height: auto;
}
.mobile-white .taxonomy-picside{
display: flex;
position: inherit;
justify-content: center;
margin: 0 auto;
&.desctop-show {
display: none;
}
}
.taxonomy-category{
display: flex;
flex-direction: column;
}
.taxonomy-picside{
display: none;
}
} @media (max-width: 567px) {
.sub-menu ul{
display: none;
margin-top: 20px;
padding-bottom: 0px;
list-style: none;
}
.show-onlymobiles{
display: block;
}
.sub-menu{
padding-left: 0 !important;
}
.sub-menu .sub-menu-link{
display: flex;
}
.sub-menu .sub-menu-link img{
margin-left: 10px;
} .building-right img {
width: -webkit-fill-available;
height: 100%; position: relative;
top: -100px; 
}
.second-block .opportunity-block{
position: relative;
top: -30px;
}
.first-blockl .opportunity-block {
position: relative;
top: -50px;
}
.sub-menu ul li a{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #75BEF3;
}
.sub-menu-open ul{
display: block;
margin-top: 20px;
padding-bottom: 0px;
list-style: none;
}
.sub-menu-open .sub-menu-link{
display: flex;
}
.sub-menu-open .sub-menu-link img{
margin-left: 10px;
}
.sub-menu .up-row{
display: block;
transform: rotate(181deg);
}
.sub-menu .down-row{
display: none;
}
.sub-menu-open .down-row{
display: block;
}
.sub-menu-open .up-row{
display: none !important;
}
.sub-menu .up-row{
display: block;
}
.sub-menu-open ul li a{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #75BEF3;
}
.contact-image-2{
display: none;
}
.modal-content-ravshan {
background-color: white;
padding: 28px;
}
.modal-content-ravshan {
background-color: white;
padding: 25px;
}
.header-mobiles {
display: none;
}
.header-calc{
display: none;
}
.menu-bar{
width: 40px;
height: 40px;
overflow: hidden;
margin-right: 30px;
}
.menu-bar img{
width: 100%;
height: 100%;
object-fit: cover;
}
.logo{
width: 173px;
height: 40px;
overflow: hidden;
margin-left: 30px;
}
.logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile-phone{
display: block;
margin-right: 20px;
}
.slide-pogoda {
display: flex !important;
flex-direction: column;
}
#intro .container .intro_slick h1 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 33px;
line-height: 60px;
color: #FFFFFF;
text-align: left;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0px;
margin-top: 35px;
}
.intro_slick .slick-list {
padding-top: 79px;
}
.intro_anime_buttons{
margin-top: 80px;
margin-left: 30px;
}
.slide-button {
margin-right: 0;
display: inline-flex;
margin: 0 auto;
width: 300px;
margin-bottom: 74px;
margin-left: 15px;
margin-top: 29px;
}
#intro .container .intro_slick .intro_anime_buttons a {
margin-right: 0;
}
.call-toaction {
background: white;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
}
.call-toaction div h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-bottom: 44px;
color: #002A48;
}
.call-toaction div img {
margin-right: 20px;
width: 32px;
height: 32px;
}
.call-toaction a {
background: #E31E24;
box-shadow: 0px 20px 50px rgb(227 30 36 / 30%);
padding: 14px 56px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px; text-align: center;
color: #FFFFFF !important;
transition: background 1s;
}
.call-toaction div {
display: flex;
align-items: initial;
}
.home-products span {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFF;
text-align: left;
display: flex;
margin-left: 15px;
margin-left: 42px;
justify-content: flex-start;
}
.home-products h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 43px;
width: 300px;
margin-top: 10px;
display: flex;
margin-left: 43px;
justify-content: flex-start;
text-align: left;
color: #FFF;
}
.opportunities h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
color: #FFF;
margin-top: 7px;
display: flex;
margin-left: 0;
margin-bottom: 20px;
justify-content: flex-start;
text-align: left;
width: 240px;
}
.home-productsslider .homeProduct {
width: 300px;
margin-top: 40px;
position: relative;
background-color: white;
}
.home-productsslider {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
.headerP {
display: flex;
justify-content: space-between;
align-items: end;
padding-left: 0px;
padding-right: 30px;
}
.headerP h3 a{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 34px;
color: #002A48;
}
.homeProduct p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
margin-top: 20px;
color: #002A48;
padding-left: 40px;
padding-right: 40px;
}
.product-image{
width: 300px;
height: 200px;
overflow: hidden;
}
.zayavka-home {
display: flex;
flex-direction: column;
margin-top: 40px;
align-items: center;
}
.red-zone {
background: #E31E24;
box-shadow: 0px 4px 100px rgb(227 30 36 / 40%);
width: 300px;
padding-top: 30px;
padding-left: 30px;
}
.icon-zone img {
background: white;
padding: 10px;
width: 40px;
height: 40px;
}
.icon-zone{
display: flex;
align-items: flex-start;
}
.icon-zone h4 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: flex-end;
margin-top: -4px;
color: #FFFFFF;
margin-left: 20px;
width: 180px;
margin-bottom: 30px;
}
.blue-zone {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/blue-bg.jpg);
width: 100%;
padding: 30px 30px;
width: 300px;
}
.home-form div:first-child {
display: flex;
flex-direction: column;
}
.home-formbottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.form-decorbottom:first-child {
display: flex;
align-items: center;
flex-direction: row !important;
width: 300px;
padding-left: 30px;
}
.form-decorbottom:last-child a {
background: #FFFFFF;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
display: flex;
align-items: center;
text-align: center;
padding: 15px 40px;
color: #0066B0;
margin-top: 30px;
}
.form-decorbottom:first-child input {
margin-right: 0;
width: 20px;
height: 20px;
border: none;
}
.home-form p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
width: 240px;
color: #FFFFFF;
margin-right: 50px;
}
.home-form p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
width: 240px;
color: #FFFFFF;
margin-right: 0;
}
.form-decor input {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #FFFFFF;
background: transparent;
border: none;
border-bottom: 1px solid #308CCE;
margin-right: -1px;
margin-top: 20px;
padding-bottom: 15px;
width: 240px;
}
.form-decor input {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
background: transparent;
border: none;
border-bottom: 1px solid #308CCE;
margin-right: -1px;
margin-top: 20px;
padding-bottom: 10px;
padding-left: 33px;
width: 240px;
}
.form-decor {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
.form-decor img{
width: 20px;
height: 20px;
position: absolute;
top: 24px;
}
.opportunities {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
flex-direction: column;
}
.first-block {
display: flex;
flex-direction: column;
width: 300px;
padding: 30px;
border: 20px solid white;
position: relative;
height: auto;
box-sizing: border-box;
filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.1));
}
.opportunities {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
flex-direction: column;
align-items: center;
}
.first-block {
display: flex;
flex-direction: column;
width: 300px;
padding: 30px;
background: white;
border: 20px solid white;
position: relative;
height: auto;
box-sizing: border-box;
margin-bottom: 30px;
filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.1));
}
.second-block {
width: 300px;
background: white;
padding: 30px;
margin-bottom: 30px;
position: relative;
}
.our-customers {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-top: 30px;
}
.our-customerleft {
width: 100%;
padding-left: 39px;
padding-right: 30px;
}
.our-customerleft a {
background: #E31E24;
box-shadow: 0px 20px 50px rgb(227 30 36 / 30%);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
display: inline-block;
align-items: center;
text-align: center;
color: #FFFFFF;
margin-top: 60px;
padding: 15px 82px;
}
.our-customerright {
margin-right: 30px;
padding-top: 80px;
height: 450px;
}
.rubiks-cube-1 { transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -90px;
-ms-transform-origin: 50% 50% -90px;
transform-origin: 50% 50% -90px;
width: 100px;
height: 100px;
-webkit-perspective: 30000;
transform: scale(1.3);
margin-right: 0;
margin-left: 38px;
}
.container .container-seo-text p {
position: relative;
top: 100px;
}
.footer-top:after {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/line-topfooterblue.png);
background-repeat: no-repeat;
content: "";
display: none;
width: 380px;
height: 807px;
position: absolute;
left: 0;
bottom: -381px;
z-index: 9;
}
.footer-top:before {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/line-topfooter.png);
content: "";
display: none;
width: 380px;
height: 807px;
position: absolute;
right: 0;
top: 282px;
}
.footer-bg {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/footer-bg.jpg);
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 44px;
}
.footer-top {
background: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/catalog-mobile.png);
background-size: cover;
background-repeat: no-repeat;
margin-top: 70px;
padding-bottom: 30px;
height: 421px;
}
.download-pdf a {
background: #FFFFFF;
display: inline-flex;
justify-content: center;
margin-top: 300px !important;
align-items: center;
margin-bottom: 25px;
padding: 19px 115px;
width: 300px;
margin: 0 auto;
}
.mobile-footerbuttons{
margin-top: 251px;
}
.pdf-size {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #FFFFFF;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 0 !important;
}
.footer-firststep {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.footer-menu {
list-style: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.footer-menu {
list-style: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
padding-left: 30px;
}
.footer-social {
display: flex;
list-style: none;
margin-top: 60px;
margin-left: 30px;
}
.footer-bg {
background-image: none;
background-color: #002A48;
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 44px;
}
.footer-withicon {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: 80px;
width: 286px;
}
.footer-withicon img {
margin-bottom: 20px;
margin-right: 20px;
}
.footer-withicon {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: 0;
width: 302px;
margin-left: 30px;
}
.footer-menu li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
.footer-withicon p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #FFFFFF;
margin-bottom: 0;
}
.footer-withicon:first-child{
margin-top: 60px;
}
.footer-withicon:last-child{
margin-top: 30px;
}
.footer-withicon:last-child .footer-class{
display: flex;
flex-direction: column;
}
.footer-text {
width: 300px;
padding-left: 30px;
padding-top: 40px;
}
.desctop-show{
display: none !important;
}
.footer-secondstep {
display: flex;
flex-direction: column;
margin-top: 0;
}
.footer-secondstep {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0;
&.not-show {
display: flex !important;
margin-top: 30px;
}
}
.footer-secondstep a:first-child {
background: #0066B0;
padding: 16px 95px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
text-align: center;
margin-right: 0;
color: #FFFFFF;
transition: background 1s;
}
.footer-secondstep a:last-child {
background: #FF2D16;
padding: 16px 100px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
text-align: center;
margin-right: 0;
color: #FFFFFF;
margin-top: 20px;
transition: background 1s;
}
.footer-third span {
display: none;
}
.footer-third {
display: flex;
justify-content: space-between;
align-items: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
}
.mobile-footerbuttons{
margin-top: 45px;
}
.day, .night{
margin-right: 41px !important;
}
.download-pdf h3 {
width: 300px;
font-family: 'Lato';
font-style: normal;
font-size: 24px;
line-height: 140%;
color: #FFF !important;;
padding-top: 0;
padding-left: 30px;
position: absolute;
top: -122px;
}
.mobile-catalog span{
margin-top: 30px;
}
.download-pdf {
width: 100%;
display: flex;
flex-direction: column;
}
.download-pdf a span {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 26px;
text-align: center;
color: #0066B0;
margin-top: 0;
}
.slide-button {
display: inline-block;
background: white;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #E31E24;
padding: 18px 35px;
margin-top: 26px; }
.contacts-block {
margin-top: 0; 
background: white;
}
.contact-image-bottom p {
display: none;
}
.contact-image-bottom h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 36px;
display: flex;
align-items: flex-end;
color: #FFFFFF;
}
.contact-image-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 30px;
padding-right: 80px;
padding-bottom: 30px;
}
.about-image {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/img/about-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
display: flex;
height: 220px;
flex-direction: column;
justify-content: space-between;
}
.first-text {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 140%;
padding: 30px 30px;
color: #002A48;
}
.about-pics img:first-child {
margin-right: 0;
width: 100%;
}
.about-pics img:last-child {
margin-right: 0;
width: 100%;
margin-top: 30px;
}
.about-pics{
padding-left: 30px;
padding-right: 30px;
}
.second-text {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
padding: 30px;
color: #002A48;
margin-bottom: 0;
}
.blackquote {
background: #E2F2FF;
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 140%;
margin-left: 0;
padding-right: 30px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
color: #002A48;
}
.main-content {
padding: 30px;
}
.about-projectslink {
padding: 15px 60px;
background: #FF2D16;
box-shadow: 0px 20px 60px rgb(255 45 22 / 50%);
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #FFFFFF;
transition: background 1s;
margin-left: 42px;
margin-right: auto;
margin-bottom: 80px;
}
.contact-image-1 ul {
width: 100%;
list-style: none;
display: flex;
margin: 0 auto;
margin-left: 0;
position: absolute;
right: -50px;
top: 121px;
}
.contact-blockcontent ul {
width: 100%;
list-style: none;
display: block;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.contact-blockcontent ul li div {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.contact-blockcontent ul li {
border-bottom: 1px solid #EFEFEF;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-blockcontent ul li p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: left;
color: #002A48;
margin-bottom: 0;
}
.contact-blockcontent ul li a {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: left;
color: #0066B0;
}
.news-page {
background: transparent;
margin-top: 140px;
display: flex;
margin: 90px auto 0 auto;
justify-content: center;
}
.news-page-top {
display: flex;
justify-content: flex-end;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
align-items: center;
float: right;
border-bottom: 1px solid #F0F0F0;
width: 100%;
}
.news-page-2 a{
display: none;
}
.news-page-center h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 36px;
color: #FFF;
padding: 30px;
}
.withright, .withleft {
display: flex;
flex-direction: column;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.imgpart {
position: relative;
display: flex;
width: 100%;
height: 240px;
}
.withright .rightpart {
padding-left: 30px;
width: 100%;
padding-right: 30px;
padding-top: 30px;
}
.rightpart h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 22px;
line-height: 130%;
margin-bottom: 20px;
color: #002A48;
}
.imgpart p {
background: white;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #0065AE;
width: 64px;
height: 80px;
position: absolute;
bottom: 130px;
right: 30px;
text-align: right;
padding-right: 15px;
display: flex;
padding-top: 15px;
flex-direction: column;
align-items: end;
}
.rightpart a {
font-family: 'Lato';
font-style: normal;
width: 100%;
font-weight: 700;
font-size: 18px;
line-height: 22px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 14px 63px;
color: #FFFFFF;
margin-top: 30px;
background: #0066B0;
box-shadow: 0px 20px 50px rgb(0 102 176 / 30%);
}
.withleft {
background: #EBF5FD;
flex-direction: column-reverse !important;
}
.withleft .rightpart {
width: 100%;
padding: 30px;
}
.withleft .imgpart p {
position: absolute;
z-index: 0;
bottom: 130px;
top: inherit;
right: 30px;
}
.news-single-page {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
}
.single-news-contenttext p:first-child {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 140%;
color: #002A48;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
.single-news-contenttext p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
padding-left: 30px;
padding-right: 30px;
color: #002A48;
margin-bottom: 30px;
}
.news-single-page h2 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 130%;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
color: #002A48;
}
.read-moreicon img {
width: inherit;
padding-left: 30px;
padding-right: 15px;
padding-bottom: 30px;
}
.first-project {
width: 100%;
height: 100%;
overflow: hidden;
float: left;
position: relative;
}
.proejcts-img {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
}
.first-project:last-child {
position: inherit;
right: 0px;
top: calc(100% - 600px);
}
.project-single-page div {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
flex-direction: column;
align-items: center;
}
.project-single-page {
display: flex;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
}
.project-single-page div:first-child h1 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 31px;
color: #002A48;
}
.project-single-page div:first-child ul li {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #002A48;
}
.project-single-page div {
width: 100%;
padding-top: 30px;
padding-bottom: 0;
flex-direction: column;
align-items: center;
}
.project-single-page {
display: flex;
flex-direction: column-reverse;
padding-left: 30px;
padding-right: 30px;
}
.carousel-control-next-icon {
display: none;
}
.carousel-control-prev-icon {
display: none;
}
.project-single-mobile{
display: flex;
flex-direction: column;
}
.project-single-mobile h2{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 31px;
color: #002A48;
padding-left: 30px;
padding-right: 30px;
}
.project-single-mobile ul{
list-style: none;
display: flex;
margin-left: 30px;
}
.project-single-mobile ul li{
margin-right: 30px;
}
.project-single-mobile ul li:last-child{
display: flex;
align-items: center;
}
.project-single-mobile ul li:last-child:before{
content: '';
background: #FF2D16;
display: block;
width: 2px;
height: 2px;
border-radius: 25px;
margin-right: 30px;
}
.project-single-mobile p{
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
.project-single-page{display: none;}
.single-news-content img {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.news-single-page p {
background: #FFFFFF;
box-shadow: 0px 50px 50px rgb(0 42 72 / 10%);
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #0065AE;
width: 80px;
height: 90px;
text-align: right;
padding-right: 15px;
display: flex;
padding: 15px;
flex-direction: column;
align-items: end;
margin-right: 0;
position: absolute;
right: 44px;
top: 216px;
}
.not-show{
display: none;
}
.show-onlymobile {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 70px;
}
.left-menumobile{
display: flex;
flex-direction: column;
}
.left-menumobile ul{
list-style: none;
display: flex;
margin-top: 50px;
}
.left-menumobile ul li{
margin-right: 20px;
}
.left-menumobile ul li a{
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #75BEF3;
}
.header-mobilemenu{
list-style: none;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
padding-left: 30px;
}
.social-mobileheader{
display: flex;
list-style: none;
margin-top: 0;
margin-left: 0;
position: absolute;
right: 30px;
bottom: 0;
}
.logo-mobile{
display: flex;
width: 173px;
height: 40px;
overflow: hidden;
}
.logo-mobile img{
width: 100%;
height: 100%;
object-fit: contain;
}
.close-menu{
width: 40px;
height: 40px;
overflow: hidden;
}
.close-menu img{
width: 100%;
height: 100%;
object-fit: contain;
}
.news-post {
background: white;
width: 300px !important;
margin-left: 45px;
}
.home-news .news-image {
width: 300px;
height: 210px;
display: block;
overflow: hidden;
position: relative;
top: 0;
}
.newspost-title {
padding: 30px;
}
.newspost-title h3 {
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
text-align: left;
color: #002A48;
margin-left: 0;
margin-top: 0;
}
.newspost-title p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
margin-top: 20px;
color: #3B454D;
}
.home-projectpic {
width: 300px;
height: 180px;
overflow: hidden;
position: relative;
margin-left: 25px;
}
.home-projects .slick-slide .home-projecttext{
display: none !important;
}
.project-header {
background: white;
z-index: 99999999;
position: absolute;
width: 100%;
bottom: 64px;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
align-items: center;
padding-left: 30px;
padding-right: 30px;
}
.project-header h3{
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
margin-left: 0;
color: #002A48;
}
.home-projectpic a span {
margin-top: inherit;
text-align: inherit;
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
display: none;
align-items: center;
color: #002A48;
}
.home-projectpic a {
background: #FFFFFF;
display: flex;
justify-content: space-between;
width: max-content;
height: inherit;
padding: 0;
}
.project-img h2 {
z-index: 9999;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 31px;
display: none;
align-items: center;
text-align: left;
padding-left: 30px;
padding-right: 30px;
color: #FFFFFF;
position: absolute;
opacity: 0;
transition: display 1s, opacity 1s;
} .testimonial-block {
display: flex !important;
flex-direction: column;
width: 100% !important;
height: 474px;
background: #FFFFFF;
box-shadow: 50px 50px 100px rgb(0 42 72 / 8%); }
.testimonial-text p {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 130%;
padding-left: 30px;
margin-bottom: 30px;
color: #002A48;
}
.testimonial-text {
padding-top: 30px;
padding-bottom: 0;
width: 100%;
}
.testimonial-logo {
display: flex;
flex-direction: row-reverse;
align-items: self-end;
justify-content: space-around;
padding-left: 30px;
}
.testimonial-logo p {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: left;
color: #002A48;
margin-right: 60px;
margin-bottom: 0;
}
.projects-columns {
display: block;
flex-wrap: wrap;
margin-bottom: 30px;
}
.cbh-ph-img-circle{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #ff3115;
border-radius: 50%;
}
.cbh-phone {
position: fixed;
bottom: 0;
left: 0;
visibility: hidden;
width: 200px;
height: 200px;
cursor: pointer;
z-index: 200000!important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
display: flex;
align-items: center;
justify-content: center;
}
.cbh-ph-circle, .cbh-phone {
background-color: transparent;
}
.cbh-phone.cbh-show {
visibility: visible;
}
.cbh-phone.cbh-hover, .cbh-phone.cbh-static {
opacity: 1;
}
.cbh-phone.cbh-static .cbh-ph-circle {
-webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-moz-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-ms-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-o-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
}
.cbh-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4);
opacity: .1;
-webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
-moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
-ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
-o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
animation: cbh-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.cbh-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #888;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.cbh-phone.cbh-static .cbh-ph-circle-fill {
-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
opacity: 0!important;
}
@keyframes cbh-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1;
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1;
}
}
@keyframes cbh-circle-fill-anim {
0%, 100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2;
}
}
#header-logo{
width: 183px;
padding-left: 30px;
padding-top: 6px;
}
.desctop-header {
display: flex;
justify-content: space-between;
align-items: center; z-index: 999;
}
.container-seo-text{
}
} .opportunity-block{
position: relative;
top: -59px;
}
.icon-hover{
position: absolute;
left: 70px;
top: 51px;
}
.first-block:hover .icon-hover, .second-block:hover .icon-hover{
animation: bounce 1s infinite alternate;
-webkit-animation: bounce 1s infinite alternate;
}
@keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
.homeProduct{
margin: 0 27px;
}
.home-productsslider{
margin: 0 -27px;
}
.seo-text-show-hide > *:nth-child(n+3) {
display: none;
}
.seo-text-show-hide.expanded > * {
display: block;
}
.seo-text_open,
.seo-text_close {
cursor: pointer;
display: inline-block !important;
margin-bottom: 20px;
}
.seo-text_close {
display: none !important;
}
.seo-text-show-hide.expanded ~ .seo-text_close {
display: inline-block !important;
}
.seo-text-show-hide.expanded ~ .seo-text_open {
display: none !important;
} html {
margin-top: 0 !important;
}
.category-tth,
.category-desc,
.category-price {
color: #000;
} .taxonomy-top-title-wrapper {
padding: 50px;
text-align: center;
}
.news-page-center p {
padding-inline: 30px;
}
.homepage-main-subtitle {
position: relative;
z-index: 10;
max-width: 70%;
text-wrap: balance;
margin-top: 20px;
}