@font-face {
font-family: Open Sans;
font-weight: normal;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/OpenSans-Regular.ttf);
}
@font-face {
font-family: Open Sans;
font-weight: 600;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/OpenSans-SemiBold.ttf);
}
@font-face {
font-family: GothamPro;
font-weight: 400;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/GothamPro/gothampro.ttf);
}
@font-face {
font-family: GothamPro;
font-weight: 700;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/GothamPro/gothampro_bold.ttf);
}
@font-face {
font-family: Gilroy;
font-weight: 400;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/Gilroy/gilroy-regular.ttf);
}
@font-face {
font-family: Gilroy;
font-weight: 500;
src: url(//bestart.uz/wp-content/themes/bestart/css/fonts/Gilroy/gilroy-medium.ttf);
}
@keyframes content {
from{
opacity: 0;
}
to{
opacity: 1;
}
}
*{
outline: none !important;
}
body, html{
animation: content 1s ease;
}
html{
scroll-behavior: smooth;
}
body{
position: relative;
overflow-x: hidden; }
section{
position: relative;
margin:50px 0px;
z-index: 1;
}
section .container{
position: relative;
z-index: 2;
}
.d-grid{
display: grid;
align-content: center;
}
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
input:focus ,
.button,
.button-o,
[role="button"],
textarea:focus {
outline: 0 !important;
outline-color: transparent !important;
outline-width: 0 !important;
outline-style: none !important;
user-select: none !important;
}
h1, .title-h2 {
font-family: GothamPro;
font-weight: 700;
font-size: 77px;
line-height: 120%;
text-transform: uppercase;
color: #131210;
}
h2.title{
font-size: 77px;
}
.title-serv{
font-size: 70px;
}
h1.pol-title{
font-size: 48px;
}
h2{
font-family: GothamPro;
font-weight: 700;
font-size: 48px;
line-height: 120%;
text-transform: uppercase;
color: #131210;
}
p{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
}
.woocommerce-loop-product__title{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
}
.button{
background: #FFD600;
border: 1px solid #FFD600;
box-sizing: border-box;
padding: 10px 40px;
font-family: 'GothamPro';
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #131210;
outline: none;
text-decoration: none !important;
cursor: pointer;
width: max-content;
margin: 0px;
display: block;
outline: none !important;
transition: all 0.2s ease;
text-align: center;
}
.button:hover{
transform: scale(1.03);
}
.button-o{
background:transparent;
border: 1px solid #FFF;
box-sizing: border-box;
padding: 10px 25px;
box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.17);
border-radius: 8px;
font-family: Gotham Pro;
font-size: 18px;
line-height: 149.8%;
font-weight: 600;
color: #FFF !important;
outline: none;
text-decoration: none !important;
cursor: pointer;
width: max-content;
margin:0px;
display: block;
outline: none !important;
transition: all 0.2s ease;
text-align: center;
}
.button-o:hover{
transform: scale(1.03);
} .top-nav {
background: #141414;
padding: 8px 0px;
font-family: Montserrat;
font-weight: 500;
font-size: 10px;
line-height: 120.69%;
color: #FFFFFF;
}
.top-nav-two{
display: grid;
padding: 0px 5% 0px;
max-width: 1140px;
margin: auto;
padding: 0px 15px;
grid-template-columns: 2fr 2fr 2fr;
}
header{
position: relative;
z-index: 110;
display: block;
width: 100%;
transition: all 0.4s ease;
top: 0px;
}
#navbar.nonactive{
background: transparent;
}
#navbar.active{
background: #FFF;
top: 0px;
}
.nav-div{
padding:25px 0px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.logo-div{
display: grid;
width: 80px;
justify-content: start;
z-index: 10;
}
.logo-div img{
width: 100%;
height: auto;
pointer-events: all;
cursor: pointer;
}
.cont-div{
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 0px;
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
.cont-div a{
pointer-events: all;
padding: 0px 15px;
font-family: GothamPro;
font-weight: 400;
font-size: 14px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
}
.cont-div a:hover{
color: #FFD600;
text-decoration: none;
}
.phone-div a{
pointer-events: all;
padding: 0px 15px;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
}
.phone-div a:hover{
color: #FFD600;
text-decoration: none;
} .map.container-fluid {
position: relative;
width: 100%;
height: 500px;
padding: 0;
background-image: url(//bestart.uz/wp-content/themes/bestart/img/map3.png);
background-position: center center;
background-size: cover;
}
.map.container-fluid.main-page-map{
height: 400px;
}
.map.container-fluid::after{
content: "Кликните для просмотра";
width: max-content;
height: auto;
font-family: Open Sans;
font-size: 24px;
line-height: 159.69%;
color: #000000;
padding: 5px 30px;
background: rgba(255, 255, 255, 0.651);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.active.map.container-fluid::after{
display: none;
}
.main-div img{
width: 100%;
height: auto;
}
.main-div-img{
}
.main{
position: relative;
margin-top: -183px;
margin-bottom: 0;
padding-top: 340px;
padding-bottom: 100px;
background: #131210;
}
.main.show{
margin-top: -224px;
}
.main-div h1{
color: #fff;
margin-bottom: 0px;
font-size: 65px;
}
.translated-ltr .main-div h1:nth-child(2n){
margin-top: -70px;
}
.main-div-h1{ position: relative;
z-index: 5;
display: flex;
flex-direction: column;
gap: 30px;
justify-content: space-between; }
.main-div-h1-wr {
height: fit-content !important;
}
.main-div-h1 .button{
height: fit-content;
margin-bottom: 5px;
display: flex;
grid-gap: 10px;
align-items: center;
font-size: 15px;
padding: 12px 30px;
border-radius: 20px
}
.nav-end{
display: flex;
grid-gap: 30px;
z-index: 10;
align-items: flex-end;
}
.nav-end a{
cursor: pointer;
font-family: GothamPro;
font-weight: 400;
font-size: 12px;
color: #fff;
display: flex;
grid-gap: 5px;
transition: all 0.5s ease;
}
.nav-end a:hover{
color: #FFD600;
text-decoration: none;
}
.nav-div.dark .nav-end a{
color: #131210;
}
.nav-end a svg{
width: 20px;
height: 20px;
margin-top: 8px;
}
.nav-end a svg path{
transition: all 0.5s ease;
}
.nav-end a:hover svg path{
fill: #FFD600;
}
.nav-end div{
cursor: pointer;
}
.nav-end div svg{
width: 20px;
height: 20px;
}
.nav-end div svg path{
transition: all 0.5s ease;
}
.nav-end div:hover svg path{
fill: #FFD600;
}
.b-part{
position: absolute;
animation: img_animation 4s cubic-bezier(.455,.03,.515,.955) .1s infinite alternate;
}
.b-part img{
width: auto;
height: auto;
}
.b-part.one{
top: 0;
left: 0;
}
.b-part.two{
top: 250px;
right: 0;
}
.b-part.three{
bottom: 0;
}
.b-part.four{
top: 150px;
right: 0;
}
.b-part.six{
bottom: 0;
right: -110px;
}
.b-part.seven{
bottom: -300px;
right: 0;
}
.b-part.one.ab{
top: -25px;
}
@keyframes img_animation{
0%{
transform:translate3d(0,-25px,0);
}
100%{
transform:translate3d(0,25px,0);
}
}
.head-div{
display: flex;
justify-content: space-between;
align-items: center;
}
.head-div a{
font-family: GothamPro;
font-weight: 700;
color: #333333;
font-size: 18px;
display: flex;
grid-gap: 10px;
align-items: center;
transition: all 0.5s ease;
}
.head-div a:hover{
color: #FFD600;
text-decoration: none;
}
.head-div a svg path{
transition: all 0.5s ease;
}
.head-div a:hover svg path{
stroke: #FFD600;
}
.products-wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin-top: 30px;
}
.products-item{
border: 1px solid #131210;
padding: 10px;
display: grid;
grid-gap: 10px;
transition: all 0.5s ease;
}
.products-item:hover{
border: 1px solid #FFD600;
text-decoration: none;
}
.products-item p{
transition: all 0.5s ease;
margin-bottom: 10px;
}
.products-item.top:hover p{
color: #FFD600;
}
.products-item.side:hover p{
color: #FFD600;
}
.products-item.w{
border: none;
padding: 0px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.products-item.w .products-item:first-child{
grid-column-start: 1;
grid-column-end: 3;
}
.products-item.w .products-item{
display: flex;
flex-direction: column;
justify-content: end;
}
.products-item-img{
width: 100%;
display: flex;
justify-content: center;
}
.products-item-img img{
width: auto;
height: 100%;
min-height: 80px;
object-fit: scale-down;
max-height: 330px;
}
.products-item.w .products-item img{
width: 120px;
}
.products-item.w .products-item.side .products-item-img{
grid-column: 2;
grid-row: 1;
}
.products-item.w .products-item.side .products-item-img img{
height: 100%;
width: 150px;
margin-bottom: 0px;
}
.products-item.side .products-item-img{
grid-row: 1;
grid-column: 2;
}
.products-item.top.last img{
width: 275px;
}
.products-item.side img{
height: 230px;
margin-bottom: 10px;
}
.products-item.side{
display: grid;
grid-template-columns: 1fr 1fr;
align-items: end;
padding-bottom: 0px;
}
.main-products{
margin-top: 80px;
}
.main-advans-inner{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
height: fit-content;
}
.main-advans-item{
border: 1px solid #131210;
padding: 10px;
}
.main-advans-wrapper{
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-gap: 50px;
align-items: end;
}
.main-advans-con h2{
font-size: 65px;
}
.main-advans{
margin-top: 80px;
}
.main-advans-btns{
display: flex;
grid-gap: 20px;
}
.main-advans-btns .button:last-child{
border: 1px solid #131210;
background: transparent;
}
.main-advans-con{
display: grid;
grid-gap: 30px;
}
.main-serv-item{
display: grid;
grid-template-columns: 1.1fr 90px 1fr;
grid-gap: 30px;
border-bottom: 1px solid #131210;
padding: 25px;
align-items: center;
}
.main-serv-item p{
position: relative;
z-index: 10;
}
.main-serv-item .serv-start{
display: flex;
grid-gap: 30px;
}
.main-serv-item:last-child{
border-bottom: none;
}
.serv-link{
border: 1px solid #131210;
border-radius: 90px;
width: 100%;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
background: transparent;
}
.serv-link:hover{
border: 1px solid #FFD600;
background: #FFD600;
}
.main-serv{
margin-top: 80px;
}
.main-serv-wrapper{
margin-top: 30px;
}
.serv-num{
font-size: 22px;
}
.serv-title{
font-size: 22px;
}
.swiper-pag.revs .swiper-button-prev{
display: none;
}
.swiper-pag.revs .swiper-button-next{
display: none;
}
.swiper-pag.revs .swiper-pagination-progressbar{
position: unset;
width: 40%;
height: 4px;
background: #E0E0E0;
}
.swiper-pag.revs .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background: #333333;
}
.revs-item{
border: 1px solid #131210;
padding: 20px;
cursor: pointer;
transition: all 0.5s ease;
height: 215px;
}
.revs-item:hover{
border: 1px solid #FFD600;
}
.revs-item p{
word-wrap: break-word;
}
.rev-title p{
font-size: 22px;
}
.revs-page .reviews-inner .rev-title{
padding-left: 50px;
}
.rev-title{
padding-left: 50px;
}
.rev-title::before{
position: absolute;
content: '';
background: url(//bestart.uz/wp-content/themes/bestart/img/rev-title.png) center no-repeat;
background-size: contain;
width: 30px;
height: 25px;
left: 20px;
}
.revs-slider{
margin: 30px 0px 50px;
}
.main-revs{
margin-top: 80px;
display: none;
}
.news-title{
font-weight: 700;
margin-bottom: 0px;
font-size: 16px;
}
.news-date{
margin-bottom: 0px;
font-size: 16px;
}
.news-end a{
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
transition: all 0.5s ease;
display: flex;
align-items: center;
grid-gap: 10px;
}
.news-end a:hover{
color: #FFD600;
text-decoration: none;
}
.news-end a svg{
width: 10px;
}
.news-end a svg path{
transition: all 0.5s ease;
}
.news-end a:hover svg path{
stroke: #FFD600;
}
.main-news-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px 15px;
margin-top: 30px;
}
.main-news-item img{
width: 100%;
height: 260px;
object-fit: cover;
}
.main-news-item{
display: grid;
grid-gap: 15px;
}
.news-end{
display: flex;
justify-content: space-between;
border-top: 1px solid #131210;
padding-top: 10px;
}
.main-news{
padding-top: 80px;
}
.main-contacts-con-el a{
font-family: GothamPro;
font-size: 18px;
font-weight: 700;
color: #131210;
transition: all 0.5s ease;
text-transform: uppercase;
}
.main-contacts-con-el p{
font-size: 18px;
font-weight: 700;
margin-bottom: 0px;
text-transform: uppercase;
}
.main-contacts-con-el{
border: 1px solid #000000;
padding: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
}
a.main-contacts-con-el{
transition: all 0.5s ease;
cursor: pointer;
}
a.main-contacts-con-el:hover{
border: 1px solid #FFD600;
background: #FFD600;
text-decoration: none;
}
.main-contacts-con-el:first-child{
border: none;
}
.main-contacts-con-el:nth-child(2n){
border: none;
}
.main-contacts-con-el:nth-child(4n){
border: 1px solid #000000;
}
.main-contacts-con-el:nth-child(6n){
border: 1px solid #000000;
}
.main-contacts-wrapper{
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-gap: 40px;
margin-top: 30px;
}
.main-contacts-inner{
display: flex;
flex-direction: column;
justify-content: space-between;
} .main-contacts{
margin-top: 80px;
}
.b-part.five{
top: -60px;
right: 0;
}
.main-serv-item{
position: relative;
}
.main-serv-item img.swipeimage {
position: absolute;
top: -170px;
left: -410px;
width: 470px;
height: 300px;
transform: translate(-50% ,50%);
object-fit: cover;
opacity: 0;
pointer-events: none;
z-index: 9;
}
.main-div-img{
cursor: none;
position: relative;
width: 100%;
height: 800px;
background-color: black;
display: inline-block;
margin: 0px;
backdrop-filter: grayscale(1);
z-index: 1;
}
.background {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-size: contain;
-webkit-clip-path: circle(0px at center);
clip-path: circle(0px at center);
z-index: 4;
-webkit-transition: 50ms all;
-o-transition: 50ms all;
transition: 50ms all;
background-repeat: no-repeat;
background-position: center;
}
.main-div-img::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.2;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#london::before {
background-image: url(https://bestart.uz/wp-content/uploads/2024/01/group-72.png);
opacity: 0.5;
background-size: contain;
}
#london .background {
background-image: url(https://bestart.uz/wp-content/uploads/2024/01/group-72.png);
}
.foot-cont a{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
text-wrap: nowrap;
}
.foot-cont a:hover{
color: #FFD600;
text-decoration: none;
}
footer{
background: #131210;
padding: 50px 0px;
margin-top: 80px;
}
.foot-start{
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}
.foot-cont{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0px 40px;
list-style: none;
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
.foot-cont:last-child{
grid-template-columns: 0.5fr 1fr;
}
.foot-cont-inner{
display: flex;
grid-gap: 40px;
}
.foot-end-item a{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
}
.foot-end-item a:hover{
color: #FFD600;
text-decoration: none;
}
.foot-end-item p{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
margin-bottom: 0px;
}
.foot-end-item{
display: grid;
}
.foot-end{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 45px;
}
.foot-end-item:nth-child(5n){
justify-content: center;
}
.foot-end-item:last-child{
justify-content: end;
}
.about-main{
background: url(//bestart.uz/wp-content/themes/bestart/img/about-main-img.webp) center no-repeat;
background-size: cover;
padding: 210px 0px;
margin-top: -95px;
}
.about-main.show{
margin-top: -224px;
padding-top: 240px;
}
.about-sec1{
margin-top: 80px;
}
.about-sec1-start{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
align-items: flex-start;
margin-bottom: 80px;
}
.about-sec1-start h1{
font-size: 80px;
}
.about-sec1-end img{
width: 100%;
height: auto;
}
.about-sec2{
margin-top: 80px;
}
.advan-title{
font-weight: 700;
margin-bottom: 0px;
}
.advan-item img{
width: 50px;
height: 50px;
object-fit: scale-down;
}
.advan-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 30px;
}
.advan-item{
display: flex;
flex-direction: column;
grid-gap: 15px;
padding: 30px;
border-right: 1px solid #828282;
}
.advan-item:nth-child(3n){
border-right: none;
border-bottom: 1px solid #828282;
}
.advan-item:last-child{
border-right: none;
}
.advan-item:nth-child(1n){
border-bottom: 1px solid #828282;
}
.advan-item:nth-child(2n){
border-bottom: 1px solid #828282;
}
.advan-item:nth-child(4n){
border-bottom: none;
}
.advan-item:nth-child(5n){
border-bottom: none;
}
.advan-item:nth-child(6n){
border-bottom: none;
}
.about-sec1-end-link{
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: fit-content;
color: #fff;
font-family: 'GothamPro';
font-size: 18px;
font-weight: 700;
display: flex;
align-self: flex-start;
align-items: center;
grid-gap: 10px;
height: 88px;
background: none;
border: none;
cursor: pointer;
}
.about-sec1-end{
position: relative;
width: 100%;
height: 100%;
}
.about-sec1-end::before{
position: absolute;
content: '';
background: rgba(12, 17, 20, 0.39);
backdrop-filter: blur(2px);
width: 100%;
height: 100%;
}
.about-sec1-end-link-arrow{
position: relative;
transition: all 0.5s;
}
.about-sec1-end-link-arrow::before{
position: absolute;
content: '';
width: 88px;
height: 88px;
border-radius: 100%;
border: 2px solid #F2C94C;
border-left: 1px solid transparent;
margin-top: -29px;
right: -25px;
transition: all 0.5s ease;
}
.about-sec1-end-link:hover{
color: #FFD600;
text-decoration: none;
}
.about-sec1-end-link:hover .about-sec1-end-link-arrow{
margin-left: 15px;
}
.about-sec1-end-link:hover .about-sec1-end-link-arrow::before{
right: -10px;
}
.about-sec1-end-link .about-sec1-end-link-arrow svg{
transition: all 0.5s ease;
width: 73px;
height: 29px;
}
.about-sec1-end-link:hover .about-sec1-end-link-arrow svg{
width: 83px;
height: 29px;
}
.fancybox-navigation .fancybox-button div{
background: rgba(255, 255, 255, 0.38);
border-radius: 100%;
}
.fancybox-navigation .fancybox-button--arrow_left{
background: unset;
left: 12%;
}
.fancybox-navigation .fancybox-button--arrow_right{
background: unset;
right: 12%;
}
.fancybox-bg {
background: rgba(103, 103, 103, 0.68);
}
.fancybox-infobar{
position: absolute;
top: 88%;
left: 50%;
color: #fff;
mix-blend-mode: unset;
}
.nav-div.dark .cont-div a{
color: #131210;
}
.nav-div.dark .cont-div a:hover{
color: #FFD600;
}
.nav-div.dark .phone-div a{
color: #131210;
}
.nav-div.dark .phone-div a:hover{
color: #FFD600;
}
.nav-div.dark .nav-end a:hover svg path{
fill: #FFD600;
}
.nav-div.dark a svg path{
fill: #131210;
}
.nav-div.dark a:first-child svg path{
fill: none;
}
.nav-div.dark .nav-end div:hover svg path{
fill: #FFD600;
}
.nav-div .search-nav.active svg path{
fill: #FFD600;
}
.nav-div.dark .search-nav.active svg path{
fill: #FFD600;
}
.nav-div.dark div svg path{
fill: #131210;
}
input{
border: 1px solid #000000;
padding: 10px;
width: 100%;
font-family: GothamPro;
font-size: 18px;
font-weight: 400;
color: #131210;
height: fit-content;
}
input::placeholder{
font-family: GothamPro;
font-size: 18px;
font-weight: 400;
color: #131210;
}
textarea{
border: 1px solid #000000;
padding: 10px;
width: 100%;
font-family: GothamPro;
font-size: 18px;
font-weight: 400;
color: #131210;
height: fit-content;
}
select{
border: 1px solid #000000;
padding: 10px;
width: 100%;
font-family: GothamPro;
font-size: 18px;
color: #131210;
font-weight: 400;
height: fit-content;
-webkit-appearance: none;
background: url(//bestart.uz/wp-content/themes/bestart/img/sel.png) 97% center no-repeat;
background-size: 12px;
}
button{
border: 1px solid #000000;
padding: 10px;
width: 100%;
}
form .button{
width: 100%;
}
form{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.main-contacts-inner form p{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.breadcrumbs p{
font-family: Gilroy;
font-weight: 400;
font-size: 18px;
color: #2C2C2C;
margin-bottom: 0px;
}
.breadcrumbs a{
font-family: Gilroy;
font-weight: 400;
font-size: 18px;
color: #999CA6;
transition: all 0.5s ease;
padding-right: 20px;
}
.breadcrumbs a::after{
position: absolute;
content: '';
width: 3px;
height: 3px;
background: #999CA6;
border-radius: 3px;
margin-left: 20px;
margin-top: 12px;
}
.breadcrumbs a:hover{
color: #FFD600;
text-decoration: none;
}
.breadcrumbs{
display: flex;
grid-gap: 20px;
align-items: center;
margin-top: 50px;
}
.serv-page-wrapper img{
width: 100%;
height: 480px;
object-fit: cover;
}
.serv-page-inner{
display: grid;
grid-template-columns: 1fr;
margin-top: 30px;
}
.serv-page-inner ul{
margin-left: 0;
padding-left: 40px;
}
.serv-page-inner ol{
margin-left: 0;
padding-left: 40px;
margin-top: 20px;
}
.serv-page-wrapper{
margin-top: 30px;
}
.main-news.news-page{
padding-top: 0px;
margin: 80px 0px;
}
.page-numbers{
font-family: Gilroy;
font-weight: 500;
color: #131210;
font-size: 18px;
border: 1px solid #BDBDBD;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
cursor: pointer;
}
.page-numbers:hover{
background: #FFD600;
border: 1px solid #FFD600;
}
.page-numbers.current{
background: #FFD600;
border: 1px solid #FFD600;
}
.pagi{
display: flex;
justify-content: end;
margin-top: 30px;
}
.pagi.news{
grid-column-end: 5;
grid-column-start: 1;
}
.pagi.serv{
grid-column-end: 4;
grid-column-start: 1;
}
.pagi .navi{
display: flex;
grid-gap: 10px;
}
.woocommerce-pagination ul.page-numbers{
list-style: none;
width: 100%;
height: fit-content; border: none;
justify-content: end;
margin-left: 0px;
margin-bottom: 0px;
grid-gap: 10px;
}
.woocommerce-pagination ul.page-numbers:hover{
background: transparent;
}
.next.page-numbers{
margin-left: 15px;
}
.prev.page-numbers{
margin-right: 15px;
}
.news-page-wrapper{
display: grid;
grid-template-columns: 2.5fr 1fr;
grid-gap: 30px;
margin-top: 30px;
}
.news-page-item.main-news-item img{
height: auto;
}
.news-page-item.main-news-item .news-title{
font-size: 20px;
}
.news-page-inner{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.news-page-desc{
border-top: 1px solid #131210;
padding-top: 10px;
}
.news-page-share-inner{
display: flex;
grid-gap: 10px;
}
.news-page-share-inner a img{
width: 30px;
height: 30px;
}
.news-page-share-inner a{
transition: all 0.5s ease;
cursor: pointer;
}
.news-page-share-inner a:hover{
transform: scale(1.1);
}
.reviews-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 30px;
}
.reviews-inner .revs-item{
position: relative;
}
.main-revs.revs-page{
margin-bottom: 80px;
}
.revs-modal .modal-content{
border: 1px solid #131210;
border-radius: 0px;
padding: 25px 20px;
}
.revs-modal .modal-header{
border-bottom: 0px;
padding: 0px;
}
.revs-modal button.close{
width: fit-content;
}
.revs-modal .modal-body{
padding: 0px;
}
.revs-item-slider .swiper-slide img{
width: 100%;
height: 100%;
}
.revs-item-slider{
margin: 20px 0px;
}
.swiper-pag.revs.revs-item-swiper .swiper-pagination-progressbar{
width: 85%;
}
.main-contacts.contacts-page{
margin-bottom: 80px;
}
.faq-que-item{
font-family: GothamPro;
font-size: 16px;
font-weight: 700;
color: #131210;
border-bottom: 1px solid #828282;
padding: 15px 0px;
transition: all 0.5s ease;
cursor: pointer;
}
.faq-que-item:hover{
color: #FFD600;
text-decoration: none;
}
.faq-que-item.active{
color: #FFD600;
}
.faq-ans-item{
display: none;
margin-top: -20px;
transition: all 0.5s ease;
}
.faq-ans-item.active{
display: block;
margin-top: 0px;
}
.faq-ans-item p{
font-size: 16px;
}
.faq-wrapper{
display: grid;
grid-template-columns: 1fr 1.2fr;
grid-gap: 50px;
margin-top: 10px;
}
.faq-answers{
margin-top: 20px;
}
.faq-questions{
display: grid;
}
.faq-sec{
margin: 80px 0px;
}
.favs-empty-wrapper{
display: flex;
justify-content: center;
align-items: center;
height: 48vh;
}
.favs-empty{
width: fit-content;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
grid-gap: 20px;
}
.favs-empty p{
margin-bottom: 0px;
}
.favs-empty svg{
width: 150px;
}
.favs-empty.wish svg{
width: 130px;
}
.favs-empty .button{
width: 100%;
}
.favs-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 30px;
}
.product-cart-img{
padding: 40px 0px 20px;
}
.product-cart-img img{
width: 100%;
height: 150px;
object-fit: scale-down;
}
.product-cart-fav{
cursor: pointer;
}
.product-cart-fav:hover svg path{
fill: #EB5757;
}
.product-cart-fav svg path{
fill: #BDBDBD;
transition: all 0.5s ease;
}
.product-cart-fav.active svg path{
fill: #EB5757;
}
.product-cart{
padding: 15px;
border: 1px solid #E0E0E0;
transition: all 0.5s ease;
}
.product-cart:hover{
border: 1px solid #FFD600;
}
.product-cart-start{
display: flex;
justify-content: space-between;
align-items: baseline;
height: 60px;
position: relative;
}
.product-cart-title{
margin-bottom: 0px;
}
.product-cart-basket{
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
border: 1px solid #FFD600;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 8px 0px;
background: #FFD600;
cursor: pointer;
transition: all 0.5s ease;
}
.add_to_cart_button{
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
border: 1px solid #FFD600;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 8px 0px;
background: #FFD600;
cursor: pointer;
transition: all 0.5s ease;
width: 100%;
text-transform: unset;
} 
.add_to_cart_button{ background: unset;
background-color: #ffd600;
padding: 8px 0px;
justify-content: center;
}
.product-cart-basket:hover{
background: transparent;
}
.add_to_cart_button:hover{
background-color: transparent;
}
.product-cart-view{
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 15px 0px;
border-top: 1px solid #BDBDBD;
transition: all 0.5s ease;
cursor: pointer;
}
.product-cart-view svg path{
fill: #131210;
transition: all 0.5s ease;
}
.product-cart-view:hover svg path{
fill: #FFD600;
}
.product-cart-view:hover{
color: #FFD600;
}
.product-cart-view svg{
width: 20px;
height: 20px;
}
.product-cart-basket svg{
width: 20px;
height: 20px;
}
.catalog-wrapper{
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 20px;
margin-top: 30px;
}
.catalog-content-head{
display: flex;
justify-content: space-between;
}
.catalog-content-head-link-wrapper{
display: flex;
grid-gap: 20px;
}
.catalog-side-item-el p{
font-size: 16px;
font-weight: 700;
margin-bottom: 0px;
}
.catalog-side-item .widget p{
font-size: 16px;
font-weight: 700;
margin-bottom: 0px;
}
.catalog-content-head p{
color: #333333;
font-weight: 700;
margin-bottom: 0px;
}
.catalog-content-head-link{
font-family: GothamPro;
color: #7E878D;
font-weight: 400;
font-size: 16px;
cursor: pointer;
transition: all 0.5s ease;
}
.catalog-content-head-link:hover{
color: #FFD600;
}
.catalog-side-item{
border: 1px solid #E0E0E0;
padding: 20px 10px;
cursor: pointer;
}
.catalog-content-head{
background: #F8F8F8;
border-radius: 5px;
padding: 10px;
align-items: center;
}
.catalog-products-inner{
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
}
.catalog-side-item.categories-side-item .catalog-side-item-inner{
display: grid !important;
}
.catalog-side-item .catalog-side-item-inner{
display: none;
grid-gap: 15px;
}
.catalog-side-item-inner-el{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
color: #131210;
cursor: pointer;
transition: all 0.5s ease;
}
.catalog-side-item-inner-el:hover{
color: #FFD600;
}
.catalog-side-item-inner label input{
width: 16px;
height: 16px;
margin-right: 10px;
}
.catalog-side-item-inner label{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
color: #131210;
}
.catalog-side{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.catalog-side-num-con p{
font-weight: 700;
}
.catalog-side-num-con{
display: flex;
flex-direction: column;
}
.catalog-side-num-con label{
display: flex;
grid-gap: 10px;
font-family: GothamPro;
font-size: 16px;
}
.catalog-side-num-con label input{
border: 1px solid #BDBDBD;
padding: 5px;
font-size: 14px;
}
.catalog-side-num-con:first-child{
border-bottom: 1px solid #BDBDBD;
padding-bottom: 10px;
}
.catalog-side-num-con:last-child{
padding-top: 10px;
}
.product-gallery {
width: 100%;
display: flex;
align-items: flex-start;
}
.product-gallery-slider {
width: 100%;
height: 100%;
margin: 0 0 10px 0;
}
.product-gallery-slider .swiper-slide {
width: auto;
height: 400px;
border: 1px solid #BDBDBD;
padding: 10px;
} .product-gallery-slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: scale-down;
margin: 0 auto;
background: #fff;
}
.product-gallery-thumbs {
width: 100%;
padding: 0;
overflow: hidden;
}
.product-gallery-thumbs .swiper-slide {
width: 100%;
height: 145px !important;
text-align: center;
overflow: hidden;
opacity: .5;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
border: 1px solid #BDBDBD;
padding: 10px;
}
.product-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
.product-gallery-thumbs .swiper-slide img {
width: 100%;
height: 120px;
object-fit: scale-down;
}
.product-gallery-thumbs-wrapper{
display: flex;
flex-direction: column;
width: 180px;
margin-right: 20px;
height: 473px;
}
.product-gallery-slider-wrapper{
height: 473px;
display: flex;
width: 100%;
}
.product-gallery-slider-wrapper .product-cart-fav{
position: absolute;
right: 30px;
top: 10px;
z-index: 10;
}
.product-sec{
margin: 80px 0px;
}
.product-wrapper{
margin-top: 30px;
}
.product-text-title-inn{
display: flex;
align-items: center;
justify-content: space-between;
}
.product-text-title{
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
}
.product-text-content-middle .product-text-title-inn{
margin-bottom: 20px;
margin-top: 20px;
}
.product-text-content-middle .product-text-title-inn p{
margin-bottom: 0;
}
.product-text-content-middle .product-text-title-inn a{
font-family: 'GothamPro';
font-size: 17px;
font-weight: 700;
color: #333333;
border-bottom: 1px solid #333333;
}
.product-text-cat{
color: #828282;
}
.product-text-content-table-con{
color: #828282;
}
.product-text-content-table-con p{
color: #828282;
}
.product-text-content-table-con p a{
color: #828282;
transition: all 0.5s ease;
}
.product-text-content-table-con p a:hover{
color: #FFD600;
}
.product-text-cat a {
color: #828282;
transition: all 0.5s ease;
}
.product-text-cat a:hover{
color: #FFD600;
}
.product-text-content-table{
border: 1px solid #BDBDBD;
border-bottom: none;
}
.product-text-content-table-el{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #BDBDBD;
padding: 8px 10px;
}
.product-text-content-table-el p{
margin-bottom: 0px;
}
.product-text-content-head{
border-bottom: 1px solid #BDBDBD;
}
.product-text-content-end .button:first-child{
background: transparent;
border: 1px solid #131210;
height: fit-content; width: 100%;
}
.product-text-content-end .col-6{
display: none;
}
.product-end-fl-al{
background: #F5F5F5;
padding: 10px;
display: flex;
align-items: center;
grid-gap: 10px;
}
.product-end-fl-al svg{
width: 26px;
height: 26px;
}
.product-end-fl-al span{
font-family: 'GothamPro';
font-size: 13px;
font-weight: 400;
color: #E0765E;
}
.product-sert-t{
width: 160px;
height: 52px;
position: absolute;
top: 12px;
left: 185px;
z-index: 2;
}
.product-end-fl-al span a{
font-weight: 700;
color: #E0765E;
border-bottom: 1px solid transparent;
transition: all 0.4s ease;
}
.product-end-fl-al span a:hover{
border-color: #E0765E;
}
.product-text-content-end{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
align-items: end;
}
.product-text-content-end .button:nth-child(2n){
background: transparent;
border: 1px solid #131210;
}
.product-text-content-end .button:last-child{
background: #FFD600;
border: 1px solid #FFD600;
}
.product-text-content-end .button:last-child{
border-radius: 0px;
}
.product-text-content-end form{
flex-direction: unset;
grid-gap: 10px;
}
.product-text-content-end form .quantity{
position: relative;
width: 100%;
display: flex;
height: 100%;
border: 0.5px solid #f8f8f8;
align-items: center;
background: #f8f8f8;
border-radius: 20px;
}
.product-text-content-end form div:nth-child(2n){
position: absolute;
display: flex;
justify-content: space-between;
width: 131px;
align-items: center;
height: fit-content;
padding: 0px 10px;
}
button.qty{
border: none;
background: unset;
width: 20px;
height: 100%;
padding: unset;
display: flex !important;
align-items: center;
justify-content: center;
}
button.qty.minus{
border-right: none !important;
}
.product-text-content-wrapper{
display: grid;
grid-gap: 20px;
}
#yith-quick-view-modal.open, #yith-quick-view-modal.open .yith-wcqv-wrapper{
min-width: 1150px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: unset;
color: #131210;
font-weight: 700;
border-bottom: 3px solid #FFD600;
}
.nav-pills .nav-link{
padding: 10px 0px;
font-family: GothamPro;
font-weight: 400;
color: #131210;
font-size: 22px;
border-bottom: 3px solid transparent;
border-radius: 0px;
}
.nav-pills{
grid-gap: 30px;
margin-left: 0px;
}
.product-information-table{
font-family: GothamPro;
font-weight: 400;
font-size: 14px;
border: 1px solid #BDBDBD;
border-bottom: none;
margin-top: 30px;
}
.product-information-table-head-el{
font-weight: 700;
padding: 10px;
}
.product-information-table-head-el.product-information-table-head-el-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border-top: 1px solid #BDBDBD;
padding: 0px;
}
.product-information-table-head-el-inner-item{
padding: 10px;
border-right: 1px solid #BDBDBD;
display: flex;
align-items: center;
}
.product-information-table-content-el .product-information-table-content-el-con{
display: none;
}
.product-information-table-content-el.active .product-information-table-content-el-con{
display: grid;
}
.product-information-table-content-el-head .product-information-table-content-el-btn{
transition: all 0.5s ease;
}
.product-information-table-content-el-head.active .product-information-table-content-el-btn{
transform: rotate(180deg);
}
.product-information-table-content-el-head{
display: flex;
grid-gap: 20px;
align-items: center;
padding: 10px;
cursor: pointer;
}
.product-information-table-content-el{
border-bottom: 1px solid #BDBDBD;
}
.product-information-table-head{
border-bottom: 1px solid #BDBDBD;
}
.product-information-table-content-el-con-inn{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.product-information-table-content-el-con-item{
display: flex;
align-items: center;
padding: 20px 10px;
border-right: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
}
.product-information-table-content-el-con-item:last-child{
border-right: none;
}
.product-information-table-head-el-inner-item:last-child{
border-right: none;
}
.product-information-table-content-el-con-item .product-cart-basket{
font-size: 14px;
padding: 8px 10px;
width: 100%;
}
.product-video-inner{
position: relative;
margin-top: 30px;
}
.product-video-inner:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(32, 32, 32, 0.57);
backdrop-filter: blur(4px);
}
.product-video-inner img{
width: 100%;
height: auto;
}
.product-video-btn{
position: absolute;
margin: auto;
left: 0;
right: 0;
width: 69px;
height: 48px;
top: 0;
bottom: 0;
transition: all 0.5s ease;
background: #fff;
border-radius: 15px;
cursor: pointer;
}
.product-video-btn:hover{
transform: scale(1.1);
}
.product-video-sec{
margin: 80px 0px;
}
.product-more-sec{
margin: 80px 0px;
}
.cart-inner p{
color: #4F4F4F;
font-size: 14px;
margin-bottom: 0px;
}
.cart-inner p a{
color: #4F4F4F;
transition: all 0.5s ease;
}
.cart-inner p a:hover{
color: #FFD600;
}
.cart-wrapper{
display: grid;
grid-template-columns: 1.2fr 1fr;
grid-gap: 20px;
margin-top: 30px;
}
.cart-inner{
display: grid;
grid-gap: 20px;
}
.cart-inner-item{
border: 1px solid #131210;
padding: 10px;
display: grid;
grid-template-columns: 0.8fr 1.5fr 1fr 1fr;
align-items: center;
}
.cart-inner-item-img{
height: 100px;
}
.cart-inner-item-img img{
width: 100%;
height: 100%;
object-fit: scale-down;
}
.cart-inner-item-del{
display: flex;
justify-content: center;
}
.cart-inner-item-del svg{
width: 25px;
height: 20px;
}
.cart-inner-item-del svg path{
transition: all 0.5s ease;
}
.cart-inner-item-del:hover svg path{
fill: #FB3021;
}
.cart-inner-item.cart-inner-item-head p:last-child{
display: flex;
justify-content: center;
}
.cart-inner-item-title{
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 15px;
}
.cart-inner-item-kol{
display: flex;
justify-content: center;
}
.cart-inner-item-title-p{
color: #333333;
font-weight: 700;
}
.cart-inner-item.cart-inner-item-head p:nth-child(3n){
display: flex;
justify-content: center;
}
.cart-form-inner{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px 20px;
}
.cart-form form input{
padding: 7px;
}
.cart-form form label{
display: grid;
}
label{
font-family: GothamPro;
font-size: 14px;
font-weight: 400;
color: #131210;
}
label:has(input:required){
font-family: GothamPro;
font-size: 14px;
font-weight: 400;
color: #131210;
}
input:required{
border: 1px solid #000000;
padding: 10px;
width: 100%;
font-family: GothamPro;
font-size: 18px;
font-weight: 400;
color: #131210;
height: fit-content;
}
input:required:invalid{
border: 1px solid #FB3021;
}
label:has(input:required:invalid)::before{
position: absolute;
content: '';
background: url(//bestart.uz/wp-content/themes/bestart/img/req.png) center no-repeat;
width: 15px;
height: 15px;
background-size: contain;
margin-top: 35px;
right: 10px;
}
label:has(input:required:invalid){
color: #FB3021;
position: relative;
}
.error-sec{
height: 100vh;
width: 100%;
position: absolute;
z-index: 999;
background: #fff;
margin: 0px;
top: 0;
}
.error-inner{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.error-inner::before{
position: absolute;
content: '';
background: url(//bestart.uz/wp-content/themes/bestart/img/error-img.png) center no-repeat;
width: 120px;
height: 200px;
background-size: contain;
background-color: #fff;
margin-top: -90px;
}
.error-inner h1{
font-weight: 400;
font-size: 180px;
}
.error-inner p{
font-weight: 700;
}
.error-wrapper{
display: grid;
height: 100%;
}
.m-tog-menu{
width:100%;
height:0;
background:#131210;
position:fixed;
top:20px;
z-index:10;
transition:all .2s ease;
opacity:0;
pointer-events:none;
padding:0px;
padding-bottom:0px;
}
.m-tog-ul{
list-style:none;
margin-top:0px;
padding-left:0;
margin-left:0;
margin-bottom:0px;
}
.m-tog-menu.active .m-tog-ul{
margin-top:100px;
padding-left:0;
margin-left:0;
margin-bottom:30px;
}
.m-tog-menu .m-tog-ul li{
display: none;
}
.m-tog-menu .phone-div a{
display: none;
}
.m-tog-menu.active .phone-div a{
display: block;
}
.m-tog-menu.active .m-tog-ul li{
padding:10px 0;
margin-bottom:0;
display: block;
}
.m-tog-ul li:before{
display:none;
}
.m-tog-ul li a{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
}
.m-tog-ul li a:hover{
color: #FFD600;
text-decoration: none;
}
.m-tog-menu.active{
opacity:1;
top:0;
pointer-events:all;
height: 100%;
padding:20px;
padding-bottom:20px;
}
.m-tog{
display:none;
justify-self:flex-start;
align-items:center;
width:18px;
height:18px;
position:relative;
cursor:pointer;
z-index:20;
}
.m-tog:before{
content:"";
width:18px;
height:2px;
position:absolute;
left:0;
bottom:0;
background:#F5F8FF;
transition:all .2s ease;
}
.m-tog.active:before{
opacity:0;
background:#F5F8FF;
}
.nav-div.dark .m-tog span{
background: #131210;
}
.nav-div.dark .m-tog:before{
background: #131210;
}
.nav-div.dark .m-tog:after{
background: #131210;
}
.m-tog span{
width:9px;
height:2px;
position:relative;
margin:0 0 0 auto;
background:#F5F8FF;
transition:all .2s ease;
}
.m-tog.active span{
transform:rotate(45deg);
background:#F5F8FF;
width: 18px;
}
.m-tog:after{
content:"";
width:18px;
height:2px;
position:absolute;
right:0;
top:0;
background:#F5F8FF;
transition:all .2s ease;
}
.nav-div.dark .m-tog.active:after{
background:#F5F8FF;
}
.nav-div.dark .m-tog.active:before{
background:#F5F8FF;
}
.nav-div.dark .m-tog.active span{
background:#F5F8FF;
}
.m-tog.active:after{
width:18px;
transform:rotate(-45deg) translateY(6px) translateX(-6px);
background:#F5F8FF;
}
.socio-div{
display: grid;
grid-gap: 10px;
}
.m-tog-menu.active .socio-div a{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
display: block;
}
.m-tog-menu .socio-div a{
display: none;
}
.socio-div a:hover{
color: #FFD600;
text-decoration: none;
}
.sub-menu{
position: fixed;
width: 100%;
height: 0;
background: #131210;
list-style: none;
margin: 0px;
padding: 0px;
opacity: 0;
pointer-events: none;
margin-top: 170px;
transition: all .әs ease;
top: 20px;
}
.sub-menu.active{
opacity: 1;
top: 0px;
height: 100%;
pointer-events: all;
}
.sub-menu-trigger{
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
}
.sub-menu-trigger::after{
position: absolute;
content: '';
background: url(//bestart.uz/wp-content/themes/bestart/img/sub-menu.png) center no-repeat;
background-size: contain;
width: 7px;
height: 11px;
margin-top: 8px;
margin-left: 10px;
transition: all 0.5s ease; 
}
.sub-menu-trigger.active::after{
position: absolute;
content: '';
background: url(//bestart.uz/wp-content/themes/bestart/img/sub-menu.png) center no-repeat;
background-size: contain;
width: 7px;
height: 11px;
margin-top: 8px;
margin-left: 10px;
transform: rotate(180deg);
}
.catalog-side-item .catalog-item-el-btn{
background: url(//bestart.uz/wp-content/themes/bestart/img/cat-arrow.png) center no-repeat;
background-size: contain;
width: 12px;
height: 12px;
transform: rotate(180deg);
transition: all 0.5s ease;
}
.catalog-side-item.active .catalog-item-el-btn{
transform: none;
}
.catalog-side-item.active .catalog-side-item-el{
margin-bottom: 20px;
}
.catalog-side-item .catalog-side-item-el{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0px;
}
.catalog-side-item.active .catalog-side-item-inner{
display: grid;
}
.catalog-content-head-side{
display: none;
}
.catalog-content-head-btn svg path{
transition: all 0.5s ease;
}
.catalog-content-head-btn.active svg path{
fill: #FFD600;
}
.entry-header{
display: none;
}
.entry-footer{
display: none;
}
ul.products{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 20px;
margin-left: 0px;
padding-left: 0px;
}
.product-cart{
position: relative;
}
.product-cart:hover .product-link{
display: flex;
}
.product-link{
position: absolute;
width: 100%;
height: 220px;
left: 0;
top: 42px;
justify-content: center;
align-items: center;
background: rgba(255,255,255,0.5);
display: none;
}
.product-link a{
font-family: GothamPro;
font-size: 18px;
color: #FFD600;
font-weight: 600;
text-shadow: 0 0 black;
transition: all 0.5s ease;
}
.product-link a:hover{
color: #BDBDBD;
text-decoration: none;
}
.main-div-img-mob{
display: none;
}
@keyframes fly{
0%{
transform: rotate(120deg);
top: 45px;
right: unset;
bottom: unset;
margin: unset;
left: unset;
width: fit-content;
}
100%{
transform: rotate(0deg);
top: 90%;
right: unset;
left: unset;
bottom: unset;
margin: unset;
margin-left: 50%; text-align: center;
width: fit-content;
}
}
.cursor-fix{
position: fixed;
z-index: 10;
transition: all 0.5s ease; width: 100%;
margin: 0 auto;
bottom: 30px;
left: 0;
right: 0;
text-align: center;
}
.cursor-fix a:before{
position: absolute;
content: '';
width: 50px;
height: 50px;
background: rgba(255, 214, 0, 1);
filter: blur(19.5px);
margin-left: -6px;
margin-top: -8px;
z-index: -1;
}
.cursor-fix a{
width: fit-content;
margin: 0 auto;
}
.cursor-fix a svg{
width: 40px;
height: 40px;
}
.woocommerce-product-details__short-description{
display: none;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab{
display: none;
}
.related-products-wrapper ul.products{
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 30px;
}
.product-wrapper .yith-wcwl-add-button{
position: absolute;
left: -52px;
top: 10px;
z-index: 10;
}
.yith-wcwl-add-button svg path{
transition: all 0.5s ease;
}
.yith-wcwl-add-button:hover svg path{
fill: #EB5757;
}
.product-wrapper .yith-wcwl-wishlistexistsbrowse{
position: absolute;
left: -52px;
top: 10px;
z-index: 10;
}
.cart-form-inner .form-row{
font-family: GothamPro;
font-size: 14px;
font-weight: 400;
flex-direction: column;
width: 100%;
margin: 0px;
}
.woocommerce-additional-fields__field-wrapper .form-row{
font-family: GothamPro;
font-size: 14px;
font-weight: 400;
flex-direction: column;
width: 100%;
margin: 0px;
}
.woocommerce-additional-fields__field-wrapper .form-row textarea{
width: 100%;
height: 150px;
}
.woocommerce-billing-fields__field-wrapper .form-row{
font-family: GothamPro;
font-size: 14px;
font-weight: 400;
flex-direction: column;
width: 100%;
margin: 0px;
margin-bottom: 10px;
}
.woocommerce-billing-fields__field-wrapper .form-row textarea{
width: 100%;
height: 150px;
}
.thwcfd-field-country{
display: none;
}
form.checkout button.information__btn{
grid-column: 2;
}
.edit-link{
display: none;
}
.woocommerce-thankyou-order-details{
display: flex;
list-style: none;
margin-left: 0px;
padding-left: 0px;
grid-gap: 20px;
}
.favs-sec{
background: #fff;
}
#yith-wcwl-form{
grid-gap: 0px;
}
.product-cart-end div:last-child{
display: grid;
}
.product-cart-end div:last-child .yith-wcqv-button{
grid-row: 1;
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 15px 0px;
border-top: 1px solid #BDBDBD;
transition: all 0.5s ease;
cursor: pointer;
background-color: transparent;
border-right: navajowhite;
border-left: none;
width: 100%;
text-transform: unset;
}
.yith-wcqv-button{
grid-row: 1;
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 15px 0px;
border-top: 1px solid #BDBDBD;
transition: all 0.5s ease;
cursor: pointer;
background: transparent;
border-right: navajowhite;
border-left: none;
width: 100%;
text-transform: unset;
}
.product-cart-quick .add_to_cart_button:first-child{
display: none;
}
.card-product__cost-cost{
display: none;
}
.card-product__cost-cost__prev{
display: none;
}
.woocommerce-Tabs-panel--additional_information{
display: block !important;
}
.quick-img-wrap{
border: 1px solid #BDBDBD;
display: flex;
justify-content: center;
align-items: center;
height: 470px;
position: relative;
}
.quick-img-wrap .yith-wcwl-add-button{
left: 10px;
}
.quick-img-wrap .yith-wcwl-wishlistexistsbrowse{
left: 10px;
}
.quick-img-wrap img{
height: 150px;
}
#yith-quick-view-content .product{
padding: 30px;
}
.quick-con-wrap .button{
font-size: 12px;
padding: 10px 20px;
margin-top: 0px;
}
.single-product h1{
font-size: 42px;
}
.quick-con-wrap input{
font-size: 12px;
text-align: center;
height: auto;
width: 100%;
border: none;
background: #f8f8f8;
}
.product-text-content-end form .quantity input.plus{
height: 90%;
border: 1px solid #f8f8f8;
padding: 10px 0px;
background: #fff;
border-radius: 50px;
width: 90%;
}
.product-text-content-end form .quantity input.minus{
height: 90%;
border: 1px solid #f8f8f8;
padding: 10px 0px;
background: #fff;
border-radius: 50px;
width: 90%;
}
.quick-con-wrap .product-text-content-end{
margin-bottom: 20px;
display: flex;
}
.quick-con-wrap .product-text-content-end form{
align-items: center;
}
.product-wrapper .quick-con-wrap .product-text-content-end .button:first-child{
grid-column-start: unset;
grid-column-end: unset;
grid-row: unset;
width: fit-content;
}
.yith-wcqv-button{
background: url(//bestart.uz/wp-content/themes/bestart/img/wish.svg) center right 45px no-repeat;
background-size: 18px;
justify-content: unset !important;
padding-left: 40px !important;
}
.favs-inner .favs-empty-wrapper{
grid-column-start: 1;
grid-column-end: 5;
}
#yith-searchsubmit{
background: #FFD600;
border: 1px solid #fff;
padding: 10px;
font-family: 'GothamPro';
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #fff;
outline: none;
text-decoration: none !important;
cursor: pointer;
margin: 0px;
display: block;
outline: none !important;
transition: all 0.2s ease;
text-align: center;
}
#yith-searchsubmit:hover{
transform: scale(1.03);
}
.search-wrap-nav{
opacity: 0;
height: 0;
pointer-events: none;
transition: all 0.5s ease;
background: #FFD600;
padding: 0px;
margin-top: -20px;
width: 100%;
}
.search-wrap-nav form{
display: none;
}
.search-wrap-nav form input{
border: 1px solid #fff;
}
.search-wrap-nav.show{
opacity: 1;
height: auto;
pointer-events: all;
margin-top: 0px;
padding: 40px;
}
.search-wrap-nav.show form{
display: flex;
}
.search-div form#yith-ajaxsearchform > div{
display: grid;
grid-template-columns: 1fr 0.5fr;
}
.woocommerce-products-header__title.page-title{
font-size: 42px;
}
.woocommerce-message{
display: none;
}
.shop_table .product-name{
display: flex;
align-items: center;
margin: 0;
border-spacing: 0;
border: 1px solid #999CA6;
padding-right: 10px;
font-size: 12px;
}
.shop_table .product-name img{
width: 110px;
height: 110px;
object-fit: scale-down;
align-self: center;
}
.shop_table .product-name .ywp-product-image{
border-right: 1px solid #999CA6;
margin-right: 10px;
width: 150px;
height: 130px;
display: flex;
}
.shop_table thead{
display: none;
}
.shop_table tfoot{
display: none;
}
.woocommerce-order-received .cart-form-inner{
border: 1px solid #999CA6;
padding: 10px
}
.woocommerce-order-received .cart-form-inner:nth-child(odd) div:last-child{
display: flex;
grid-gap: 10px;
flex-direction: column;
}
.woocommerce-order-received .cart-form-inner:nth-child(odd){
border-top: none;
}
.woocommerce-order-received .cart-form-inner div:last-child{
display: grid;
grid-template-columns: 1fr 1fr;
width: fit-content;
grid-gap: 10px;
}
.woocommerce-order-received .cart-form-inner:last-child{
border-top: none;
display: none;
}
.woocommerce-order-received .cart-form-inner p{
margin-bottom: 0;
}
p.woocommerce-thankyou-order-received{
font-size: 27px;
margin-bottom: 10px;
font-weight: 500;
font-family: unset;
}
.woocommerce-thankyou-order-details li{
font-size: 12px;
}
.product-images-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.product-images-wrapper-item{ width: 100%;
height: 360px
}
.product-images-wrapper-item img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.yith-wcqv-wrapper{
height: auto !important;
}
.shop_table tbody{
display: flex;
grid-gap: 10px;
flex-wrap: wrap;
}
.product-gallery-slider::before{
content: '';
position: absolute;
background: url(//bestart.uz/wp-content/themes/bestart/img/hand.png) center no-repeat;
background-size: contain;
width: 55px;
height: 55px;
z-index: 2;
bottom: 30px;
right: 10px;
animation: swipe 1.25s ease-out infinite;
}
@keyframes swipe{
0%{
transform: translateY(100px);
}
20%{
transform: translateY(60px);
}
100%{
transform: translateY(0px);
}
} 
.quick-con-wrap .product-text-content-table-el p{
font-size: 14px;
}
form.checkout input{
font-size: 14px;
color: #000;
}
form.checkout input::placeholder{
font-size: 14px;
color: #828282;
}
form.checkout textarea{
font-size: 14px;
color: #000;
padding: 10px;
}
form.checkout textarea::placeholder{
font-size: 14px;
color: #828282;
}
.cart-form-inner div a{
color: #999CA6;
transition: all 0.5s ease;
}
.cart-form-inner div a:hover{
color: #FFD600;
}
.woocommerce-product-gallery__image{
height: 100%;
}
form.checkout{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
form.checkout .cart-form-inner{
grid-template-columns: 1fr;
}
form.checkout .woocommerce-additional-fields{
margin-top: 10px;
}
form.checkout button{
margin-top: 10px;
}
.single-product .fancybox-image, .fancybox-spaceball{
transform: scale(1.2);
}
.single-product .fancybox-button svg path{
fill: #FFD600;
}
#yith-quick-view-close {
color: #222222;
}
.serv-page-inner div{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
}
.main-serv-item div{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
}
.faq-wrapper.mob{
display: none;
}
.yith-wcqv-head{
position: sticky;
top: 5px;
z-index: 110;
width: 100%;
}
.cart-nav{
margin-left: -10px;
}
.cart-inner-item-kol .quantity{
display: flex;
border: 0.5px solid #f8f8f8;
background: #f8f8f8;
border-radius: 28px;
align-items: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.cart-inner-item-kol button.minus{
background: unset;
border: none;
}
.cart-inner-item-kol button.plus{
background: unset;
border: none;
}
.cart-inner-item-kol input{
border: unset;
text-align: center;
background: #f8f8f8;
}
.cart-inner-item-kol input.plus{
padding: 10px 0px;
height: 90%;
border: 1px solid #f8f8f8;
padding: 10px 0px;
background: #fff;
border-radius: 50px;
width: 90%;
}
.cart-inner-item-kol input.minus{
padding: 10px 0px;
height: 90%;
border: 1px solid #f8f8f8;
padding: 10px 0px;
background: #fff;
border-radius: 50px;
width: 90%;
}
.main-a{
}
.main-b{
display: none;
}
.main-c{
display: none;
}
.main-d{
display: none;
}
.main-e{
display: none;
}
.main-f{
display: none;
}
#button.show {
opacity: 1;
visibility: visible;
right: 30px;
}
#button {
display: inline-block;
background-color: #FFD600;
width: 50px;
height: 50px;
text-align: center;
border-radius: 100%;
position: fixed;
bottom: 30px;
right: -70px;
transition: right 0.8s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: 1000;
box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
}
#button svg {
margin-top: 10px;
height: 24px;
transition: all 0.3s ease;
animation: bounce 0.6s;
animation-direction: alternate;
animation-iteration-count: infinite;
}
#button:hover {
cursor: pointer;
}
#button:hover svg{
margin-top: 0px;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
right: 30px;
}
@keyframes bounce {
from { transform: translate3d(0, 0, 0);     }
to   { transform: translate3d(0, 7px, 0); }
}
.products-n-wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin-top: 30px;
}
.products-n-inner{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.products-n-item{
height: 100%;
min-height: 350px;
position: relative;
transition: all 0.5s ease;
border: 1px solid transparent;
}
.products-n-item:hover{
border: 1px solid #FFD600;
background-position: left center !important;
}
.products-n-inner .products-n-item:last-child:hover{
background-position: top center !important;
}
.products-n-a-item:hover{
background-position: top center !important;
}
.products-n-item::before{
background: #FFD600;
opacity: 0;
transition: all 0.5s ease;
height: 100%;
width: 100%;
position: absolute;
content: '';
}
.products-n-f-item{
grid-column-start: 1;
grid-column-end: 3;
min-height: 250px;
}
.products-n-inner .products-n-item:last-child{
min-height: 250px;
}
.products-n-a-item{
height: 174%;
}
.products-n-item:hover p{
bottom: 50px;
}
.products-n-item p{
position: absolute;
bottom: 10px;
margin-bottom: 0;
left: 10px;
color: #fff;
transition: all 0.5s ease;
}
.preloader-div{
position: fixed;
width: 100%;
height: 100vh;
z-index: 111;
background: #000;
animation: preload-a 1.5s ease forwards 4s;
}
.preload-svg{
animation: spin 2s linear infinite;
}
@keyframes spin {
to { 
transform: rotate(-360deg);
}
}
@keyframes preload-a{
from {
opacity: 1;
}
to {
opacity: 0;
z-index: -1;
pointer-events: none;
}
} .reviews-rche .revs-item{
height: 100%;
}
.woocommerce-ordering{
display: none;
}
.form-wppp-select.products-per-page{
float: unset !important;
width: fit-content;
margin-top: 15px;
margin-left: auto !important;
}
.form-wppp-select.products-per-page select{
padding-right: 30px;
background-color: #F8F8F8;
border-color: #F8F8F8;
color: #7E878D;
font-weight: 400;
font-size: 16px;
}
.product-files-inner a svg{
width: 40px;
height: 40px;
}
.product-files-inner a{
display: flex;
grid-gap: 5px;
}
.product-files-inner a p{
margin-bottom: 0;
color: #FFD600;
font-weight: 700;
transition: all 0.5s ease;
}
.product-files-inner a:hover p{
color: #bdbdbd;
}
.product-files-inner a p span{
font-weight: 400;
color: #bdbdbd;
text-transform: uppercase;
}
.product-files-inner a svg path{
stroke: #FFD600;
transition: all 0.5s ease;
}
.product-files-inner a:hover svg path{
stroke: #bdbdbd;
}
.product-files-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px 0px;
margin-top: 30px;
}
.product-rasw-img{
margin-top: 30px;
}
.product-rasw-img img{
width: 100%;
height: auto;
}
.term-gorodskiye-svetilniki .catalog-side-item-inner-el.gorodskiye-svetilniki{
color: #FFD600;
}
.term-liustry .catalog-side-item-inner-el.liustry{
color: #FFD600;
}
.term-klassicheskiye-svetilniki .catalog-side-item-inner-el.klassicheskiye-svetilniki{
color: #FFD600;
}
.term-parkovye-svetilniki .catalog-side-item-inner-el.parkovye-svetilniki{
color: #FFD600;
}
.term-landshaftnye-svetilniki .catalog-side-item-inner-el.landshaftnye-svetilniki{
color: #FFD600;
}
.term-gruntovye-svetilniki .catalog-side-item-inner-el.gruntovye-svetilniki{
color: #FFD600;
}
.term-fasadnye-svetilniki .catalog-side-item-inner-el.fasadnye-svetilniki{
color: #FFD600;
}
.term-ulichnye-konsolnye-svetilniki .catalog-side-item-inner-el.ulichnye-konsolnye-svetilniki{
color: #FFD600;
}
.term-svetilniki-s-solnechnoi-paneliu .catalog-side-item-inner-el.svetilniki-s-solnechnoi-paneliu{
color: #FFD600;
}
.term-bnl-osvewenie .catalog-side-item-inner-el.bnl-osvewenie{
color: #FFD600;
}
.product-wrapper .product-text-content-end .button:first-child{
grid-row: unset;
grid-column-start: unset;
grid-column-end: unset;
}
.product-wrapper .product-text-content-end a{
width: 100%;
}
.product-wrapper .product-text-content-end a.button{
width: 100%;
}
.product-wrapper .product-text-content-end .button{
background: #FFD600;
border: 1px solid #FFD600;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-wrapper .product-text-content-end .button:first-child{
border-radius: 0;
}
.product-wrapper .product-text-content-end .button:last-child {
background: #F0AD00;
}
#orderclick .modal-body form{
margin: 0px 50px;
padding-bottom: 20px;
}
#orderclick .modal-body form .form p{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
#orderclick .modal-header{
align-items: center;
}
#orderclick .modal-header h3{
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
#orderclick .modal-header .close{
width: fit-content;
}
#orderclick .modal-dialog{
max-width: 700px;
}
.product-wrapper .product-text-content-end .button:last-child { width: 100%;
}
#downloadcatalog .modal-body form{
margin: 0px 50px;
padding-bottom: 20px;
}
#downloadcatalog .modal-body form .form p{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
#downloadcatalog .modal-header .close{
width: fit-content;
}
#downloadcatalog .modal-header{
align-items: center;
}
#downloadcatalog .modal-header h3{
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
#downloadcatalog .modal-dialog{
max-width: 700px;
}
.woocommerce-form-coupon-toggle{
display: none;
}
.woocommerce-table__product-name.product-name{
border: unset;
}
.woocommerce-table__product-name.product-name a{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
}
.woocommerce-column--billing-address .woocommerce-column__title{
display: none;
}
.woocommerce-column--billing-address address{
display: grid;
grid-template-columns: 1fr 1fr;
padding: 15px;
border: 2px solid #FFD600;
}
.woocommerce-column--billing-address address .woocommerce-customer-details--email{
grid-column: 2;
margin-top: -70px;
}
.woocommerce-column--shipping-address{
display: none;
}
.woocommerce-column--billing-address{
max-width: 100%;
padding: 0;
}
.woocommerce-billing-fields h3{
display: none;
}
.whatsapp-widjet{
position: fixed;
bottom: 50px;
left: 20px;
border: 1px solid #ffd600;
width: 60px;
height: 60px;
border-radius: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 140;
transition: all 0.5s ease;
background: #ffd600;
cursor: pointer;
}
.whatsapp-widjet-form{
display: none;
}
.whatsapp-widjet-icon{
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.whatsapp-widjet-icon svg{
fill: #fff;
width: 30px;
height: 30px;
}
.whatsapp-widjet.active{
width: 450px;
height: auto;
}
.whatsapp-widjet.active .whatsapp-widjet-icon{
display: none;
}
.whatsapp-widjet.active .whatsapp-widjet-form{
display: block;
padding: 10px;
}
.whatsapp-widjet-form form{
display: flex;
grid-gap: 10px;
}
.whatsapp-widjet-form form input{
padding: 5px 10px;
border: 1px solid #fff;
}
.whatsapp-widjet-form form .button{
font-size: 12px;
padding: 5px 20px;
background: #F15F1E;
}
.whatsapp-widjet-circle-left{
position: absolute;
width: 50%;
top: 0;
bottom: 0;
overflow: hidden;
left: 0;
}
.whatsapp-widjet-circle-left{
border: 1px solid #ffd600;
position: absolute;
top: -7px;
bottom: 0;
left: -7px;
right: 0;
background-clip: padding-box;
width: 36px;
height: 72px;
border-radius: 76px 0 0 76px;
border-right: none;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: pie-left 4s both linear infinite;
-moz-animation: pie-left 4s both linear infinite;
-ms-animation: pie-left 4s both linear infinite;
-o-animation: pie-left 4s both linear infinite;
animation: pie-left 4s both linear infinite;
}
.whatsapp-widjet-circle-right{
position: absolute;
width: 50%;
top: 0;
bottom: 0;
overflow: hidden;
right: 0;
}
.whatsapp-widjet-circle-right{
border: 1px solid transparent;
position: absolute;
top: -7px;
bottom: 0;
left: 0;
right: -7px;
background-clip: padding-box;
width: 36px;
height: 72px;
border-radius: 76px 0 0 76px;
border-right: none;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: pie-right 4s both linear infinite;
-moz-animation: pie-right 4s both linear infinite;
-ms-animation: pie-right 4s both linear infinite;
-o-animation: pie-right 4s both linear infinite;
animation: pie-right 4s both linear infinite;
}
@keyframes pie-left {
0% {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
10% {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
20% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
30% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
40% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
}
.whatsapp-widjet.active .whatsapp-widjet-circle-left{
display: none;
}
.whatsapp-widjet.active .whatsapp-widjet-circle-right{
display: none;
}
.whatsapp-widjet-form p{
font-size: 12px;
margin-bottom: 8px;
}
.whatsapp-widjet-close{
z-index: 27;
position: absolute;
top: 0;
right: 0;
background: #fff;
width: 25px;
height: 25px;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: all;
transform: rotate(135deg);
opacity: 0;
cursor: pointer;
}
.whatsapp-widjet-close span{
font-size: 18px;
color: #F15F1E;
}
.whatsapp-widjet.active .whatsapp-widjet-close{
opacity: 1;
}
.b24-widget-button-position-bottom-right {
right: 20px;
bottom: 100px;
}
form button.form-btn{
display: flex !important;
align-items: center;
justify-content: center;
}
form button.form-btn.active{
grid-gap: 8px;
}
.form-btn.active:after {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 0;
border-radius: 50%;
border: 3px solid #fff;
border-color: #fff transparent #fff transparent;
animation: ring 1.2s linear infinite;
}
@keyframes ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.th-wrapper{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.th-inner{
display: flex;
align-items: center;
flex-direction: column;
}
.wpcf7 form.sent .wpcf7-response-output{
display: none;
}
.woocommerce-order-details .woocommerce-table__product-total{
display: none;
}
abbr.required {
border: none !important;
text-decoration: none !important;
position: absolute;
left: 0;
color: red;
}
.woocommerce-billing-fields__field-wrapper .form-row label{
padding-left: 8px;
position: relative;
}
#cartquest .modal-body form{
margin: 0px 50px;
padding-bottom: 20px;
}
#cartquest .modal-body form .form p{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
#cartquest .modal-header{
align-items: center;
}
#cartquest .modal-header h3{
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
#cartquest .modal-header .close{
width: fit-content;
}
#cartquest .modal-dialog{
max-width: 700px;
}
.woocommerce-billing-fields__field-wrapper .form-row span.optional{
display: none;
}
.red-in input{
border-color: red;
}
.red-in input:focus{
border-color: #000;
}
.red-in input:not(:placeholder-shown){
border-color: #000;
}
.about-h2{
line-height: 60px;
}
.revs-end-wrapper{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
grid-gap: 100px;
}
.revs-end-wrapper p{
margin-bottom: 0;
font-size: 14px;
color: #777777;
}
.revs-end-wrapper .swiper-pag.revs .swiper-pagination-progressbar{
width: 100%;
}
.revs-slider img{
width: 100%;
height: 100%;
}
.cont-div .sub-menu{
display: none;
}
.foot-cont .sub-menu{
display: none;
}
.m-tog-ul .sub-menu{
padding: 0;
margin-left: 0;
}
.wpcf7-form-control.wpcf7-acceptance span{
margin-left: 0;
}
.wpcf7-form-control.wpcf7-acceptance span label{
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 10px;
font-size: 12px;
}
.portfolio-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 20px;
}
.portfolio-img{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #131210;
padding: 75px 0px;
transition: all 0.5s ease;
}
.portfolio-img img{
height: 170px;
width: 160px;
}
.portfolio-item:first-child .portfolio-img img{
width: 175px;
}
.portfolio-p{
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
margin-top: 15px;
transition: all 0.5s ease;
}
.portfolio-item:hover .portfolio-img{
border-color: #FFD600;
}
.portfolio-item:hover .portfolio-p{
color: #FFD600;
}
.port-cat-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 30px;
}
.port-cat-desc{
margin-top: 30px;
width: 100%;
}
.port-cat-item-img img{
height: 388px;
width: 100%;
object-fit: cover;
}
.port-cat-item p{
margin-top: 20px;
font-weight: 700;
}
.port-filtr-div{
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
}
.port-filtr-div p{
margin-bottom: 0;
width: 100%;
}
.port-filtr-div select{
font-weight: 700;
background-size: 10px;
background-position-x: 90%;
padding: 10px 15px;
color: #FFD600;
width: fit-content;
padding-right: 30px;
}
.port-cat h1{
font-size: 56px;
}
.port-filtr-div select option:checked{
color: #FFD600;
}
.port-filtr-div select option{
color: #131210;
}
.port-single-inner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-top: 20px;
}
.port-single-inner img{
width: 100%;
height: 388px;
object-fit: cover;
} .accor-top {
display: flex;
width: 100%;
background: transparent;
border: none !important;
outline: none !important;
}
.accordion-l {
width: 30%;
font-family: GothamPro;
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #131210;
text-align: left;
}
.accordion-r {
width: 80%;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #131210;
text-align: left;
}
.difl {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.ac-pol {
width: 80%;
font-family: GothamPro;
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #131210;
}
.ac-desc {
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #131210;
margin-top: 40px;
}
.accordion { }
.accor-pod{
font-family: GothamPro;
font-weight: 700;
color: #333;
font-size: 18px;
background: transparent;
border: none !important;
outline: none !important;
text-align: left;
}
.accordion-item { padding-block: 25px;
}
.seo-desc-no{display:none;}
.seo-desc-no.show{display:block;}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
.quotes{
display: none;
}
.product-cat-desc-wr{
margin-top: 20px;
}
.product-cat-desc-wr {
h1, h2, h3, h4, h5, p:first-child {
font-size: 32px;	
}
}
.product-cat-desc-wr ul {
margin-left: 0;
}
.product-cat-desc-wr ol {
margin-left: 0;
}
.product-text-content-end .card-product__cost-cost{
display: block;
font-family: GothamPro;
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: #131210;
}
.product-text-content-end .card-product__cost-cost::after{
content: '\20B8';
font-family: GothamPro;
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: #131210;
} .search-wrap-cat {
transition: all 0.5s ease;
background: #FFD600;
margin-top: -20px;
width: 100%;
opacity: 1;
height: auto;
pointer-events: all;
margin-top: 0px;
padding: 40px;
}
.search-wrap-cat input{
border-color: transparent;
}
#head_cat svg{
fill: black;
}
.tel-widjet{
position: fixed;
background: #FFD600;
width: 50px;
height: 50px;
bottom: 140px;
right: 60px;
display: none;
justify-content: center;
align-items: center;
z-index: 3;
border-radius: 50%;
box-shadow: 0 0 0 rgba(255, 214, 0, 0.4);
animation: pulse 2s infinite;
transition: all 0.5s ease;
}
.widjet-div:hover{
transform: unset;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 214, 0, 0.52);
}
70% {
-webkit-box-shadow: 0 0 0  20px rgba(255, 214, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 214, 0, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 214, 0, 0.52);
box-shadow: 0 0 0 0 rgba(255, 214, 0, 0.52);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(255, 214, 0, 0);
box-shadow: 0 0 0 20px rgba(255, 214, 0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 214, 0, 0);
box-shadow: 0 0 0 0 rgba(255, 214, 0, 0);
}
}
.product-information-sec{
display: none;
}
.card-product__cost-cost text-big text-bold text-dark{
opacity: 0;
}
#callorder-modal .modal-header .close{
width: fit-content;
align-self: end;
}
.callorder-btn{
width: 100px;
height: 100px;
position: fixed;
bottom: 20px;
right: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: 14px;
z-index: 10;
}
.widjet-def{
transition: all 0.5s ease;
transform: translate(0px, 47px);
display: none;
}
.widjet-div{
position: fixed;
width: 35px;
height: fit-content;
padding: 10px 0px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
border-radius: 6px 0px 0px 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 100;
overflow: hidden;
grid-gap: 15px;
}
.widjet-a{
cursor: pointer;
}
.widjet-a svg{
transition: all 0.5s ease;
width: 25px;
height: 25px;
}
.widjet-a:hover svg{ transform: scale(1.1);
}
#callorder-modal .modal-body form{
margin: 0px 50px;
padding-bottom: 20px;
}
#callorder-modal .modal-body form p{
display: flex;
flex-direction: column;
grid-gap: 20px;
}
#callorder-modal .modal-header .close{
width: fit-content;
}
#callorder-modal .modal-header{
align-items: center;
}
#callorder-modal .modal-header h3{
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
#callorder-modal .modal-dialog{
max-width: 700px;
}
.main-btns-title{
font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
width: 64%;
}
.quotes-bottomm {
margin-top: 30px;
font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 20px;
}
.main-cats-list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background: #1c1c1c;
padding: 25px;
grid-gap: 25px;
position: relative;
z-index: 10;
.title-h2 {
font-size: 36px;
color: #fff;
grid-column: span 3;
}
.product-cart {
background-color: #fff;
}
}
.main-cats-list-item{
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
grid-gap: 0;
position: relative;
.fulllink {
position: absolute;
inset: 0;
z-index: 5;
}
}
.main-cats-list-item-icon{
margin-top: 30px;
transition: all 0.4s ease;
}
.main-cats-list-item-icon{
height: 212px;
width: 100%;
}
.main-cats-list-item-icon img{
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: bottom;
}
.main-cats-list-item-icon svg path{
transition: all 0.4s ease;
fill: #000;
}
.main-cats-list-item-icon svg g path{
stroke: #000;
fill: white;
}
.main-cats-list-item-icon svg mask path{
stroke: #000;
fill: white;
}
.main-cats-list-item-link{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-family: 'GothamPro';
font-size: 16px;
color: #000;
transition: all 0.4s ease;
padding: 15px 10px;
border-top: 1px solid #000;
h3 {
font-size: 18px;
}
}
.main-cats-list-item-link svg path{
transition: all 0.4s ease;
fill: #000;
}
.main-cats-list-item::before{
content: '';
position: absolute;
width: 323px;
height: 255px; background-size: contain;
bottom: -60px;
left: -99px;
z-index: -1;
opacity: 0;
transition: all 0.4s ease;
}
.main-cats-list-item:hover::before{
opacity: 1;
}
.main-cats-list-item:hover .main-cats-list-item-link{
color: #ffd600;
}
.main-cats-list-item:hover .main-cats-list-item-link svg path{
fill: #ffd600;
}
.main-cats-list-item:hover .main-cats-list-item-icon svg path{
fill: #ffd600;
}
.main-cats-list-item:hover .main-cats-list-item-icon{
transform: rotatey(180deg);
}
.main-cats-list-item-icon svg{
width: 86px;
height: 72px;
}
.product-wrapper.agsk-desc-wr .product-text-content-table{
display: none;
} .product_type_simple{
font-family: GothamPro;
font-size: 16px;
font-weight: 400;
color: #131210;
border: 1px solid #FFD600;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
padding: 8px 0px;
background: #FFD600;
cursor: pointer;
transition: all 0.5s ease;
width: 100%;
text-transform: unset;
} 
.product_type_simple{
background: url(//bestart.uz/wp-content/themes/bestart/img/cart.svg) center right 78px no-repeat;
background-size: 18px;
background-color: #ffd600;
justify-content: left;
padding-left: 78px;
}
.cat-files-list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin: 20px 0px;
}
.cat-files-list-item{
background: #F8F8F8;
padding: 20px;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.cat-files-list-img{
width: 100%;
height: 300px;
overflow: hidden;
}
.cat-files-list-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s ease;
}
.cat-files-list-item:hover{
text-decoration: unset;
}
.cat-files-list-item:hover .cat-files-list-img img{
transform: scale(1.1);
}
.cat-files-list-con p{
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
color: #131210;
cursor: pointer;
transition: all 0.5s ease;
margin-bottom: 0;
}
.cat-files-list-item:hover .cat-files-list-con p{
color: #FFD600;
}
.sert-div {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.sert-div img {
width: 100%;
max-height: 350px;
}
.prod-hit{
position: absolute;
top: 50px;
background: rgba(50, 205, 50, 0.7);
border-radius: 6px;
color: white;
font-size: 12px;
padding: 3px 8px;
backdrop-filter: blur(4px);
border: 1px solid rgba(50, 205, 50, 1);
}
.tax-product_cat .content-cat-title{
display: block;
}
.content-cat-title{
display: none;
position: absolute;
}
@media all and (max-width: 768px){
h1.pol-title {
font-size: 24px;
}
.prod-hit{
border-radius: 5px;
font-size: 10px;
padding: 2px 5px;
top: 40px;
}
.content-cat-title{
position: unset;
}
}
.main__video {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.main__video::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(19, 18, 16, 0.24) 0%, #131210 105.94%);
}
.main__video video {
display: block;
width: 100%;
min-width: 100%;
height: 100%;
object-fit: cover;
}
.main-services
{
position: relative;
background: #131210;
padding: 100px 0;
margin: 0;
}
.port-vids{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px;
}
@media all and (max-width: 768px){
.port-vids{
grid-template-columns: 1fr;
}
}
.product-cart-price {
text-align: center;
}
.text-page-content {
h2, h3, h4, h5, h6 {
padding-block: 20px;
}
ul, ol {
margin: 0;
}
}
@media (max-width: 567px) {
.text-page-content {
h2, h3, h4, h5, h6 {
font-size: 20px;
}
}
}
.policy-links-footer {
display: flex;
justify-content: space-between;
gap: 20px;
li {
list-style: none;
}
a {
pointer-events: all;
font-family: GothamPro;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff;
transition: all 0.2s ease;
text-transform: uppercase;
text-wrap: nowrap;
}
margin: 0;
padding: 0;
}
@media (max-width: 1199px) {
.policy-links-footer {
display: grid;
grid-template-columns: repeat(2, 1fr);
li:nth-child(2n) {
text-align: right;
}
}
}
@media (max-width: 767px) {
.policy-links-footer {
grid-template-columns: 1fr;
a {
font-size: 14px;
}
li:nth-child(2n) {
text-align: left;
}
}
}