/**************************************
************header bl #1*************
***************************************/
.navbar{background-color: rgba(0, 0, 0, 0); }
/*.slider1{ background: linear-gradient(271.89deg, #01DB8D -6.45%, #01F0FF 110.74%);}*/
html{
overflow-x: hidden;
}
/*@import url('https://fonts.googleapis.com/css?family=Electrolize&display=swap');*/
/*font-family: 'Bai Jamjuree', sans-serif;*/
/**/
/**/
input:focus { outline: none; }
body{
background-color: #fff;
zoom: 0.8!important;
-moz-transform: scale(0.8)!important;
}
a, a:hover, a:focus, a:active, button, button:focus, button:active { outline: none !important}
.new_bar2>.nav-item>.nav-link{
color: #fff;
font-weight: 300;
width: 100%;
}
.nav-tabs .nav-link {
border: 1px solid #dad6d6 !important;
border-radius: 1.5rem!important;
margin: 0 5px;
}
.btn-success {
color: #fff;
/* background-color: #28a745; */
/* border-color: #28a745; */
margin: 15px 0px;
/* padding: 0px; */
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
border: 0px;
max-height: 36px;
border-radius: 5px;
}
.lenta {
color: #fff;
background-color: red;
font-size: 12px!important;
font-weight: 400;
padding: 2px;
/*position: absolute;*/
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #495057;
/* background-color: #e9486d; */
border-color: #dee2e6 #dee2e6 #fff;
color: #fff;
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
font-weight: 800;
}
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,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
/*
.slider1{background-color: #691ACE!important;}
.slider2{background-color: #fff!important;}
.slider3{background-color: #fff!important;}*/
/**/
.wr-present{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 50%;
margin-left: 10px;
}
.wr-present2{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 0%;
margin-left: 10px;
z-index: 1111
}
.img-present{
width: 100px;
height: 100px;
border-radius: 4px;
}
.txt-present{
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
text-align: center;
justify-content: center;
color: #fff;
padding: 5px;
}
/*new start*/
.colorast{
background: #fff!important;
color: #40bfff!important;
font-weight: 800!important;
}
.wr_clik:hover{
background: linear-gradient(45deg, #2196f3 0%, #4caf50 100%) rgb(236, 103, 77);
transition: 1s;
}
.new-btm-v2{
}
.doctor-tovar {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #40bfff;
border-radius: 1rem;
}
.text_head-new{
font-size: 32px;
font-family: "Bai Jamjuree", sans-serif;
font-weight: 600;
text-align: center;
width: 100%;
}
.wr_clik2 {
font-size: 18px;
margin-top: 15px;
font-weight: 400;
background: linear-gradient(
45deg
, #e94273 33%, #ec664e 66%, #ec664d);
-webkit-background-clip: text;
/* -webkit-text-fill-color: transparent; */
font-weight: 500;
background: linear-gradient( 45deg , #4caf50 0%, #03a9f4 100%) rgb(236, 103, 77);
border: 0px;
border-radius: 0px;
/* min-width: 110px; */
border-radius: 1.5rem;
padding: 10px 15px;
/* min-width: 72%;*/
color: #fff!important;
}
.wr_clik2:hover{
/*font-size: 14px;*/
cursor: pointer;
}
button.btn.btn-outline-secondary{
/*background: #40BFFF!important;*/
border: 1px solid #CACACA!important;
border-radius: 1rem!important;
}
.doctor-tovar:hover{
background: #f3f3f3;
}
.prise-item{
font-size: 1.8rem;
font-weight: 600;
color: ;
}
.prise-item-doll{
font-size: 1.5rem;
font-weight: 400;
color: #40BFFF;
}
.doctor-img{
width: 100px!important;
border-radius: 1rem;
}
.wr-cart-new {
display: flex;
width: calc(100% - 110px) !important;
flex-wrap: wrap;
justify-content: center;
}
/**/
.imgflot{
/*height: 320px;*/
max-width: 974px;
text-align: center;
margin: 0 auto;
}
.wr-banner-cat{
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 20px;
/*text-align: center;*/
padding: 0px 20px 0px 20px;
}
.onlimob{
display: none;
}
/**/
.wr-left-icon{
background: linear-gradient(68.17deg, #691ACE 0%, #32589C 100%);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 20px;
/*text-align: center;*/
padding: 50px 20px 0px 20px;
}
.text1v{
font-weight: 400;
color: #fff;
font-size: 45px;
text-align: center;
}
.text2v{
font-weight: 400;
color: #fff;
font-size: 30px;
text-align: center;
}
.wr-left-icon2{
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 20px;
/*text-align: center;*/
padding: 50px 20px 0px 20px;
}
.text1v-2{
font-weight: 400;
font-size: 45px;
text-align: center;
}
.text2v-2{
font-weight: 400;
font-size: 30px;
text-align: center;
}
.bg-img-pl{
background-image: url(../img/limg.png);
width: 100%;
height: 260px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-pl2{
background-image: url(../img/cas.png);
width: 100%;
height: 260px;
background-repeat: no-repeat;
background-position: bottom;
}
.section-bg {
margin-top: 90px;
background: linear-gradient(272.22deg, #FB019E 0%, #9501FB 100%);
}
.kub-p {
font-style: normal;
font-weight: 500;
font-size: 55px;
line-height: 82px;
color: #FFFFFF;
}
.p-text-k {
font-style: normal;
font-weight: 300;
font-size: 18px;
color: #FFFFFF;
}
.kub-img {
position: relative;
top: -120px;
max-width: 600px;
}
/*new and*/
.btn-primary {
color: #fff;
max-height: 60px;
background: #40BFFF;
border-radius: 70px;
border-color: #40BFFF;
padding: 10px;
width: 80%;
}
.btn-primary2 {
color: #fff;
/*background-color: #0071e3;*/
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
/*border-color: #007bff;*/
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
border: 0px;
border-radius: 0px;
/*min-width: 110px;*/
/*max-height: 36px;*/
border-radius: 5px;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
font-family: 'Bai Jamjuree', sans-serif;
/* list-style-type: none; */
font-size: 20px;
color: #000;
font-weight: 300;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
background: #40BFFF!important;
border: 1px solid #CACACA!important;
border-radius: 1rem!important;
}
.imas{
margin-bottom: 0px; padding: 0px 0px 0px 0px;
}
.slider1{
/*background-image: url(../img/xr.png);*/
background-image: url(../img/b222.jpg);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider2{
background-image: url(../img/b111.jpg);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider3{
background-image: url(../img/b333.jpg);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider4{
background-image: url(../img/11pro.png);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider5{
/*background-image: url(../img/b222.jpg);*/
background-image: url(../img/xr.png);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider6{
background-image: url(../img/11.png);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider7{
background-image: url(../img/88.png);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider8{
background-image: url(../img/nau.png);
height: 50vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider9{
background-image: url(../img/w1.png);
height: 300px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.wrwr{display: block;}
.mob{display: none;}
.categoryBanner{
display: none;
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: #fff;
}
.wr_categ_bl55{
/*max-height: 160px;*/
}
.wr_block_catalog55{
background: #fff;
/*border: 1px solid #fff;*/
padding: 15px;
}
.mob_logo{
margin: 5px;
height: 45px;
}
.wwb{
border-bottom: 1px solid #30303012;
}
.wwl{
margin-top: 5px;
font-weight: 200;
}
/****************menu******************/
header{
/*height: 65px;*/
background-color: #fff;
color: #000;
height: 120px;
}
.wr_nav{
}
.wr70{
height: 70px;
}
.wr_sh{
height: 35px;
background-color: #EAEAEA;
margin-left: 0rem;
border-radius: 7px;
border: 1px solid #EAEAEA;
}
.br_0{
border: none;
color: rgb(233 69 111);
}
.wr_catalog{
/*height: 60px;*/
background: #fff;
border-bottom: 1px solid #6666661f;
}
.wr_li>a{
/*font-family: Open Sans;*/
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
/*font-weight: 600;*/
font-size: 14px;
color: #000;
padding-top: 5px;
/*line-height: 19px;*/
}
#webg{
background-color: #fff;
}
.bg-light {
background-color: #000 !important;
}
.wtel{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
color: #000;
}
.wtel2{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
/*font-weight: 600;*/
font-size: 16px;
color: #000;
font-family: "Bai Jamjuree", sans-serif;
font-style: normal;
font-size: 16px;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.wr_ul{
/*margin-top: 5px;*/
margin-bottom: 0px;
margin: 5px 0px;
}
.wr_li{
position: relative;
display: block;
padding: 0.5rem 1.25rem;
margin-bottom: -1px;
/*background-color: #fff;*/
border-right: 1px solid #C4C4C4;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
}
.wr_li>a:hover{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
2
color: #666;
text-decoration: none;
}
.card-img-top{
width: 100%;
}
.card-title{
font-size: 1.1rem;
font-weight: 200px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
}
.wrsum{
font-size: 1.6rem;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
color: #000;
margin-top: 6px;
font-weight: 600;
text-align: center;
}
.priceStart{
text-align: center;
}
.title-height{
max-height: 30px;
}
.wroldsum{
text-decoration: line-through;
font-size: 0.9rem;
color: #C4C4C4;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
height: 0px;
position: relative;
top: -15px;
text-align: center;
}
.mark_new{
display: inline-block;
background: linear-gradient(185.41deg, #00B247 0.01%, #05C451 99.99%);
color: #fff;
padding: 1px 10px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
left: 21px;
top: 5px;
border-radius: 16px;
}
.mark_new2{
width: 0;
height: 0;
border-top: 10px solid #45b849;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 22px;
display: none;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0rem 0rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
/*хит*/
.hit_new{
display: inline-block;
background: linear-gradient(90deg, #FFAA00 0%, #FFC34B 100%);
color: #fff;
padding: 1px 10px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
left: 21px;
top: 5px;
border-radius: 16px;
}
.hit_new2{
width: 0;
height: 0;
border-top: 10px solid #f2ac12;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 22px;
display: none;
}
.wr_menu_sub1{
width: 960px;
}
/*акция*/
.sale_new{
display: inline-block;
background: linear-gradient(208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
left: 21px;
top: 5px;
border-radius: 16px;
}
strong{
/* font-weight: 100;*/
}
.sale_new2{
width: 0;
height: 0;
border-top: 10px solid #ca2500;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 22px;
display: none;
}
.markdown_new{
display: inline-block;
background: linear-gradient(208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
left: 21px;
top: 5px;
border-radius: 16px;
}
strong{
/* font-weight: 100;*/
}
.markdown_new2{
width: 0;
height: 0;
border-top: 10px solid #ca2500;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 22px;
display: none;
}
.card-title{
text-align: center;
color: #000;
}
.btn-primary{
margin:5px 0px;
}
.wrprise{
/*margin-bottom: 10px;*/
}
.cart2 {
border: 1px solid #ffffff;
padding: 0px;
background: #fff;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
margin-bottom: 22px;
}
.cart {
padding: 0px;
min-height: 450px;
max-height: 450px;
display: flex;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 20px;
}
.cart:hover{
/*border: 1px solid #6d6d6d;*/
border: 1px solid rgb(64 191 255);
/*padding: 0px;*/
}
button.btn.btn-primary.col-6.justify-content-center.d-xl-flex.d-lg-flex.d-none.d-sm-none.d-md-none {
top: 15px;
position: relative;
right: 5px;
/* z-index: 11111111; */
}
.cart>img{
padding: 15px 55px 5px 55px;
object-fit:contain;
max-height: 230px;
}
.text_head{
font-size: 48px;
margin: 30px auto;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
/*background: linear-gradient(45deg, #8BC34A 33%, #599d2e 66%, #599d2e);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 0px;
font-weight: 400;
background: linear-gradient(45deg, #000 33%, #000000 66%, #000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: fixed;
left: 0px;
right: 0px;
/* top: 137px; */
width: 1027px;
border-radius: 0px;
/*border: 1px solid #000;*/
border-top: 0px;
border-radius: 0px 0px 6px 6px;
/* top: 6px; */
}
.nav-tabs {
border-bottom: none!important;
}
a.nav-link3.active {
color: #000;
}
.txt_footer{
font-size: 28px;
margin: 30px auto;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
}
.btn-primary{
font-family: 'Bai Jamjuree', sans-serif;}
.btn-success{
font-family: 'Bai Jamjuree', sans-serif;
margin:15px 0px 15px;
}
.txt_cat{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 44px;
margin-top: 15px;
color: #000;
}
.wrcat {
background-color: rgb(255 255 255);
min-height: 373px;
border-radius: 7px;
transition: 0.4s;
}
.cat_p>a{
text-decoration: none;
}
.cat_p>.wr_wr_cat>a{
opacity: 1;
padding: 2px;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
/*min-height: 320px;*/
background-color: #fff;
}
.cat_p>.wr_wr_cat>a:hover{
text-decoration: none;
opacity: 0.8;
}
.wr_wr_cat{
margin-top: 10px;
}
/*.wr_wr_cat:nth-child(1) {
flex-basis: 69%;
}
.wr_wr_cat:nth-child(2) {
flex-basis: 30%;
}
.wr_wr_cat:nth-child(4) {
flex-basis: 69%;
}
.wr_wr_cat:nth-child(3) {
flex-basis: 30%;
}
.wr_wr_cat:nth-child(5) {
flex-basis: 69%;
}
.wr_wr_cat:nth-child(6) {
flex-basis: 30%;
}
*/
.d-flex.flex-column.justify-content-between.align-items-center {
width: 100%;
}
.wrimages_cat{
width: 90%;
}
.info_txt{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
}
.info_txt>b{
margin-top: 5px;
margin-left: 0px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
}
.info_txt>p{
margin-bottom: 0px;
margin-left: 10px;
}
.wr_name_fix{
color: #000;
font-weight: 800;
}
footer{
padding-top: 30px;
background-color: #FBFAFA;
/*background: #ec674d linear-gradient(45deg,#ec674d 0%,#e94174 100%);
-webkit-box-shadow: 0px -4px 31px -4px rgba(233,69,112,1);
-moz-box-shadow: 0px -4px 31px -4px rgba(233,69,112,1);
box-shadow: 0px -4px 31px -4px rgba(233,69,112,1);*/
}
.color_f{
color:#fff;
background: #333333;
height: 30px;
}
.color_f>h6{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
font-size: 14px;
opacity: 0.6;
padding-top: 5px;
}
.foot_ul{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 800;
font-size: 20px;
color: #000;
/* list-style-type:none;
justify-content: center;*/
align-items: left;
display: flex;
}
a:hover{
color: #666;
text-decoration: none;
}
.wr_ul{
margin-left: 0px;
padding: 0px;
}
.wr_li_f{
position: relative;
display: block;
color: #000;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
list-style-type:none;
font-size: 14px;
/*margin-left: 0px;
padding-left: 10px;*/
}
.wr_li_fa>a{
position: relative;
display: block;
color: #000;
font-family: Roboto, sans-serif;
list-style-type: none;
font-size: 14px;
margin-right: 10px;
/* font-weight: 400; */
padding-right: 10px;
}
.wr_li_fa>a:hover{
position: relative;
display: block;
color: #666;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
list-style-type:none;
}
.wr_li_f>a{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
color: #000;
text-decoration: none;
font-weight: 100;
font-size: 14px;
text-decoration: none;
}
.wr_li_f>a:hover{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
color: #276e24;
text-decoration: none;
font-weight: 100;
font-size: 14px;
text-decoration:underline;
}
.wr_li_p{
position: relative;
display: block;
color: #303030;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
list-style-type:none;
font-size: 10px;
/*margin-left: 0px;
padding-left: 10px;*/
}
.wr_li_p>a{
position: relative;
display: block;
color: #303030;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
list-style-type:none;
font-size: 10px;
}
.wr_li_p>a:hover{
position: relative;
display: block;
color: #000;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
list-style-type:none;
}
#home9 img{
width: 100%;
}
.sosial>img{
width: 45px;
margin: 5px;
}
.sosial>img:hover{
max-width: 45px;
margin: 5px;
opacity: 0.6;
}
.sosial2>img{
max-width: 15px;
margin: 5px;
}
.sosial2>img:hover{
max-width: 15px;
margin: 5px;
opacity: 0.6;
}
.sosial3>img{
max-width: 30px;
margin: 5px;
}
.sosial3>img:hover{
max-width: 30px;
margin: 5px;
opacity: 0.6;
}
/**********************************/
/**********************************/
/**********************************/
/*************des*********************/
.wr-1-cat{
max-height: 280px;
width: max-content;
}
.bg-img-cat-1{
background-image: url(../img/nout.png);
width: 100%;
height: 280px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-2{
background-image: url(../img/nav.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-3{
background-image: url(../img/kol.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-4{
background-image: url(../img/godin.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-5{
background-image: url(../img/pover.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.wr-cat-bloc-1 {
/* background: linear-gradient(68.17deg, rgb(105, 26, 206) 0%, rgb(50, 88, 156) 100%);*/
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
background-image: url(/img/bg-cat.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.wr-cat-bloc-2 {
background: linear-gradient(68.17deg, rgb(142 56 251) 0%, rgb(178 105 105) 100%) center center / cover no-repeat;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
/* background-image: url(/img/bg-cat.png);*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.wr-cat-bloc-3 {
background: linear-gradient(68.17deg, rgb(142 222 255) 0%, rgb(238 244 255) 100%) center center / cover no-repeat;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
/* background-image: url(/img/bg-cat.png);*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.wr-cat-bloc-1:hover {opacity: 0.8}
.wr-cat-bloc-2:hover {opacity: 0.8}
.wr-cat-bloc-3:hover {opacity: 0.8}
.img-u{
max-height: 120px;
width: fit-content;
}
.txt-u{
font-weight: 400;
font-size: 22px;
text-align: center;
margin-top: 5px;
}
.wr-u-cover{
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
.wr-cat-bloc-x{
background-image: url(/img/bg-smart-1.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* margin-right: 10px;*/
width: 100%;
min-height: 400px;
border-radius: 15px;
}
.line-wr-x1{
display: flex;
width: 100%;
}
.line-wr-x2{
margin: 20px;
}
.line-wr-x3{
width: 100%;
position: absolute;
bottom: 0px;
display: flex;
flex-direction: row;
}
.wr-link-x>a{
border-radius: 20px;
border: 1px solid #D9D9D9;
background: #FFF;
font-size: 22px;
padding: 15px 30px;
color: #000;
width: 320px;
text-align: center;
}
.wr-link-x1{
display: flex;
justify-content: center;
width: 100%;
position: relative;
top: -20px;
}
.wr-link-x{
display: flex;
justify-content: center;
width: 100%;
position: relative;
top: 20px;
}
.wr-link-x1>a{
border-radius: 20px;
/* border: 0px solid #D9D9D9;*/
background: #FFF;
font-size: 28px;
padding: 15px 30px;
color: #000;
width: 320px;
text-align: center;
}
.text-x{
text-align: right;
color: #fff;
font-size: 22px;
margin-right: 60px;
}
.mira-g{
margin: 60px auto;
}
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
.cart1 {
border-width: 1px;
border-style: solid;
border-color: #f2f2f2;
border-image: initial;
margin-bottom: 5px;
}
.cart1 > img {
padding: 15px;
}
/* .radi{
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #fff;
border: 1px solid #666;
}*/
.color_pr2{
/*margin-left: 60px;*/
}
.color_v{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 200;
font-size: 16px;
/*opacity: 0.6;*/
}
.color_pr_tittle{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: 'Bai Jamjuree', sans-serif;*/
font-weight: 800;
font-size: 24px;
/*margin-left: 60px;*/
/*opacity: 0.6;*/
}
.wr_color_gr{
padding: 10px;
margin: 10px;
}
.name_pr{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 32px;
}
.aft_gb{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 24px;
}
.aft_pr{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 18px;
color: #666;
}
li {
list-style-type: none; /* Убираем маркеры */
}
ul {
margin-left: 0; /* Отступ слева в браузере IE и Opera */
padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
}
.status{
font-weight: 600;
color: green;
}
.werbot{
/*margin: 0px 30px;*/
}
.aft_agr{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
font-size: 16px;
color: #000;
}
.prise_sum{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 800;
font-size: 24px;
color: #007bff;
}
.wr_prise_sum{
/*margin: 30px 60px;*/
}
.wr_shop{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 400;
font-size: 20px;
line-height: 33px;
margin: 15px 0px;
}
.nav-pills .nav-link{
border: 1px solid #007bff;
border-radius: 0px;
color: #000;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*margin-right: 10px;*/
}
.weris{
background: #F2F2F2;
}
.card_img_shop{
max-width: 45px;
margin: 5px;
max-height: 45px;
}
.name{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
font-style: normal;
font-weight: 600;
font-size: 14px;
/*line-height: 1px;*/
}
.par_cart{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
font-style: normal;
font-weight: 100;
font-size: 12px;
/*line-height: 1px;*/
}
.wr_pole{
max-width: 70px;
text-align: center;
width: 60px;
}
.prise_wr_shop{
white-space: nowrap;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
}
.bot{
background: rgb(242, 242, 242);
}
/*.bot:act{
background: rgb(242, 242, 242);
}*/
.line{
background: rgb(242, 242, 242);
margin: 0px;
/*margin-right: 10px;*/
/*margin-left: 10px;*/
}
/*input {outline: 0 !important;}
.bot:active, :hover, :focus {
outline: 0;
outline:none;
outline-offset: 0;
}
button:active, button:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
}*/
.sub1{
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 20px;
color: #2E8EDB;
}
.sum{
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
font-size: 20px;
color: #2E8EDB;
}
.old_sum{
font-style: normal;
font-weight: 600;
font-size: 12px;
white-space: nowrap;
/* identical to box height */
text-decoration-line: line-through;
color: #878787;
}
.new_sub1{
font-style: normal;
font-weight: 600;
font-size: 18px;
white-space: nowrap;
color: #2E8EDB;
}
.save_money{
background: #E9E9E9;
font-weight: 600;
font-size: 14px;
white-space: nowrap;
}
.carousel-indicators{
bottom: -10px;
}
.carousel-indicators li{
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 5%;
color: #fff;
text-align: center;
opacity: 1;
}
.carousel-control-next-icon {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4Mi42NzgsMjI2LjgwNEwxNjMuNzMsNy44NkMxNTguNjY2LDIuNzkyLDE1MS45MDYsMCwxNDQuNjk4LDBzLTEzLjk2OCwyLjc5Mi0xOS4wMzIsNy44NmwtMTYuMTI0LDE2LjEyICAgIGMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4ICAgIGMwLDcuMjEyLDIuNzk2LDEzLjk2OCw3Ljg2LDE5LjA0bDE2LjEyNCwxNi4xMTZjNS4wNjgsNS4wNjgsMTEuODI0LDcuODYsMTkuMDMyLDcuODZzMTMuOTY4LTIuNzkyLDE5LjAzMi03Ljg2TDM4Mi42NzgsMjY1ICAgIGM1LjA3Ni01LjA4NCw3Ljg2NC0xMS44NzIsNy44NDgtMTkuMDg4QzM5MC41NDIsMjM4LjY2OCwzODcuNzU0LDIzMS44ODQsMzgyLjY3OCwyMjYuODA0eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
.carousel-control-prev-icon {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIgNDkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.ewris{
padding: 0.5rem 3rem;
}
.deco_pl{
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
font-size: 46px;
}
.wr_head_pr>.name{
text-align: center;
}
.wr_head_pr>.prise_wr_shop{
text-align: center;
color: rgb(46, 142, 219);
}
.wer_ser{
background: radial-gradient(40.27% 431.29% at 41.78% 66.3%, rgba(236, 240, 249, 0) 0%, #EDEFF5 100%);
}
.wr_ser_t{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 600;
font-size: 46px;
/*line-height: 33px;*/
margin: 15px 0px;
}
.wer_ccc_txt{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 100;
font-size: 14px;
max-width: 220px;
/*line-height: 33px;
margin: 15px 0px;*/
}
.wer_s_f{
border: none;
border-bottom: 1px solid #6c747dbd;
border-radius: 0px;
background: #edeff5;
}
.h4_txt{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 16px;
color: #8E8E8E;
}
.werprod{
margin-right: 0px;
margin-left: 0px;
/*margin: auto;*/
}
.devices{
margin:60px 0px;
}
#pills-1-tab{
border-image: initial;
border-radius: 0px;
border: none;
}
#pills-2-tab{
border-image: initial;
border-radius: 0px;
border: none;
}
#pills-3-tab{
border-image: initial;
border-radius: 0px;
border: none;
}
#pills-4-tab{
border-image: initial;
border-radius: 0px;
border: none;
}
#pills-1-tab{
border-radius: 0px;
border: none;
/*background: #fff;*/
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link+.wer_b {
color: #000;
/*background-color: #fff;?*/
/*border-bottom: 1px solid #000;*/
}
.wrimg>span{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
/* identical to box height */
color: #333333;
}
.wrima{
padding-bottom: 15px;
}
.wrimg>img{
max-width: 80px;
}
.hr_wr{
margin: 60px 0px;
}
.pac{
margin-bottom: 100px;
}
.wer_b{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 400;
font-size: 17px;
/*max-width: 220px;*/
color: #000;
}
.ww{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 400;
font-size: 20px;
/*max-width: 220px;*/
color: #000;
border-bottom: 2px solid #f9f9f9;
}
.ww:hover{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
/*font-family: Open Sans;*/
/*font-style: normal;*/
font-weight: 400;
font-size: 20px;
/*max-width: 220px;*/
color: #000;
border-bottom: 2px solid #2E8EDB;
}
.wr_tablet{
border-bottom: 1px solid #747474;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
/* identical to box height */
color: #333333;
}
.wr_tablet_li{
border-bottom: 1px solid #C3C3C3;
}
.footer_form{
background: #F4F4F4;
}
.wer_f_form{
border: none;
border-bottom: 1px solid #6c747dbd;
border-radius: 0px;
background: #F4F4F4;
}
.wr_img_phone{
margin-top: 60px;
}
.color_h{
/*background: #EDEFF5;*/
background: radial-gradient(40.27% 431.29% at 41.78% 66.3%, rgba(236, 240, 249, 0) 0%, #EDEFF5 100%);
/*background: #555;*/
}
.text_head1{
font-size: 28px;
margin: 30px auto;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
}
.text_head2{
font-size: 28px;
margin: 0px auto;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
}
.wr_color_trade{
margin: 30px 10px;
background: #F4F4F4;
padding: 30px;
}
.wr_free{
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 80px;
/*line-height: 60px;*/
/* identical to box height, or 75% */
text-transform: uppercase;
color: #2E8EDB;
}
.wr_ser_free{
font-size: 32px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
color: #333333;
}
.cred_txt{
font-size: 34px;
color: #2E8EDB;
}
.wr_c-box{
background-image: url(img/c-box.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-right: 10px;
width: 25px;
}
.wr_ser_free2{
font-size: 38px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
color: #333333;
}
.werb{
width: 100%;
color: #000;
text-decoration: none;
border: none;
border-radius: 0px;
font-size: 28px;
/*font-family: 'Saira Semi Condensed', sans-serif;*/
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
color: #333333;
text-align: left;
margin: 0px;
}
.card{
text-decoration: none;
border: none;
border-radius: 0px;
}
.card-header{
text-decoration: none;
border: none;
border-radius: 0px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
order-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 5px;
margin-top: 5px;
border: 1px solid #3030308c;
border-radius: 5px;
background-color: white;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
order-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 5px;
margin-top: 5px;
border: 1px solid #3030308c;
border-radius: 5px;
background-color: white;
}
.nav-tabs .nav-link {
border-radius: 0px;
}
.wr_ulf {
/* margin-top: 5px; */
margin-bottom: 0px;
margin: 0px 0px;
}
.new_menu{
z-index: 1;
height: 40px;
background-color: #EAEAEA;
}
.new_bar{
/*box-shadow: inset rgb(255 255 255) 1px 1px 17px 0px;*/
color: rgb(0, 0, 0);
/*background-color: #EAEAEA;*/
/*border-radius: 4px;*/
/*border: 1px solid rgb(0 0 0 / 10%);*/
width: 100%;
text-align: center;
justify-content: center;
position: 0px!important;
}
.new_bar>.nav-item>.nav-link {
/* margin: 0px 10px;
color: #000;
font-weight: 700;
background: linear-gradient(45deg, #000 33%, #000 66%, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
font-size: 18px;
font-weight: 500;
color: #000;
margin: 0px 15px;
}
.container{
max-width: 1440px;
}
.active_v1{
background-color: #666;
}
.divis{
/*border: 1px solid #dee2e6;*/
padding: 10px;
width: 100%;
background: #fff;
}
/**/
.ramka-5 {
position: relative;
z-index: 0;
width: 200px;
/*height: 200px;*/
border-radius: 10px;
overflow: hidden;
/*margin: 30px auto;*/
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-family: 'Roboto Condensed', sans-serif;
}
.ramka-5::before {
content: '';
position: absolute;
z-index: -2;
left: -50%;
top: -50%;
width: 200%;
height: 200%;
background-color: #ecf027;
background-repeat: no-repeat;
background-size: 50% 50%, 50% 50%;
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
background-image: linear-gradient(#000, #000), linear-gradient(#ecf027, #ecf027), linear-gradient(#000, #000), linear-gradient(#ecf027, #ecf027);
animation: anim-ramka-5 4s linear infinite;
}
.ramka-5::after {
content: '';
position: absolute;
z-index: -1;
left: 6px;
top: 6px;
width: calc(100% - 12px);
height: calc(100% - 12px);
background: white;
border-radius: 5px;
}
@keyframes anim-ramka-5 {
100% {
transform: rotate(1turn);
}
}
/**/
element.style {
}
.btn{
margin: 0px;
}
hr{
/*border-bottom: 0.5px solid #dee2e6;*/
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}
.wr-add-p{
color: #ef233c;
font-size: 12px;
}
.wr_z0z0{
padding: 10px;
width: 100%;
background: #fff;
border-radius: 15px;
}
.wr_coloric{
display: block;
border-radius: 2px;
text-align: center;
padding: 5px 7px;
border: 1px solid #fff;
}
.wr_coloric:hover{
display: block;
border-radius: 2px;
text-align: center;
padding: 5px 7px;
border: 1px solid #40BFFF;
border-radius: 14px;
}
.wr_clik {
font-size: 18px;
margin-top: 15px;
font-weight: 400;
background: linear-gradient(
45deg
, #e94273 33%, #ec664e 66%, #ec664d);
-webkit-background-clip: text;
/* -webkit-text-fill-color: transparent; */
font-weight: 500;
background: linear-gradient( 45deg , #4caf50 0%, #03a9f4 100%) rgb(236, 103, 77);
border: 0px;
border-radius: 0px;
/* min-width: 110px; */
max-height: 36px;
border-radius: 2.5rem;
padding: 33px;
min-width: 72%;
color: #fff!important;
}
.wr_clik:hover{
/*font-size: 14px;*/
cursor: pointer;
}
.add_fav{
font-size: 14px;
cursor: pointer;
margin-top: 10px;
color: #000;
}
.wr_a{
text-decoration: none;
color: #666;
}
.wr_block_catalog{
padding: 10px;
}
.wr_categ_bl{
width: 220px;
}
.conteiner2{
max-width: 1044px;
}
.wr_cont_so{
color: #666;
font-weight: 600;
}
.wrapper {
/*display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;*/
}
/*.xpandable-block {
height: 225px;
overflow: hidden;
order: 0;
}*/
.xpandable-block {
height: 30vh;
overflow: hidden;
order: 0;
position: relative;
display: flex;
flex-direction: column;
/* margin: 45px auto 40px; */
padding: 0;
max-height: 900px;
max-width: 1381px;
font-family: "Inter",sans-serif;
overflow-y: scroll;
-webkit-box-shadow: -7px -35px 27px -20px rgb(35 41 57 / 25%) inset;
-moz-box-shadow: -7px -35px 27px -20px rgba(35, 41, 57, 0.25) inset;
box-shadow: -7px -35px 27px -20px rgb(35 41 57 / 25%) inset;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
/* min-height: 320px; */
background-color: #fff;
border-radius: 7px;
margin: 15px;
}
.xpand-button {
order: 1;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + .xpandable-block {
height: auto;
}
.wr_ico_img{
width: 85px;
height: 85px;
margin: 5px;
padding: 5px ;
/*border: 1px solid #666;*/
}
.wr_ico_img>img{
max-width: 80px;
max-height: 80px;
margin: 0 auto;
/*border: 1px solid #666;*/
}
.wr_img-prod>img{
margin: 0 auto;
max-height: 480px;
width: 100%;
}
.wr_img-prod{
max-height: 480px;
}
.dropdown-item.active, .dropdown-item:active {
color: #909090;
text-decoration: none;
background-color: #ffffff;
/* border: 1px solid; */
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #ffffff;
opacity: 0.8;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: fixed;
left: 0;
right: 0;
top: 144px;
top: 137px;
width: 1027px;
border-radius: 0px;
}
.wr_name_price{
color: #000;
font-weight: 800;
font-size: 1.9rem;
line-height: 1.5;
}
.price_head{
color: #000;
font-weight: 800;
font-size: 1.3rem;
line-height: 1.5;
}
.wr_prise_time{
color: #000;
font-weight: 800;
font-size: 1.3rem;
line-height: 1.5;
}
/*//////////////////////////*/
.slider1>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider2>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider3>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider4>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider5>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider6>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider7>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider8>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider9>h4{
font-family: 'Bai Jamjuree', sans-serif;
font-size: 45px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
/*/////////////////////////*/
.zima>div>img{
object-fit: contain;
height: auto;
}
.w1>img{
width: 100%;
}
.oval {
position: absolute;
min-width: 20px;
height: 20px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50%;
/* position: absolute; */
border: 1px solid #F44336;
background-color: #F44336;
margin-bottom: 10px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
top: -5px;
right: -10px;
}
.abrahim{
height: calc(280px - 60px);
}
@media (max-width: 575.98px) {
/*new start*/
.wr-left-icon{
background: linear-gradient(68.17deg, #691ACE 0%, #32589C 100%);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 10px;
/*text-align: center;*/
padding: 10px 5px 0px 5px;
height: 180px;
}
.onlimob{
display: flex;
}
.imgflot{
/*height: 320px;*/
max-width: 300px;
text-align: center;
margin: 0 auto;
display: none;
}
.imgflotmob{
max-width: 300px;
height: 200px;
text-align: center;
margin: 0 auto;
display: none;
}
.text1v{
font-weight: 600;
color: #fff;
font-size: 16px;
text-align: center;
}
.text2v{
font-weight: 400;
color: #fff;
font-size: 12px;
text-align: center;
}
.wr-left-icon2{
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 10px;
/*text-align: center;*/
padding: 10px 5px 0px 5px;
height: 180px;
}
.text1v-2{
font-weight:600;
font-size: 16px;
text-align: center;
}
.text2v-2{
font-weight: 400;
font-size: 12px;
text-align: center;
}
.bg-img-pl{
background-image: url(../img/limg.png);
width: 100%;
height: 90px;
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
.bg-img-pl2{
background-image: url(../img/cas.png);
width: 100%;
height: 90px;
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
/*new and*/
/**/
/**/
.wr-present{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 50%;
margin-left: 10px;
}
.wr-present2{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 0%;
margin-left: 10px;
z-index: 1111
}
.img-present{
width: 50px;
height: 50px;
border-radius: 4px;
}
.txt-present{
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
text-align: center;
justify-content: center;
color: #fff;
padding: 5px;
font-size: 11px;
}
/**/
/**/
.lenta{
color: #fff;
background-color: red;
font-size: 14px;
font-weight: 400;
/*padding: 5px;*/
position: absolute;
margin-top: 80px;
z-index: 1111;
width: 100%;
}
.lenta2 {
color: rgb(255, 255, 255);
background-color: #000;
font-size: 14px;
font-weight: 400;
padding: 5px;
position: absolute;
margin-top: 40px;
z-index: 1111;
width: 100%;
}
div#carouselExampleIndicators {
margin-top: 15px;
}
.nav-tabs .nav-link {
/*border: 1px solid rgb(236, 103, 77) !important;*/
border-radius: 1.5rem!important;
margin: 0 5px;
font-size: 11px;
}
.oval {
position: absolute;
min-width: 15px;
height: 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50%;
/* position: absolute; */
border: 1px solid #F44336;
background-color: #F44336;
margin-bottom: 10px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
top: -5px;
right: -10px;
}
.wr-text-cart{
margin:10px;
}
.wr_color_trade {
margin: 30px 0px;
background: #F4F4F4;
padding: 30px;
}
.text_head2 {
font-size: 28px;
margin: 30px auto 0px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
}
.slider1>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider2>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider3>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider4>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider5>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider6>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider7>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider9>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.slider10>h4 {
font-family: 'Bai Jamjuree', sans-serif;
font-size: 16px;
font-weight: 900;
text-align: center;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.wr_categ_bl{
width: 110px;
}
.zoho{
font-size: 12px;
}
#b1{
border: none;
}
.content-container>h3{
font-size: 16px;
}
#p0{
padding: 0px;
}
.slider1 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider2 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider3 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider4 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider5 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider6 {
/*background-image: url(../img/b222.jpg);*/
height: 210px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider7 {
/*background-image: url(../img/b222.jpg);*/
height: 220px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider8 {
/*background-image: url(../img/b222.jpg);*/
height: 220px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.slider9 {
/*background-image: url(../img/b222.jpg);*/
height: 220px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.carousel-indicators li {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 10px;
margin-left: 10px;
text-indent: -999px;
cursor: pointer;
background-color: #9E9E9E;
height: 10px;
width: 10px;
border-radius: 50%;
}
.carousel-indicators .active {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 10px;
margin-left: 10px;
text-indent: -999px;
cursor: pointer;
background-color: rgb(0, 0, 0);
height: 10px;
width: 10px;
border-radius: 50%;
}
.carousel-indicators {
bottom: -50px;
}
.formika{
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 1px solid #cccccc;
height: 40px;
font-size: 14px;
/* font-family: "Gilroy-regular"; */
border-radius: 0;
}
.formika-btm{
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 1px solid #cccccc;
height: 40px;
font-size: 14px;
/* font-family: "Gilroy-regular"; */
border-radius: 0;
}
body{
background-color: #fff;
}
.wr_img-prod>img {
margin: 0 auto;
max-width: 100%;
}
.wr_img-prod>img {
margin: 0 auto;
max-width: 100%;
}
.wr_li_fa>a {
position: relative;
display: block;
color: #000;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
list-style-type: none;
font-size: 10px;
margin-right: 10px;
padding-right: 5px;
}
.mob{
display: flex;
}
.categoryBanner{
display: flex;
}
.web{
display: none;
}
.imas{
margin-bottom: 0px; padding: 10px 0px 0px 0px;
}
.cart>img {
padding: 5px 5px 5px 5px;
height: 220px;
}
.wroldsum {
text-decoration: line-through;
font-size: 0.9rem;
color: #C4C4C4;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
text-align: center;
}
.wrsum {
text-align: center;
font-size: 0.9rem;
color: #666;
font-weight: 400;
}
.priceStart{
text-align: center;
font-size: 0.8rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0;
font-size: 16px;
margin-top: 15px;
}
.cart {
border: 1px solid #fff;
padding: 0px;
min-height: 285px;
}
.card-title {
font-size: 0.7rem;
font-weight: 200px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
}
.info_txt {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-size: 0.7rem;
}
.wrimages_cat {
width: 65%;
}
.wrcat {
background-color: #f0f0f0;
min-height: 170px;
margin: 2px;
}
.txt_cat {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 4px;
margin-top: 15px;
color: #000;
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 0rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.wr_wr_cat {
margin-top: 10px;
margin: 0px;
padding: 0px;
}
.sale_new {
display: inline-block;
background: linear-gradient(208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.sale_new2 {
width: 0;
height: 0;
border-top: 10px solid #ca2500;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.hit_new {
display: inline-block;
background: linear-gradient(90deg, #FFAA00 0%, #FFC34B 100%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.hit_new2 {
width: 0;
height: 0;
border-top: 10px solid #f2ac12;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.mark_new {
display: inline-block;
background: linear-gradient(185.41deg, #00B247 0.01%, #05C451 99.99%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.mark_new2 {
width: 0;
height: 0;
border-top: 10px solid #45b849;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.wr_ser_t {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
/* font-family: Open Sans; */
/* font-style: normal; */
font-weight: 600;
font-size: 2rem;
/* line-height: 33px; */
margin: 0px 0px;
}
.text_head {
font-size: 1.4rem;
/*margin: 30px auto;*/
margin: 60px auto 40px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
}
.wr_name_nota{
font-size: 1rem;
}
.name_pr {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 14px;
}
.wr_free {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 48px;
/* line-height: 60px; */
text-transform: uppercase;
color: #2E8EDB;
}
/*.werb {
width: 100%;
color: #000;
text-decoration: none;
border: none;
border-radius: 0px;
font-size: 22px;
font-family: 'Saira Semi Condensed', sans-serif;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
color: #333333;
text-align: left;
margin: 0px;
}*/
.werb {
width: 100%;
color: #000;
text-decoration: none;
border: none;
border-radius: 0px;
font-size: 16px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
color: #333333;
text-align: center;
margin: 0;
/*padding: 12px 0px 0px;*/
}
.wrprise {
margin-bottom: 10px;
justify-content: center;
align-items: center;
/*margin-top: 50px!important;*/
}
.wr_name_price{
color: #000;
font-weight: 800;
font-size: 1.2rem;
line-height: 1.5;
}
.price_head{
color: #000;
font-weight: 800;
font-size: 1.1rem;
line-height: 1.5;
}
.wr_prise_time{
color: #000;
font-weight: 800;
font-size: 1.1rem;
line-height: 1.5;
}
.wr_categ_bl55 {
max-height: 80px;
}
.wr_block_catalog55 {
background: #fff;
/*border: 1px solid #66666638;*/
padding: 10px;
min-height: 160px;
}
.abrahim{
height: auto;
}
/*.zima>img{max-height: 250px !important;}*/
}
img.wow.flipInY {
width: 120px;
}
.line-head{
background: #fff;
}
.wr_clik {
font-size: 13px;
margin-top: 15px;
font-weight: 400;
background: linear-gradient(
45deg
, #e94273 33%, #ec664e 66%, #ec664d);
-webkit-background-clip: text;
/* -webkit-text-fill-color: transparent; */
font-weight: 500;
background: linear-gradient( 45deg , #4caf50 0%, #03a9f4 100%) rgb(236, 103, 77);
border: 0px;
border-radius: 0px;
/* min-width: 110px; */
max-height: 36px;
border-radius: 2.5rem;
padding: 33px;
min-width: 72%;
color: #fff!important;
}
/**********************************/
}
@media (min-width: 576px) and (max-width: 767.98px) {
.abrahim{
height: auto;
}
/**/
/**/
.wr-present{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 50%;
margin-left: 10px;
}
.wr-present2{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 0%;
margin-left: 10px;
z-index: 1111
}
.img-present{
width: 50px;
height: 50px;
border-radius: 4px;
}
.txt-present{
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
text-align: center;
justify-content: center;
color: #fff;
padding: 5px;
font-size: 11px;
}
/**/
/**/
.nav-tabs .nav-link {
border: 1px solid #2196f3 !important;
border-radius: 1.5rem!important;
margin: 0 5px;
font-size: 11px;
}
body{
background-color: #fff;
}
.wrprise {
margin-bottom: 10px;
justify-content: center;
align-items: center;
}
.wr_li_fa>a {
position: relative;
display: block;
color: #ffffff94;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
list-style-type: none;
font-size: 10px;
margin-right: 10px;
padding-right: 5px;
}
.lenta2 {
color: rgb(255, 255, 255);
background-color: #000;
font-size: 14px;
font-weight: 400;
padding: 5px;
position: absolute;
margin-top: 40px;
z-index: 1111;
width: 100%;
}
.wr_categ_bl55 {
max-height: 80px;
}
.wr_block_catalog55 {
background: #fff;
/*border: 1px solid #66666638;*/
padding: 10px;
min-height: 160px;
}
.imas{
margin-bottom: 0px; padding: 10px 0px 0px 0px;
}
header{
/*height: 65px;*/
background-color: #000;
color: #fff;
height: 400px;
}
.wr70{
height: 300px;
}
.mob{
display: flex;
}
.categoryBanner{
display: flex;
}
.web{
display: none;
}
.cart>img {
padding: 5px 5px 5px 5px;
}
.wroldsum {
text-decoration: line-through;
font-size: 0.9rem;
color: #C4C4C4;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
text-align: center;
}
.wrsum {
text-align: center;
font-size: 1.1rem;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0;
}
.cart {
border: 1px solid #fff;
padding: 0px;
}
.wr_wr_cat {
margin-top: 10px;
margin: 0px;
padding: 0px;
}
.sale_new {
display: inline-block;
background: linear-gradient(208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.sale_new2 {
width: 0;
height: 0;
border-top: 10px solid #ca2500;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.hit_new {
display: inline-block;
background: linear-gradient(90deg, #FFAA00 0%, #FFC34B 100%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.hit_new2 {
width: 0;
height: 0;
border-top: 10px solid #f2ac12;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.mark_new {
display: inline-block;
background: linear-gradient(185.41deg, #00B247 0.01%, #05C451 99.99%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.mark_new2 {
width: 0;
height: 0;
border-top: 10px solid #45b849;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.wr_ser_t {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
/* font-family: Open Sans; */
/* font-style: normal; */
font-weight: 600;
font-size: 2rem;
/* line-height: 33px; */
margin: 0px 0px;
}
.text_head {
font-size: 1.4rem;
margin: 30px auto;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
}
.wr_name_nota{
font-size: 1rem;
}
.name_pr {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 22px;
}
.wr_free {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 48px;
/* line-height: 60px; */
text-transform: uppercase;
color: #2E8EDB;
}
.werb {
width: 100%;
color: #000;
text-decoration: none;
border: none;
border-radius: 0px;
font-size: 22px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
color: #333333;
text-align: left;
margin: 0px;
}
.wrprise {
margin-bottom: 10px;
justify-content: center;
align-items: center;
}
.lenta{
color: #fff;
background-color: red;
font-size: 14px;
font-weight: 400;
padding: 5px;
position: absolute;
margin-top: 40px;
z-index: 1111;
}
.wr-1-cat {
max-height: 120px;
width: max-content;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.slider1 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider2 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider3 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider4 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider5 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider6 {
height: 230px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.button.navbar-toggler {
/* color: #fff; */
background-color: #000;
border-radius: 0px;
border: 0px;
/* position: fixed; */
right: 10px;
}
/**/
nav.container.navbar.navbar-expand-lg.navbar-light.new_menu{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
justify-content: flex-end;
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: #fff;
background: #000;
/*border-radius: 0px;*/
}
header {
border-bottom: 1px solid #fff;
}
.wert{
display: none;
}
.wr-1-cat {
max-height: 120px;
width: max-content;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
/**/
.wert{
display: none;
}
.slider1 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider2 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider3 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider4 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider5 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider6 {
height: 430px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
nav.container.navbar.navbar-expand-lg.navbar-light.new_menu{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
justify-content: flex-end;
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: #fff;
background: #000;
/*border-radius: 0px;*/
}
header {
border-bottom: 1px solid #fff;
}
/**/
.wr-present{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 50%;
margin-left: 10px;
}
.wr-present2{
position: absolute;
background-color: #fff;
box-shadow: rgb(0 0 0 / 24%) 0px 0px 5px 0px;
border-radius: 4px;
border: 1px solid #0128ff;
bottom: 0%;
margin-left: 10px;
z-index: 1111
}
.img-present{
width: 50px;
height: 50px;
border-radius: 4px;
}
.txt-present{
background: linear-gradient(45deg, #2196f3 0%, #0128ff 100%) #2196f3;
text-align: center;
justify-content: center;
color: #fff;
padding: 5px;
font-size: 11px;
}
/**/
/**/
.lenta{
color: #fff;
background-color: red;
font-size: 14px;
font-weight: 400;
padding: 5px;
position: absolute;
margin-top: 40px;
z-index: 1111;
}
.wrprise {
margin-bottom: 10px;
justify-content: center;
align-items: center;
}
.wr_li_fa>a {
position: relative;
display: block;
color: #ffffff94;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
list-style-type: none;
font-size: 10px;
margin-right: 10px;
padding-right: 5px;
}
/*.mob{
display: flex;
}
.web{
display: none;
}*/
.imas{
margin-bottom: 0px; padding: 10px 0px 0px 0px;
}
.cart>img {
padding: 5px 5px 5px 5px;
}
header{
/*height: 65px;*/
background-color: #000;
color: #fff;
/*height: 400px;*/
}
.wr70{
/*height: 300px;*/
}
.wroldsum {
text-decoration: line-through;
font-size: 0.9rem;
color: #C4C4C4;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
text-align: center;
}
.wrsum {
text-align: center;
font-size: 1.1rem;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0;
}
.cart {
border: 1px solid #fff;
padding: 0px;
}
.wrwr{display: none;}
.sale_new {
display: inline-block;
background: linear-gradient(208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.sale_new2 {
width: 0;
height: 0;
border-top: 10px solid #ca2500;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.hit_new {
display: inline-block;
background: linear-gradient(90deg, #FFAA00 0%, #FFC34B 100%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.hit_new2 {
width: 0;
height: 0;
border-top: 10px solid #f2ac12;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.mark_new {
display: inline-block;
background: linear-gradient(185.41deg, #00B247 0.01%, #05C451 99.99%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
position: absolute;
font-size: 12px;
}
.mark_new2 {
width: 0;
height: 0;
border-top: 10px solid #45b849;
border-left: 10px solid transparent;
position: absolute;
left: 5px;
top: 8px;
}
.wr_ser_t {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
/* font-family: Open Sans; */
/* font-style: normal; */
font-weight: 600;
font-size: 2rem;
/* line-height: 33px; */
margin: 0px 0px;
}
.text_head {
font-size: 1.4rem;
margin: 30px auto;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 100;
}
.wr_name_nota{
font-size: 1rem;
}
.name_pr {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 600;
font-size: 22px;
}
.wr_free {
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 48px;
/* line-height: 60px; */
text-transform: uppercase;
color: #2E8EDB;
}
.werb {
width: 100%;
color: #000;
text-decoration: none;
border: none;
border-radius: 0px;
font-size: 22px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
color: #333333;
text-align: left;
margin: 0px;
}
body{
background-color: #fff;
}
.card-title{
font-size: 10px!important;
}
.wrsum{
font-size: 12px!important;
}
.markdown_new {
display: inline-block;
background: linear-gradient(
208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
/* font-family: 'Bai Jamjuree', sans-serif; */
position: absolute;
left: 21px;
top: -10px;
border-radius: 6px;
font-size: 0.8rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.card-title{
font-size: 12px!important;
}
.wrsum{
font-size: 12px!important;
}
.markdown_new {
display: inline-block;
background: linear-gradient(
208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
/* font-family: 'Bai Jamjuree', sans-serif; */
position: absolute;
left: 21px;
top: -10px;
border-radius: 6px;
font-size: 0.8rem;
}
border-radius: 0px;
/* min-width: 110px; */
max-height: 36px;
border-radius: 1.5rem;
padding: 33px;
min-width: 72%;
color: #fff!important;
}
/***************mob*******************/
.wr-1-cat{
max-height: 140px;
width: initial;
}
.bg-img-cat-1{
background-image: url(../img/nout.png);
width: 100%;
height: 280px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-2{
background-image: url(../img/nav.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-3{
background-image: url(../img/kol.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-4{
background-image: url(../img/godin.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-img-cat-5{
background-image: url(../img/pover.png);
width: 100%;
height: 390px;
background-repeat: no-repeat;
background-position: bottom;
}
.wr-cat-bloc-1 {
/* background: linear-gradient(68.17deg, rgb(105, 26, 206) 0%, rgb(50, 88, 156) 100%);*/
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
background-image: url(/img/bg-cat.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.wr-cat-bloc-2 {
background: linear-gradient(68.17deg, rgb(142 56 251) 0%, rgb(178 105 105) 100%) center center / cover no-repeat;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
/* background-image: url(/img/bg-cat.png);*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.wr-cat-bloc-3 {
background: linear-gradient(68.17deg, rgb(142 222 255) 0%, rgb(238 244 255) 100%) center center / cover no-repeat;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;
border-radius: 20px;
padding: 50px 20px 0px;
/* background-image: url(/img/bg-cat.png);*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.img-u{
max-height: 120px;
width: fit-content;
}
.txt-u{
font-weight: 400;
font-size: 14px;
text-align: center;
margin: 15px;
}
.wr-u-cover{
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
.wr-cat-bloc-x{
background-image: url(/img/bg-smart-1.png);
background-size: cover;
background-position: left;
background-repeat: no-repeat;
/* margin-right: 10px;*/
width: 100%;
min-height: 400px;
border-radius: 15px;
}
.line-wr-x1{
display: flex;
width: 100%;
}
.line-wr-x2{
margin: 20px;
}
.line-wr-x3{
width: 100%;
position: relative;
bottom: 0px;
display: flex;
flex-direction: column;
}
.wr-link-x>a{
border-radius: 20px;
border: 1px solid #D9D9D9;
background: #FFF;
font-size: 16px;
padding: 12px 24px;
color: #000;
width: 220px;
text-align: center;
margin: 2px;
}
.wr-link-x1{
display: flex;
justify-content: center;
width: 100%;
position: relative;
top: -20px;
}
.wr-link-x{
display: flex;
justify-content: center;
width: 100%;
position: relative;
top: 20px;
}
.wr-link-x1>a{
border-radius: 20px;
background: rgb(255, 255, 255);
font-size: 22px;
padding: 15px 30px;
color: rgb(0, 0, 0);
width: 220px;
text-align: center;
}
.text-x{
text-align: center;
color: rgb(255, 255, 255);
font-size: 16px;
margin-right: 0px;
text-shadow: 0px 0px 3px black;
}
.mira-g{
margin: 10px auto;
}
/**********************************/
/**********************************/
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.card-title{
/*font-size: 12px!important;*/
}
.wrsum{
font-size: 12px!important;
}
.markdown_new {
display: inline-block;
background: linear-gradient(
208.86deg, #C90000 24471.82%, #382929 24472.15%, #FF6262 27812.48%);
color: #fff;
padding: 1px 10px;
/* font-family: 'Saira Semi Condensed', sans-serif; */
/* font-family: 'Bai Jamjuree', sans-serif; */
position: absolute;
left: 21px;
top: -10px;
border-radius: 6px;
font-size: 0.8rem;
}
}
@media (min-width: 1200px) { ... }
@include media-breakpoint-up(sm) {
}
@include media-breakpoint-up(md) {
}
@include media-breakpoint-up(lg) {
html {
font-size: 1.6rem;
}
.wrfont{
font-size: 14vh;
}
}
@include media-breakpoint-up(xl) {
html {
font-size: 1.8rem;
}
.wrfont{
font-size: 20vh;
}
}
/*///////////////////////*/
/**********************************//**********************************/
#popup__toggle{bottom:-5px;left: 0px;position:fixed;z-index:999;}
.img-circle{background-color:#e94274;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #e94274;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#e94274;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:52px;height:52px;margin: 10px; background-image:url(../img/mini.png);background-size: cover; background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
50% {transform: scale(1); opacity: 1; }
100% {transform: scale(0.9);opacity: 1;}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
50% {-webkit-transform: scale(1);opacity: 1;}
100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
0% {transform: rotate(-8deg);}
50% {transform: rotate(8deg);}
100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
0% {-webkit-transform: rotate(-8deg);}
50% {-webkit-transform: rotate(8deg);}
100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2; }
50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2; }
100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
/**********************************//**********************************/
/**********************************//**********************************/
/**********************************//**********************************/
/**********************************//**********************************/
.cart1App {
position: relative;
}
.cart1App:hover .cart1_layer {
visibility: visible;
opacity: 1;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}
.cart1_layer {
visibility: hidden;
opacity: 0;
position: absolute;
width: 260px;
background: #fff;
border: 1px solid #e1e1e1;
right: 0;
color: #000;
transition: visibility 0s, opacity 0.5s linear;
-webkit-transition: opacity .3s ease, top .3s ease;
-moz-transition: opacity .3s ease, top .3s ease;
-o-transition: opacity .3s ease, top .1s ease;
transition: opacity .3s ease, top .3s ease;
z-index: 105;
}
.cart_arr {
position: absolute;
top: -8px;
right: 3px;
-webkit-transition: left .3s ease;
-moz-transition: left .3s ease;
-o-transition: left .3s ease;
transition: left .3s ease;
}
.cart_item {
padding: 10px 5px;
border-bottom: 1px solid #e1e1e1;
}
.cart_img {
max-width: 50px;
max-height: 60px;
padding: 5px;
float: left;
margin-left: 5px;
}
.cart_title {
display: block;
font-size: 12px;
line-height: 14px;
margin: 5px 0px 0px 0px;
}
.cart_price {
text-align: center;
margin-right: 0px;
margin-left: 0px;
}
.cart_price sup {
font-size: 9px;
}
.cart_price b {
color: #cacaca;
margin: 0px 5px;
}
/*/////////*/
#heart {
position: relative;
width: 100px;
height: 0px;
top: 15px;
margin-left: 85%;
}
#heart:before,
#heart:after {
position: absolute;
content: "";
left: 15px;
top: 0;
width: 15px;
height: 25px;
background: #ccc;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}
/*после нажатия стили будут такими */
#heart2 {
position: relative;
width: 100px;
height: 0px;
top: 15px;
margin-left: 85%;
}
#heart2:before,
#heart2:after {
position: absolute;
content: "";
left: 15px;
top: 0;
width: 15px;
height: 25px;
background: #dc2f46;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart2:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}
/*//////////*/
/*....цвет..*/
.wr_color_pr001 {
position: absolute;
right: 30px;
top:25px;
}
#circle {
width: 30px;
height: 30px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 10px;
/* position: absolute; */
/*border: 1px solid #ccc;*/
margin-bottom: 10px;
}
/*iPhone 11 Pro Max*/
.MidnightGreenSM {
background-color: #525d55;
}
.SpaceGraySM {
background-color: #565453;
}
.GoldSM {
background-color: #eac8b0;
}
.SilverSM {
background-color: #d9d9d0;
}
/*iPhone 11 */
.BlackSM {
background-color: #000;
}
.WhiteSM {
background-color: #fefcfa;
border: 1px solid #ccc;
}
.RedSM {
background-color: #b30428;
}
.PurpleSM {
background-color: #ccc7d6;
}
.GreenSM {
background-color: #a4d8c3;
}
.YellowSM {
background-color: #fce37e;
}
/*iPhone XR*/
.BlueSM {
background-color: #47aee8;
}
.CoralSM {
background-color: #fd6451;
}
/*iPhone 7 Plus*/
.RoseGoldSM{
background-color: #e4c1bc;
}
/*iPhone 13 Plus*/
.PinkSM {
background-color: #ffd1dc;
}
.StarlightSM {
background-color: #f3eae1;
}
.MidnightBlueSM {
background-color: #191970;
}
.GraphiteSM{
background-color: #827f7a;
}
.SierraBlueSM{
background-color: #9eb7cd;
}
/*
color end
*/
.RoseGoldSM{
background-color: #e4c1bc;
}
.collor2{
background-color: #999;
}
.collor3{
background-color: #888;
}
.collor4{
background-color: #777;
}
.collor5{
background-color: #666;
}
.collor6{
background-color: #fff;
}
/*===цифра товаров в хедере в корзине===*/
/*.oval {
position: absolute;
min-width: 20px;
height: 20px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50%;
position: absolute;
border: 1px solid #ccc;
background-color: #ccc;
margin-bottom: 10px;
color: #000000;
font-size: 12px;
font-weight: 800;
top: -5px;
right: -10px;
}*/
/*.oval {
position: absolute;
min-width: 20px;
height: 20px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50%;
position: absolute;
border: 1px solid #F44336;
background-color: #F44336;
margin-bottom: 10px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
top: -5px;
right: -10px;
}*/
/*=====*/
.wwq{
color: #fff;
}
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,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
/*.revealator-delay6{
margin-bottom: 15px;
}*/
#pills-61-tab a>img{
max-width: 200px;
}
#home9 img {
max-width: 100%;
height: auto;
}
.wr_color_trade {
margin: 30px 10px;
background: #F4F4F4;
padding: 30px;
font-size: 20px;
}
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}
::-webkit-scrollbar-track {
background-color:#000;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#666;
}
::-webkit-scrollbar-thumb:hover{
background-color:#fff;
}
::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}
::-webkit-scrollbar{
width: 4px;
}
body {
width: 100%;
overflow-x: hidden!important;
}
.card2 {
text-decoration: none;
border: none;
border-radius: 0px;
background: #0000!important;
margin: 5px;
}
.outStock {
font-size: 15px;
padding-bottom: 10px;
text-align: center;
}
.delCartMob {
background-color: #ff2222;
margin: 0px 10px;
padding: 2px 6px;
border-radius: 5px;
color: #fff;
}
.waitPrice {
text-align: center;
font-size: 1.4rem;
color: #295e8c;
}
.discount_new {
color: #fff;
background: #e91e63;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
justify-content: center;
display: flex;
align-content: center;
align-items: center;
position: absolute;
right: 30px;
top: 55px;
}
/*.slider1{background-color: #1D1D1D!important;}*/
.slider1{background-color: #fff!important;}
.slider2{background-color: #fff!important;}
.slider3{background-color: #fff!important;}
.slider4{background-color: #fff!important;}
.slider5{background-color: #fff!important;}
.slider6{background-color: #fff!important;}
.slider7{background-color: #fff!important;}
.slider8{background-color: #fff!important;}
.slider9{background-color: #fff!important;}
/*.slider2{background-color: #FFF!important;}*/
/*.slider3{background-color: #691ACE!important;}
.slider4{background-color: #fafafa!important;}
.slider5{background-color: #fff!important;}*/
/*
.wr_menu_sub1>div>a:last-child {
display: none!important;}*/
.wr_color_pr001 {display: none!important;}
/*FILTERBLOCK*/
.filterLayer {
position: relative;
}
.filterH1 {
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
padding: 15px 40px 15px;
border-bottom: 1px solid #eaeaea;
}
.filterH1 img {
width: 20px;
height: 20px;
margin-right: 15px;
transform: translate3d(0px, 3px, 0px);
}
.filterItem {
padding: 30px 20px 0px;
}
.filterTitle {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-left: 20px;
padding-bottom: 10px;
line-height: 25px;
}
.filterValue {
padding: 10px 10px 10px 50px;
position: relative;
cursor: pointer;
}
.filterValue:after {
content: " ";
display: block;
width: 14px;
height: 14px;
border: 1px solid #d8d8d8;
position: absolute;
top: 10px;
left: 20px;
margin: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 2px;
}
.filterValue:before {
content: " ";
display: block;
width: 15px;
height: 10px;
border-left: 4px solid #126fa2;
border-bottom: 4px solid #126fa2;
position: absolute;
top: 0px;
left: 20px;
margin: auto;
z-index: 2;
transform: rotateZ(316deg);
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.filterValueLoad:before {
content: " ";
display: block;
position: absolute;
top: 12px !important;
left: 22px;
margin: auto;
z-index: 2;
opacity: 1;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease;
width: 8px;
height: 8px;
border-top: 4px solid #ffffff;
border-right: 4px solid #126fa2;
border-bottom: 4px solid #ffffff;
border-left: 4px solid #126fa2;
border-width: 2px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
opacity: 1 !important;
transform: rotateZ(0);
-webkit-animation:spin .8s linear infinite;
-moz-animation:spin .8s linear infinite;
animation:spin .8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.filterValueEmpty {
opacity: 0.5;
}
.filterValueShow:before {
top: 7px;
opacity: 1;
}
.filterInfo {
margin-top: -10px;
padding: 0px 0px 0px 0px;
}
.filterInfoItem {
display: inline-block;
margin: 10px 10px 0px 0px;
background: #126fa2;
padding: 5px 10px;
color: #fff;
padding-right: 25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
cursor: pointer;
}
.filterInfoItem:hover {
color: #fff;
}
.filterInfoItem:before {
content: "X";
display: block;
width: 15px;
height: 10px;
position: absolute;
top: 5px;
/* bottom: 0px; */
right: 1px;
margin: auto;
z-index: 2;
opacity: 1;
transform: scale(1.2, 1);
}
.filterPanel {
display: none;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.filterClose {
background: #7d7d7d;
color: #fff;
padding: 10px 20px 11px;
font-size: 13px;
width: 110px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
cursor: pointer;
}
.filterMake {
background: #40BFFF;
border: 1px solid #40BFFF;
color: #fff;
padding: 10px 20px 11px;
font-size: 13px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
cursor: pointer;
}
.filterPanelPrice {
margin-left: 20px;
margin-top: 0px;
padding-top: 30px;
}
.filterPanelPrice input {
width: 45%;
padding: 5px 5px;
margin-right: 5px;
text-align: center;
border: 1px solid #b5b5b5;
}
.filterPanelPrice button {
background: #40BFFF;
border: 0px solid #40BFFF;
color: #fff;
padding: 8px 5px 7px;
font-size: 14px;
text-align: center;
width: 100%;
cursor: pointer;
border-radius: 80px;
margin-top: 10px;
}
@media screen and (min-width: 900px) {
.filterMakeShow {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 5px;
z-index: 2;
}
}
@media screen and (max-width: 990px) {
.filterLayer {
position: absolute;
top: 0px;
right: 0px;
background: #fff;
padding-bottom: 0px;
border-left: 1px solid #eaeaea;
width: 160px;
}
.filterH1 {
background: #40BFFF;
color: #fff;
text-align: center;
height: 50px;
line-height: 50px;
padding: 0;
display: block !important;
}
.filterItem {
display: none;
}
.listLayer {
width: 100%;
}
.filterLayerShow {
position: fixed;
overflow: scroll;
width: 100%;
height: 103%;
z-index: 20;
text-align: left !important;
}
.filterLayerShow .filterItem {
display: block;
max-width: 300px;
margin: auto;
}
.filterLayerShow .filterClose, .filterLayerShow .filterMake {
display: block;
}
.filterLayerShow .filterItemPanel {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-bottom: 20px;
}
.filterLayerShow .filterH1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 20;
}
.filterLayerShow .filterItemPanel {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 20;
margin: auto;
padding-bottom: 10px;
background: #fff;
padding-top: 15px;
border-top: 1px solid #eaeaea;
}
.filterLayerShow .filterItem:nth-last-child(2) {
margin-bottom: 80px;
}
.filterLayerShow .filterPanelPrice {
margin-top: 40px;
}
.filterInfo span {
display: block;
}
.filterSelTitle {
padding-top: 5px;
display: none !important;
}
}
.filterLayer input::-webkit-outer-spin-button,
.filterLayer input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.filterLayer input[type=number] {
-moz-appearance:textfield; /* Firefox */
}
/*FILTERBLOCK*/
.outStockOpacity {
opacity: 0.4;
}
.addPageLoad {
color: #ff910f;
position: relative;
color: #40BFFF !important;
}
.addPageLoad:after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 2;
opacity: 1;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .1s ease;
width: 20px;
height: 20px;
border-top: 2px solid #ffffff00;
border-right: 2px solid #fff;
border-bottom: 2px solid #ffffff00;
border-left: 2px solid #fff;
border-width: 4px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
opacity: 1 !important;
transform: rotateZ(0);
-webkit-animation: spin .8s linear infinite;
-moz-animation: spin .8s linear infinite;
animation: spin .8s linear infinite;
}
.filterValueEmpty > a{
color: #000!important;
}
.proserviceLayer{
position: relative!important;
}
.wr-ico-i{
margin-bottom: 10px;
}
.attentionPic {
display: inline-block;
position: relative;
}
.attentionPic span {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 150px;
background: aqua;
border: 1px solid #CACACA!important;
border-radius: 5px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, visibility .2s ease;
padding: 5px;
}
.attentionPic:hover span {
opacity: 1;
visibility: visible;
}