* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Lato", sans-serif;
}
.owl-carousel .owl-nav button.owl-prev{
background-color: transparent !important;
}
.owl-carousel .owl-nav button.owl-next{
background-color: transparent !important;
}
#as__container{
position: relative;
}
body {
min-height: 100vh;
background-color: #F9FBFD !important;
}
.as_Header__back {
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/images/backgroundHeader.png);
background-size: cover;
background-position: center;
height: 100vh;
position: relative;
}
.as_carousel__img{
width: 378px;
height: 450px;
overflow: hidden;
}
.as_carousel__img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.as_header__section {
height: 100%;
color: #fff;
padding-top: 200px;
background-image: url(//maxproduct.uz/wp-content/themes/maxproduct/assets/images/backgroundHeader.png);
display: flex;
flex-direction: column;
gap: 20px;
position: relative; }
.as_ul__header {
line-height: 30px;
margin-top: 30px;
}
.as_header_bottom {
margin-top: 50px;
}
.as_product {
color: #002A48 !important;
margin-top: 70px;
margin-bottom: 30px !important;
}
.as_img__hover {
height: 130px;
opacity: 0;
transition: all ease-in-out .3s;
position: absolute;
bottom: 0;
right: 0;
}
.card1:hover .as_img__hover {
opacity: 1;
}
h3,
.as_derevu {
transition: all ease-in-out .3s;
color: #002A48;
}
.card1:hover h3 {
color: #0066B0;
}
.card1 {
background-color: #fff;
position: relative;
}
.as_img__content {
width: 100%;
margin-top: 40px !important;
}
.as_hiddent__content a:first-of-type i {
background-color: #0066B0;
color: #fff;
padding: 15px;
border-radius: 50%;
font-size: 25px;
}
.as_hiddent__content a:last-of-type i {
background-color: #0094FF;
color: #fff;
padding: 15px;
border-radius: 50%;
font-size: 25px;
}
.as_parentHidden {
display: none;
}
.as_hiddent__content {
position: fixed;
display: flex;
left: 50%;
bottom: 0;
transform: translate(-50%, -50%);
z-index: 10;
}
a {
text-decoration: none;
}
.as_download__link {
color: #fff;
margin-left: 30px;
text-decoration: none;
}
.as_home__img {
width: 40%;
margin: 0 0 0 auto !important;
position: absolute;
right: 0;
bottom: 0;
object-fit: contain;
}
.as_blue__section {
background-color: #0066B0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.as_blue__section>div {
display: flex;
align-items: center;
}
.as_blue__img {
height: 450px !important;
width: 50%;
}
nav {
position: fixed;
background-color: #0094ff;
padding: 10px 20px;
top: 0;
left: 0;
width: 100%;  z-index: 99;
}
nav .as_navbar {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: auto;
}
ul {
margin-bottom: 0 !important;
}
.as_navbar.scrolled {
backdrop-filter: blur(10px)
}
.as_navbar .logo a {
font-size: 30px;
color: #fff;
text-decoration: none;
font-weight: 600;
}
.owl-carousel .owl-nav.disabled{
display: flex !important;
justify-content: space-around;
}
.as_bg__light {
background-color: transparent !important;
border: 1px solid white;
}
.as_red__btn {
background-color: #E31E24 !important;
}
.as_white__btn {
background-color: white !important;
color: #002A48 !important;
width: 150px;
position: absolute !important;
text-align: center;
right: 9px;
top: 0;
margin: 0 !important;
}
.card-text {
display: -webkit-box;
-webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.as_kard_header {
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.as_hiddent__text {
display: -webkit-box;
-webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.as_hiddent__text.active{
display: block;
}
.seo-text_close{
display: none;
}
.custom-button {
display: inline-block;
padding: 7px 17px;
background-color: #0066B0;
color: white;
text-decoration: none;
font-weight: bold;
transform: skew(-25deg);
position: relative;
}
.custom-button_prev {
display: inline-block;
padding: 7px 17px;
background-color: #0066B0;
color: white;
text-decoration: none;
font-weight: bold;
transform: skew(25deg);
position: relative;
}
.custom-button_next {
display: inline-block;
padding: 7px 17px;
background-color: #0066B0;
color: white;
text-decoration: none;
font-weight: bold;
transform: skew(-25deg);
position: relative;
}
.as_height__control > .col-md-4:nth-of-type(3) .card1 {
height: fit-content;
}
.as_height__control > .col-md-4:nth-of-type(4) .card1 {
height: fit-content;
}
.as_height__control > .col-md-4:nth-of-type(5) .card1 {
height: fit-content;
}
.button-text {
display: inline-block;
transform: skew(25deg);
}
.button-text_prev {
display: inline-block;
transform: skew(-25deg);
}
.logo_aybis {
width: 150px;
}
nav .as_navbar .nav-links {
display: flex;
align-items: center;
}
nav .as_navbar .links {
display: flex;
align-items: center;
}
.as_links__number {
display: flex;
flex-direction: column;
margin-right: 15px;
}
.as_links_call {
display: flex;
}
nav .as_navbar .links li {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0 12px;
}
nav .as_navbar .links li a {
height: 100%;
text-decoration: none;
white-space: nowrap;
color: #fff;
font-size: 15px;
font-weight: 400;
transition: all ease-in-out .3s;
}
nav .as_navbar .links li a:hover {
color: #002A48;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow,
.links li:hover .language-arrow {
transform: rotate(180deg);
}
nav .as_navbar .links li .arrow {
height: 100%;
width: 22px;
line-height: 70px;
text-align: center;
display: inline-block;
color: #fff;
transition: all 0.3s ease;
}
nav .as_navbar .links li .sub-menu {
position: absolute;
top: 60px;
left: 0;
line-height: 32px;
background-color: #0094ff; border-radius: 10px;
display: none;
z-index: 2;
padding: 7px;
}
nav .as_navbar .links li:hover .htmlCss-sub-menu,
nav .as_navbar .links li:hover .js-sub-menu,
nav .as_navbar .links li:hover .language-sub-menu {
display: block;
}
.as_navbar .links li .sub-menu a {
color: #fff;
font-size: 15px;
font-weight: 400;
}
.as_navbar .links li .sub-menu a:hover {
color: #002A48;
}
.as_navbar .search-box {
position: relative;
height: 40px;
width: 40px;
}
.as_navbar .search-box i {
position: absolute;
height: 100%;
width: 100%;
line-height: 40px;
text-align: center;
font-size: 22px;
color: #fff;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.as_navbar .search-box .input-box {
position: absolute;
right: calc(100% - 40px);
top: 80px;
height: 60px;
width: 300px;
background: #000;
border-radius: 6px;
opacity: 0;
pointer-events: none;
transition: all 0.4s ease;
}
.as_navbar.showInput .search-box .input-box {
top: 65px;
opacity: 1;
pointer-events: auto;
background: #000;
}
.search-box .input-box::before {
content: '';
position: absolute;
height: 20px;
width: 20px;
background: #000;
right: 10px;
top: -6px;
transform: rotate(45deg);
}
.search-box .input-box input {
position: absolute;
top: 50%;
left: 50%;
border-radius: 4px;
transform: translate(-50%, -50%);
height: 35px;
width: 280px;
outline: none;
padding: 0 15px;
font-size: 16px;
border: none;
}
.as_navbar .nav-links .sidebar-logo {
display: none;
}
.as_navbar .bx-menu {
display: none;
}
.as_header__text {
font-size: 50px;
color: #fff;
line-height: 45px;
font-weight: bolder;
}
.as_header__white {
font-size: 50px;
color: #fff;
line-height: 50px;
}
.as_blue__sectioninside {
color: #fff;
}
.as_blue__inputs,
.as_blue__inputs1 {
background-color: transparent;
width: 40%;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #A6CBE5;
}
input::placeholder {
color: #A6CBE5;
opacity: 1;
}
.as_checkbox__section {
display: flex;
align-items: center;
}
.as_blue__inputs:focus {
outline: none;
box-shadow: none;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid #ffffff;
transition: all ease-in-out .3s;
}
.as_blue__inputs:focus::placeholder {
color: #fff;
}
.as_blue__inputs1:focus {
outline: none;
box-shadow: none;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid #002A48;
transition: all ease-in-out .3s;
}
.end_red_button {
margin-right: 70px;
margin-top: 10px;
}
.as_blue__inputs1:focus::placeholder {
color: #000;
}
.as_blue__redbutton {
margin-left: 13%;
}
.card2,
.card3 {
background-color: #fff;
position: relative;
padding-bottom: 10px;
}
.card3 {
height: 250px;
}
.card2 img {
height: 70%;
top: 0;
left: 0;
}
.card3 img {
width: 50%;
top: 0;
left: 0;
padding-bottom: 20px;
}
.card3 div {
padding: 0 20px;
}
.card3 div>h5 {
color: #002A48;
font-weight: bold;
}
.card2>div div>h5 {
color: #002A48;
font-weight: bold;
}
.as_plus__section p {
font-size: 50px;
color: #E31E24;
font-weight: bold;
margin: 0;
}
input[type="checkbox"] {
accent-color: #E31E24;
}
.as_li__content ul>li {
list-style-type: none;
}
.as_li__content ul {
padding-left: 0;
}
.as_carousel__right {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.bi-chevron-double-left,
.bi-chevron-double-right {
color: #000c14;
font-weight: bold;
}
.as_bg__border,
.as_bg__border1 {
border-color: #0066B0;
border-width: 2px;
}
.as_download__section {
position: relative;
margin-top: 80px;
}
.as_download__section img {
width: 100%;
height: 90vh;
}
.as_download__section .container {
position: absolute;
top: 25%;
padding-left: 10%;
display: inline-block;
}
.as_download__link1 {
text-decoration: none;
color: white;
display: inline-block;
padding-top: 40px;
}
.as_download__text {
color: #fff;
}
.as_textarea {
width: 85%;
margin-top: 50px;
}
.custom-list {
list-style-type: none;
padding-left: 5px;
}
.as_partners {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 70px;
}
.as_partners__img img {
height: 130px;
}
.as_product1 {
color: #000c14;
margin-bottom: 20px;
}
.carousel-control-prev {
left: -40px;
}
.carousel-control-next {
right: -40px;
}
.as_carousel__section {
display: flex;
justify-content: center;
}
.as_blue__section1 {
overflow-x: hidden;
}
.accordion-item hr {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion-item {
border: 0;
background-color: transparent;
}
.as_product_blue {
color: #0066B0;
}
.accordion-link {
font-size: 1.6rem;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion-link h3 {
font-weight: 500;
font-size: 20px;
}
.accordion-link i {
color: #e7d5ff;
}
.accordion-link ul {
display: flex;
align-items: flex-end;
list-style-type: none;
margin-left: 25px;
}
.accordion-link li {
font-size: 10px;
padding: 0 0 1px 5px;
}
.accordion-link div {
display: flex;
}
.accordion-link .ion-md-arrow-down {
display: none;
}
.answer {
max-height: 0;
overflow: hidden;
position: relative;
}
.answer p {
font-size: 15px;
padding: 0 10px;
}
.accordion-item:target .answer {
max-height: 20rem;
}
.accordion-item:target .accordion-link .ion-md-arrow-forward {
display: none
}
.accordion-item:target .accordion-link .ion-md-arrow-down {
display: block;
}
.as_footer__section,
.as_footer__section-mobile {
background-color: #002A48;
color: white;
padding: 50px 0;
}
.as_footer__section ul>li,
.as_footer__section-mobile ul>li {
list-style-type: none;
}
.as_footer__section ul>li a {
color: #fff;
}
.as_footer__section-mobile ul>li a {
color: #fff;
}
.as_footer__section ul>li a:hover {
color: #0066B0;
}
.as_footer__section-mobile ul>li a:hover {
color: #0066B0;
}
.as_footer__section ul {
padding: 0;
}
.as_footer__section-mobile ul {
padding: 0;
}
.as_footer_color {
color: #648EAC !important;
font-weight: 300;
}
.as_media__section a>i {
padding: 5px 8px;
font-size: 25px;
background-color: white;
color: #002A48;
border-radius: 1px;
}
@media (max-width:920px) {
.as_partners__img img {
height: 100px;
}
.as_partners__img {
text-align: center;
}
.as_textarea {
width: 90%;
margin-top: 50px;
margin: 20px;
}
.as_download__section div>p,
.as_download__section div>h5 {
color: #002A48;
font-weight: bold;
}
.as_download__section img {
width: 100%;
height: 60vh;
}
.as_content__cubick{
left: 0 !important;
}
.as_color__section {
height: 100px;
background: linear-gradient(to right, #A2A7AA, #A9ADAE);
width: 100%;
}
.as_download__section .container {
top: -47%;
transform: translate(-3%);
}
.as_download__link1 {
position: absolute;
top: 90vh;
transform: translate(40%);
}
.as_download__section {
margin-top: 240px;
}
.as_carousel__right {
padding: 0 10px;
}
.carousel-item {
height: 700px;
}
.carouse__item {
height: max-content;
}
.as_bg__border {
top: 270px;
}
.owl-nav{
display: flex;
justify-content: space-evenly;
}
.carousel-control-prev {
left: 30px;
}
.carousel-control-next {
right: 30px;
}
.as_checkbox__section {
flex-direction: column;
}
.as_inputs__block {
display: flex;
flex-direction: column;
align-items: center;
}
.as_inputs__block input {
width: 90%;
margin: 20px 0;
}
.as_blue__inputs:focus {
width: 90%;
}
.as_header__white {
font-size: 35px;
text-align: center;
padding: 40px 10px;
}
nav .as_navbar {
max-width: 100%;
padding: 10px 25px;
}
nav .as_navbar .logo a {
font-size: 27px;
}
nav .as_navbar .links li {
padding: 0 10px;
white-space: nowrap;
}
nav .as_navbar .links li a {
font-size: 15px;
}
nav .as_navbar .links li a:hover {
color: #fff;
}
.as_header__text {
text-align: center;
font-size: 30px;
line-height: 40px;
font-weight: bold;
}
.as_header_bottom {
text-align: center;
}
.as_header__section { padding-top: 100px;
}
nav {
padding: 0;
}
.as_ul__header {
text-align: center;
list-style: none;
}
.as_header__red {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 20px;
position: relative;
z-index: 10;
}
.as_red__btn {
padding: 10px 30px;
margin-bottom: 20px;
}
.custom-button {
transform: skew(-30deg);
}
.button-text {
transform: skew(30deg);
}
.as_download__link {
margin-left: 0;
}
.as_home__img {
width: 95%;
position: relative;
margin-top: 30px !important;
}
.bx {
line-height: 0;
}
p {
margin: 0;
padding: 0;
}
.as_navbar .bx-menu {
display: block;
}
nav .as_navbar .nav-links {
position: fixed;
top: 0;
left: -100%;
display: block;
width: 100%;
background: #002A48;
line-height: 40px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.5s ease;
z-index: 1000;
height: 100vh;
}
.as_navbar .nav-links .sidebar-logo {
display: flex;
align-items: center;
justify-content: space-between;
}
.links:last-child {
width: max-content;
}
.logo_small {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 20px;
}
.logo img {
width: 120px;
}
.sidebar-logo .logo-name {
font-size: 25px;
color: #fff;
}
.sidebar-logo i {
color: #fff;
}
.as_navbar .bx-menu {
font-size: 25px;
color: #fff;
}
nav .as_navbar .links {
display: block;
margin-top: 10px;
}
.as_links_products {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
padding: 0;
}
.as_links_products li>a {
list-style-type: none;
color: #fff;
text-decoration: none;
}
.as_links_call {
flex-direction: column;
padding: 10px 50px;
}
.custom-button {
margin: 20px 0;
text-align: center;
}
a {
list-style-type: none;
text-decoration: none;
}
.as_media__back {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.as_links__number {
align-items: center;
margin-top: 20px;
}
.as_links__number a {
font-weight: bold;
font-size: 20px;
color: #fff;
}
nav .as_navbar .links li .arrow {
line-height: 15px;
}
nav .as_navbar .links li {
display: block;
}
nav .as_navbar .links li .sub-menu {
position: relative;
top: 0;
box-shadow: none;
display: none;
}
nav .as_navbar .links li .sub-menu li {
border-bottom: none;
}
.sub-menu li>a {
font-size: 14px !important;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow,
.links li:hover .language-arrow {
transform: rotate(0deg);
}
nav .as_navbar .links li:hover .htmlCss-sub-menu,
nav .as_navbar .links li:hover .js-sub-menu,
nav .as_navbar .links li:hover .language-sub-menu {
display: none;
}
.as_navbar .nav-links.show1 .links .htmlCss-sub-menu,
.as_navbar .nav-links.show3 .links .js-sub-menu,
.as_navbar .nav-links.show2 .links .language-sub-menu {
display: block;
}
.as_navbar .nav-links.show1 .links .htmlcss-arrow,
.as_navbar .nav-links.show3 .links .js-arrow,
.as_navbar .nav-links.show2 .links .language-arrow {
transform: rotate(180deg);
}
.as_links__relative {
position: relative;
}
.as_navbar .nav-links.show4 .links .js-sub-menu__arrow {
display: inline-block;
position: absolute;
top: 37px;
}
.as_navbar .nav-links.show4 .links .as_arrow {
transform: rotate(180deg);
}
nav .as_navbar .links li .sub-menu {
background: #0066B0;
}
.as_navbar .links li .sub-menu a {
color: #fff;
}
}
.as_content__cubick{
left: 148px;
}
@media (max-width:370px) {
nav .as_navbar .nav-links {
max-width: 100%;
}
}
.tth-text, .price-text {
display: none;
}
.section.products-cat {
overflow: hidden;
} .product-category-card {
position: relative;
overflow: hidden;
}
.product-category-card .bg-img {
position: absolute;
right: -46px;
bottom: -30px;
width: 320px;
height: auto;
z-index: 0;
pointer-events: none;
}
.product-category-card::before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
115deg,
#fff 0%,
#fff 58%,
rgba(255, 255, 255, .9) 68%,
rgba(255, 255, 255, .4) 80%,
rgba(255, 255, 255, 0) 92%
);
}
.product-category-card .text-col {
position: relative;
z-index: 2;
}
.product-category-card .mat-radio {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.product-category-card .mat-switch {
display: inline-flex;
flex-wrap: wrap;
gap: 2px;
padding: 3px;
margin-bottom: 12px;
border-radius: 8px;
background: #f5f6f8;
}
.product-category-card .mat-switch label {
padding: 7px 14px;
border-radius: 6px;
color: #6b7683;
font-size: 12px;
font-weight: 700;
cursor: pointer;
user-select: none;
transition: .15s ease;
}
.product-category-card .mat-switch label:hover {
color: #16233a;
}
.product-category-card .mat-switch label.is-active {
color: #fff;
background: #1b57a0;
}
.product-category-card .product-table-panel[hidden] {
display: none !important;
}
.product-category-card .tables table {
width: 100%;
margin-bottom: 14px;
border-collapse: collapse;
font-size: 13px;
}
.product-category-card .tables th {
padding: 0 0 6px;
border-bottom: 1px solid #eceef1;
color: #6b7683;
font-size: 11px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
}
.product-category-card .tables th:first-child,
.product-category-card .tables td:first-child {
text-align: left;
}
.product-category-card .tables td {
padding: 7px 0;
border-bottom: 1px solid #eceef1;
color: #16233a;
font-weight: 700;
text-align: right;
}
.product-category-card .tables td:first-child {
color: #6b7683;
font-weight: 600;
}
.product-category-card .tables tr:last-child td {
border-bottom: 0;
}
.product-category-card .desc,
.product-category-card .desc p {
margin: 0;
color: #6b7683;
font-size: 13.5px;
line-height: 1.5;
}
.product-category-card .btn-link {
display: inline-block;
margin-top: 10px;
color: #1b57a0;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.product-category-card .btn-link:hover {
text-decoration: underline;
}
@media (max-width: 520px) {
.product-category-card .bg-img {
right: -28px;
bottom: -14px;
width: 190px;
opacity: .5;
}
}