html{
font-size: 16px;
font-family:'Heebo', 'Tahoma', sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0.03em;
}
ul, li,p,h2 {
margin:0;
padding:0;
}
img {
max-width:100%;
height: auto;
}
a{
text-decoration:none;
}
li {
list-style-type:none;
}
address {
margin:0;
padding:0;
font-size:inherit;
font-style:inherit;
}
.visiality-hidden {
visibility:hidden;
margin:0;
padding:0;
height: 0;
width: 0;
}
h2 {
margin:0;
padding:0;
font-size: 2rem;
font-style: italic;
text-shadow: 10px 10px 3px rgba(0,0,0, 0.3);
padding-top:70px;
padding-left:100px;
}
figcaption {
padding-bottom:30px;
}
figcaption .mobile{
display:none;
}
button {
margin:0;
padding:0;
}
/* header*/
.header {
margin:0 auto;
padding:0;
width:1600px;
}
.header-logo {
display:flex;
justify-content:space-between;
align-items:center;
border-bottom: 1px solid red;
min-height: 135px;
padding-left: 20px;
padding-right: 20px;
}
.header-logo>p{
width:350px;
font-weight: bold;
}
.header-map p {
font-size: 0.9rem;
margin:0;
margin-bottom:5px;
padding:0;
font-weight: bold;
text-align: center;
}
.header-contact{
font-size: 1rem;
margin:0;
}
.header-contact>p{
margin:0;
padding:0;
padding-bottom:10px;
font-weight: bold;
}
.header-contact>a{
display:block;
position: relative;
text-align:right;
}
.header-contact a::before{
position:absolute;
content:" ";
width:40px;
height:40px;
background-image: url(img/telefon.png);
background-repeat: no-repeat;
background-size: contain;
right: 175px;
top: -10px;
}
/* navigation*/
.main {
width:1600px;
margin:0 auto;
}
.nav{
width:1600px;
min-height:80px;
background: linear-gradient(360deg, rgba(188, 197, 206, 0.46) 20%, rgba(220, 224, 227, 0) 80%);
border-bottom: 1px solid red;
}
.nav-menu {
display:flex;
justify-content:space-around;
align-items:center;
}
.nav-menu>li {
padding-top:20px;
padding-bottom:20px;
position:relative;
}
.nav-menu>li>a{
color:black;
font-size:1.5rem;
font-weight: bold;
text-align: center;
font-style: italic;
display:block;
padding: .5rem;
}
.nav-menu li a:hover{
transform: scale(1.2);
/*background-color: rgba(250,15,15,.5);*/
text-shadow: 2px 2px 30px rgba(250,15,15,1);
}
.nav-menu .sub-menu {
margin:0;
padding:0;
position:absolute;
z-index:10;
display:none;
}
.nav-menu .sub-menu li{
position:relative;
margin:0;
padding:0;
width:280px;
left:-80px;
top:-50px;
}
.nav-menu .sub-menu li a {
color:black;
font-size:1rem;
font-weight: bold;
display:block;
padding: .3rem;
text-align: center;
}
.nav-menu .contact-menu:hover>a{
visibility:hidden;
}
.nav-menu li:hover .sub-menu {
display:block;
}
/*praesento*/
.praesento {
padding:0px;
height:800px;
background-image: url(img/praesento.webp);
background-repeat: no-repeat;
background-size: cover;
border-bottom:1px solid red;
}
.praesento p:first-of-type {
font-size: 3rem;
line-height: 4rem;
letter-spacing: 0.03em;
width: 800px;
margin:0;
font-weight: bold;
font-style: italic;
padding-top: 100px;
margin-right: 0;
margin-left:auto;
background:linear-gradient(90deg, rgba(255,255,255, 0.4)10%,rgba(0,0,0, 0.3)20%, rgba(255,0,0, 0.8)60%, rgba(0,0,0, 0.8)10%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.praesento p:last-of-type {
font-size: 2rem;
line-height: 3rem;
letter-spacing: 0.03em;
width: 450px;
margin:0;
font-weight: 700;
font-style: italic;
padding-top: 50px;
margin-right: 20;
margin-left:auto;
background:linear-gradient(90deg, rgba(0,0,0, 0.5)20%, rgba(0,0,0, 1)80%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
/*block about*/
.about {
min-height:1372px;
display:grid;
border-bottom:1px solid red;
grid-template-columns:repeat(12,131px);
grid-template-rows:repeat(6,auto);
background: linear-gradient(180deg, #CED7DF 0%, #FFFFFF 16.67%, #FFFFFF 77.08%, #D5DDE4 96.35%);
}
.about p {
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: 0.03em;
word-spacing: 0.2rem;
padding:25px;
}
.about h2 {
grid-column:1/5;
grid-row:1/1;
}
.about>p:nth-of-type(1){
grid-column:5/13;
grid-row:1/3;
border-radius:20px;
margin-top:90px;
padding:25px;
text-align: justify;
z-index: 4;
}
.about-fone1{
grid-column:5/13;
grid-row:1/3;
opacity: 0.25;
border-left:1px solid red;
border-top:1px solid red;
border-radius:20px;
margin-top:90px;
padding:25px;
background-image: url(img/media1.webp);
background-repeat: no-repeat;
background-size: cover;
}
.about>p:nth-of-type(2) {
grid-column:1/5;
grid-row:2/4;
/*border:1px solid red;*/
margin-left:30px;
border-radius:30px;
margin-top:100px;
margin-right:20px;
background: linear-gradient(45deg, #CED7DF 0%, #FFFFFF 16.67%, #FFFFFF 77.08%, #D5DDE4 96.35%);
box-shadow:20px 20px 20px 1px rgba(185,200,204, 0.5);
z-index: 4;
}
.about-fone2 {
grid-column:1/5;
grid-row:2/4;
border-top:1px solid red;
margin-top:70px;
}
.about>p:nth-of-type(3) {
grid-column:1/6;
grid-row:4/8;
margin-left:30px;
margin-top:70px;
padding-top:70px;
font-style: italic;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
}
.about-fone3 {
grid-column:1/6;
grid-row:4/8;
margin-top: 5px;
/*background: linear-gradient(45deg, #CED7DF 0%, #FFFFFF 16.67%, #FFFFFF 77.08%, #D5DDE4 96.35%);*/
box-shadow:20px 20px 10px 1px rgba(185, 200, 204, 0.226);
background-image: url(img/001-2.webp);
opacity: 0.15;
background-repeat: no-repeat;
background-size: cover;
}
.advantage {
grid-column:6/13;
grid-row:3/8;
margin-left:30px;
padding-left: 50px;
margin-bottom: 0px;
margin-top: 100px;
}
.advantage>p{
letter-spacing: 0.03em;
word-spacing: 0.3rem;
text-decoration: underline;
font-style: italic;
font-size: 1.7rem;
}
.advantage-fone {
grid-column:6/13;
grid-row:3/8;
margin-left:30px;
padding-left: 50px;
margin-bottom: 0px;
margin-top: 100px;
background-image: url(img/gallery/background_2.webp);
background-repeat: no-repeat;
background-size: cover;
opacity: 0.25;
}
.advantage-list{
position:relative;
}
.advantage-list li {
font-size: 1.4rem;
padding-bottom: 20px;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
}
.advantage-list li::before{
content: "";
position: absolute;
width: 23.77px;
height: 24px;
left: -35px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.25);
}
.about>h3 {
grid-column:1/13;
grid-row:8/9;
margin-top:150px;
margin-bottom:50px;
text-align:center;
font-size: 1.5rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
text-decoration: underline;
}
.wrapper-container {
grid-column:1/13;
grid-row:10/13;
/* font-size: 1.4rem;
line-height: 2rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
padding-bottom:30px;*/
}
.wrapper-container p{
text-align: center;
text-decoration: underline;
font-size: 1.5rem;
}
/*карусель картнок*/
.carousel {
position:relative;
width:750px;
padding:10px 40px;
margin:0 auto;
margin-bottom: 20px;
}
.carousel img {
width:250px;
height:320px;
display:block;
}
.arrow-left {
position: absolute;
width: 30px;
height: 30px;
background: transparent;
border: 60px solid #C40001;
border-right-color: rgba(0,0,0,0.2);
border-left-width:0px;
border-top-color:transparent;
border-bottom-color:transparent;
width:0;
height:0;
}
.arrow-right{
position: absolute;
width: 30px;
height: 30px;
background: transparent;
border: 60px solid #C40001;
border-left-color: rgba(0,0,0,0.2);
border-right-width:0px;
border-top-color:transparent;
border-bottom-color:transparent;
width:0;
height:0;
}
.arrow-left:focus, .arrow-right:focus{
outline:none;
}
.arrow-left:hover {
transform: scale(1.1);
border-right-color: rgba(0,0,0,0.5);
cursor:pointer;
}
.arrow-right:hover {
transform: scale(1.1);
border-left-color: rgba(0,0,0,0.5);
cursor:pointer;
}
.prev {
left: -30px;
top:125px;
}
.next {
left:800px;
top:125px;
}
.gallery-carousel {
width: 750px;
overflow:hidden;
}
.gallery-carousel ul {
height: 350px;
width:9999px;
margin:0px;
padding:0px;
list-style:none;
transition:margin-left 250ms;
font-size:0;
}
.gallery-carousel li {
display:inline-block;
margin-top: 20px;
}
.gallery-carousel li img:hover{
transform: scale(1.1);
cursor:pointer;
}
.diller {
grid-column:1/13;
grid-row:9/10;
display:flex;
justify-content: space-around;
background-color:#FFFFFF;
align-items: center;
}
.diller li:hover{
transform: scale(1.2);
/*background-color: rgba(250,15,15,.5);*/
text-shadow: 2px 2px 30px rgba(250,15,15,1);
}
/* block shop*/
.shop {
min-height:1372px;
display:grid;
border-bottom:1px solid red;
grid-template-columns:repeat(12,auto);
grid-template-rows:repeat(12,auto);
padding-right: 30px;
background: linear-gradient(180deg, #CED7DF 0%, #FFFFFF 16.67%, #FFFFFF 77.08%, #D5DDE4 96.35%);
}
.shop h2 {
grid-column:1/4;
grid-row:1/2;
}
.shop-img {
grid-column:5/13;
grid-row:1/3;
margin-top:90px;
border-left:1px solid red;
border-top:1px solid red;
border-radius:20px;
}
.shop-list {
grid-column:1/5;
grid-row:2/4;
border-top:1px solid red;
padding-left:90px;
padding-right:20px;
margin-top:-30px;
font-size: 1.3rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
margin-top: 70px;
padding-top:20px;
position: relative;
}
.shop-list li{
padding-bottom: 10px;
font-weight: 700;
}
.shop-list li:not(:first-child)::before{
content: "";
position: absolute;
width: 23.77px;
height: 24px;
left: 50px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.25);
}
.shop-list li:first-of-type {
text-decoration: underline;
font-size: 1.4rem;
}
.shop-info {
grid-column:5/13;
grid-row:3/4;
text-align: center;
margin-top: 20px;
font-size: 1.2rem;
}
span {
color: #C40001;
}
.shop>h3 {
grid-column:1/13;
grid-row:4/5;
text-align: center;
font-size: 1.5rem;
text-decoration: underline;
font-style: italic;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
}
.contacts {
grid-column:1/13;
grid-row:5/7;
display:flex;
justify-content: space-around;
align-items: start;
font-size: 1.2rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
}
.shop-contact{
width: 500px;
}
.shop-contact li:first-of-type {
font-style: italic;
font-size: 1.2rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
text-decoration: underline;
}
.shop-contact li {
padding-bottom:10px;
}
.mail {
grid-column:1/13;
grid-row:7/8;
}
.shop .gallery {
grid-column:1/13;
grid-row:8/9;
text-align: center;
font-size: 1.7rem;
text-decoration: underline;
font-style: italic;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
}
.shop .gallery-item {
grid-column:1/13;
grid-row:9/13;
display:flex;
flex-flow:wrap;
justify-content:center;
gap:10px;
}
.shop .gallery-img_item{
opacity:0.5;
}
.full-foto{
box-shadow: 0 0 15px #055acaab;
}
.shop .gallery-img_item:hover{
transform: scale(1.1);
/*background-color: rgba(250,15,15,.5);*/
/*box-shadow: 2px 2px 30px rgba(250,15,15,1);*/
opacity:1;
cursor:pointer;
}
/*block wholesale*/
.wholesale {
min-height:1372px;
display:grid;
grid-template-columns:repeat(12,131px);
grid-template-rows:repeat(6,auto);
background: linear-gradient(180deg, #CED7DF 0%, #FFFFFF 16.67%, #FFFFFF 77.08%, #D5DDE4 96.35%);
}
.wholesale h2 {
grid-column:1/5;
grid-row:1/1;
}
.img-wholesale1 {
grid-column:6/13;
grid-row:1/3;
margin-top:90px;
border-top:1px solid red;
border-left:1px solid red;
border-radius:20px;
}
.shop-list_wholesale {
grid-column:1/6;
grid-row:2/3;
border-top:1px solid red;
padding-left:90px;
padding-right:20px;
font-size: 1.3rem;
letter-spacing: 0.03em;
word-spacing: 0.3rem;
padding-top:20px;
position: relative;
}
.shop-list_wholesale li {
padding-bottom: 10px;
font-weight: 700;
}
.shop-list_wholesale li:not(:first-child)::before{
content: "";
position: absolute;
width: 23.77px;
height: 24px;
left: 50px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.25);
}
.shop-list_wholesale li:first-of-type {
font-style: italic;
text-decoration: underline;
font-size: 1.4rem;
}
.img-wholesale2 {
grid-column:1/7;
grid-row:5/6;
background-color:rgba(50,154,240, 0.3);
margin-left: 30px;
}
.img-wholesale_p {
grid-column:1/7;
grid-row:4/5;
margin-left: 30px;
text-align: center;
}
.shop-info_wholesale {
grid-column:6/13;
grid-row:3/4;
text-align: center;
font-size: 1.2rem;
}
.shop-info_wholesale1 {
grid-column:8/13;
grid-row:5/6;
text-align: center;
font-size: 1.2rem;
}
.wholesale-contact li{
padding-bottom: 10px;
}
.wholesale-contact li:first-child{
font-size: 1.4rem;
text-decoration: underline;
font-style: italic;
}
.аreight_transportation {
width:100%;
min-height: 700px;
background: linear-gradient(180deg, #d3dbe2 10%, #FFFFFF 77.08%, #D5DDE4 96.35%);
& div{
display: flex;
justify-content: center;
align-items: center;
}
& img{
display: block;
width:47%;
height: auto;
}
& ul {
display: flex;
flex-direction: column;
min-height: 300px;
width:47%;
font-size: 1.2rem;
justify-content: space-around;
gap: 20px;
padding-left: 70px;
& li {
position:relative;
}
& li:not(:first-child)::before {
content: "";
position: absolute;
width: 23.77px;
height: 24px;
left: -40px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.25);
}
}
}
.footer {
width:1600px;
margin:0 auto;
background: linear-gradient(180deg, #d3dbe2 10%, #FFFFFF 77.08%, #D5DDE4 96.35%);
}
.autor {
margin-top: 100px;
padding-bottom: 30px;
text-align: center;
font-size: 0.8rem;
font-style: italic;
line-height: 20px;
border-top:1px solid red;
}
.contener-footer {
display:flex;
justify-content:space-around;
align-items: center;
}
.footer .header-map p{
font-size: 1.5rem;
letter-spacing: 0.03em;
word-spacing: 0.2rem;
}
/*form*/
.form{
width:450px;
padding:30px 0;
}
.form_title{
margin: 0px 0px 30px 0px;
font-size: 1.5rem;
}
.form_item{
margin: 0px 0px 20px 0px;
}
.form_label {
display:block;
margin: 5px 0px 10px 0px;
}
.form_input {
height:50px;
padding:0px 20px;
border-radius:5px;
width:100%;
transition: all 05.s ease 0s;
}
label.error{
display: none!important;
}
form input:focus{
box-shadow: 0 0 15px #055acaab;
}
form input.error{
box-shadow: 0 0 15px red;
}
textarea.form_input{
min-height: 120px;
resize: vertical;
padding: 20px;}
.file {
margin-bottom:20px;
}
.file_button{
display: inline-flex;
min-height: 40px;
border-radius: 30px;
justify-content: center;
padding:0px 20px;
align-items: center;
background-color: #d3dbe2;
padding: 0px 20px;
border: 1px solid #055acaab;
margin-bottom: 10px;
}
.form_button {
margin-top: 10px;
width:494px;
display: flex;
justify-content: center;
align-items: center;
min-height: 60px;
background-color: #055acaab;
color:white;
cursor: pointer;
border-radius: 20px;
}
/*кнопка наверх*/
.up-button {
width:150px;
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
background-color:rgba(255,255,255);
box-shadow: 2px 2px 30px #055acaab;
cursor: pointer;
border-radius: 10px;
opacity: 0,3;
position: fixed;
top: 300px;
right:30px;
border:none;
}
.up-button span{
color: #ca0515ab;
text-shadow:1px 1px 10px #FFFFFF;
font-weight: 700;
}
.up-button {
visibility:hidden;
}
.shown {
visibility:visible;
}
@media (max-width:426px) {
html{
font-size: 12px;
}
h2 {
font-size: 1.5rem;
font-style: normal;
text-shadow: 5px 5px 3px rgba(0,0,0, 0.3);
padding:0;
margin-top: 20px;
padding-top:5px;
text-align: center;
padding-bottom: 10px;
margin-bottom: 5px;
border-top: 1px solid red;
border-bottom: 1px solid red;
width:320px;
}
.mobile_menu {
display:none;
}
/* header*/
.header {
margin:0;
padding:0;
margin:0 auto;
width: 320px;
}
.header-logo {
display:block;
width:320px;
margin-top:5px;
padding:0;
min-height: auto;
}
h3 {
text-align: center;
font-size: 1.3rem;
margin:0;
padding:0;
}
.header-logo>p, .header-logo .header-map p, .header-logo .header-map, .header-contact, .header-contact>a, .praesento p:last-of-type{
/*visibility:hidden;
width:0;
height:0;*/
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip:rect(0 0 0 0);
}
.main {
width:320px;
margin:0 auto;
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.nav {
text-align: center;
margin:0;
padding:0;
min-height: auto;
margin-top:20px;
width:320px;
height:40px;
background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%,rgba(200, 150, 150, 1) 100%);
padding:0;
position: relative;
border-bottom: none;
}
.nav::before {
content: 'Меню сайта';
position: absolute;
width:320px;
height:25px;
padding-top: 7px;
left:0px;
top:-1px;
font-size: 2rem;
font-style: italic;
color:#FFFFFF;
}
.nav-menu {
position: absolute;
display:none;
}
.praesento {
padding:0px;
margin:0;
height:auto;
background:none;
background-repeat: no-repeat;
border-bottom:none;
}
.praesento p:first-of-type{
width: 320px;
margin:0;
padding:0;
margin-top: 20px;
font-style: italic;
text-align: center;
background:linear-gradient(90deg, rgba(255,255,255, 0.7)0%,rgba(0,0,0, 0.5)20%, rgba(255,0,0, 0.8)60%, rgba(0,0,0, 0.8)10%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
line-height: 2rem;
letter-spacing: 0.01rem;
font-size: 1.7rem;
}
.nav:hover .nav-menu {
position: absolute;
display:block;
background:white;
width:320px;
margin:0 auto;
margin-top: -10px;
z-index: 10;
height:250px;
padding-top:50px;
}
.nav-menu>li:first-of-type {
display:none;
}
.nav:hover .nav-menu>li {
margin-bottom:5px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgb(255, 255, 255);
}
.nav:hover .nav-menu >li >a{
color:black;
font-size: 1.5rem;
}
.nav:hover .nav-menu >li>a:hover {
color:red;
}
.nav-menu .sub-menu {
margin:0;
padding:0;
position:absolute;
z-index:10;
display:none;
}
.nav-menu .sub-menu li{
position:relative;
margin:0;
padding:0;
width:320px;
margin:0 auto;
left:0;
top:-35px;
}
.nav-menu .contact-menu:hover>a{
visibility:hidden;
}
.nav-menu li:hover .sub-menu {
display:block;
}
.nav-menu li:hover .sub-menu li a{
color:black;
font-size: 1.3rem;
}
.nav-menu li:hover .sub-menu li a:hover {
color:red;
}
.about{
margin:0;
padding:0;
display: flex;
flex-direction: column;
min-height: auto;
background: none;
border-bottom: none;
}
.about .about-fone3+p span{
color:red;
font-style: italic;
font-size: 1.3rem;
}
.about .about-fone3 {
margin-top: 20px;
margin-left: 10px;
order:-1;
max-width:300px;
height:180px;
background-image: url(img/media2.webp);
background-repeat: no-repeat;
background-size: cover;
position:relative;
box-shadow: 1px 1px 30px;
}
.about .about-fone3::before {
position: absolute;
content:'';
width: 300px;
height:180px;
left:-5px;
background:rgba(255, 255, 255, 0.2);
z-index: 1;
}
.about .about-fone3+p {
/*order: -2;
margin-top:20px;*/
font-style: italic;
position: absolute;
padding:0;
margin:0;
text-indent:15px;
line-height: 1.7rem;
z-index: 2;
margin-top: 30px;
left:30px;
width:275px;
letter-spacing: 0.03rem;
font-weight:bolder;
font-size: 1.2rem;
}
.about .about-oune {
color:red;
font-style: italic;
font-size: 1.2rem;
}
.about>p:first-of-type {
text-indent: 5px;
text-align: justify;
margin-bottom: 10px;
margin: 0;
padding:0;
font-size: 1.1rem;
line-height: 1.5rem;
word-spacing: 0.1rem;
}
.about>p:nth-of-type(2) {
text-indent: 5px;
text-align: justify;
margin-bottom: 10px;
margin: 0;
padding:0;
font-size: 1.1rem;
line-height: 1.5rem;
background: none;
margin-top: 10px;
box-shadow: none;
}
.about-fone1, .about-fone2, .advantage-fone {
display:none;
}
.advantage {
margin: 0;
padding:0;
background: none;
}
.advantage-fone{
background: none;
}
.advantage p {
text-indent: 15px;
font-style: italic;
padding-bottom: 5px;;
font-size: 1.2rem;
margin: 0;
padding:0;
margin-top: 10px;
margin-bottom: 10px;
}
.advantage-list {
width:295px;
text-align: justify;
margin-left: 20px;
}
.advantage-list li {
padding-bottom: 5px;
text-indent: 5px;
font-size: 1.1rem;
padding-bottom: 10px;
}
.advantage-list li::before{
content: " ";
position: absolute;
width: 12px;
height: 12px;
left: -15px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25);
}
.about>h3 {
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.about .diller {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.diller li {
width:70px;
margin-right: 5px;
}
.wrapper-container, .wrapper-container>p, .carousel {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
/*карусель картинок*/
.carousel {
position:relative;
width:320px;
margin:0 auto;
margin-bottom: 10px;
}
.carousel img {
max-width:100px;
height:auto;
display:block;
}
.arrow-left {
position: absolute;
width: 10px;
height: 10px;
background: transparent;
border: 15px solid #C40001;
border-right-color: rgba(0,0,0,0.2);
border-left-width:0px;
border-top-color:transparent;
border-bottom-color:transparent;
}
.arrow-right{
position: absolute;
width: 10px;
height: 10px;
background: transparent;
border: 15px solid #C40001;
border-left-color: rgba(0,0,0,0.2);
border-right-width:0px;
border-top-color:transparent;
border-bottom-color:transparent;
}
.arrow-left:focus, .arrow-right:focus{
outline:none;
}
.arrow-left:hover {
/*transform: scale(1.1);*/
border-right-color: rgba(0,0,0,0.5);
color:red;
cursor:pointer;
}
.arrow-right:hover {
/*transform: scale(1.1);*/
border-left-color: rgba(0,0,0,0.5);
cursor:pointer;
color:red;
}
.prev {
left: 125px;
top:165px;
}
.next {
left:160px;
top:165px;
}
.gallery-carousel {
width: 300px;
overflow:hidden;
}
.gallery-carousel ul {
height: 180px;
width:9999px;
margin:0px;
padding:0px;
list-style:none;
transition:margin-left 250ms;
font-size:0;
}
.gallery-carousel li {
display:inline-block;
margin-top: 20px;
}
.gallery-carousel li img:hover{
transform: scale(1.1);
cursor:pointer;
}
.wrapper-container>p {
text-align: center;
font-size: 1.3rem;
margin-top:20px;
}
/* Наш магазин*/
.shop {
display:block;
min-width: auto;
background:none;
min-height:auto;
border:none;
}
.shop-list li:first-child {
font-size: 1.3rem;
margin-top:10px;
margin-bottom:5px;
}
.shop-list {
width:295px;
padding: 0;
margin:0;
text-align: justify;
margin-left: 20px;
border:none;
}
.shop-list li {
padding-bottom: 5px;
text-indent: 5px;
font-size: 1.1rem;
padding-bottom: 10px;
}
.shop-list li:not(:first-child)::before{
content: " ";
position: absolute;
width: 12px;
height: 12px;
left: -15px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25);
}
.shop-img {
margin:0;
padding: 0;
border:none;
border-radius: 0;
}
.shop-info {
margin-top: 10px;
text-align: center;
font-size: 1.1rem;
}
.shop>h3 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.2rem;
}
.contacts {
display:block;
margin:0;
padding:0;
margin:0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.shop-contact {
margin-top: 10px;
width:auto;
font-size: 1.1rem;
}
.contacts li, .contacts p {
padding-bottom: 10px;
}
.shop-contact li:first-child, .mail p {
text-decoration: none;
font-size: 1.1rem;
}
.contacts .mail {
order:1;
margin-top: 10px;;
}
/*Фотогалерея*/
.gallery figcaption {
text-align: center;
font-size: 1.3rem;
margin:0;
padding:0;
width:200px;
height:30px;
line-height: 200%;
/*border: 1px solid black;*/
margin:0 auto;
position:relative;
background: rgba(167, 155, 155, 0.15);
box-shadow: 2px 2px 30px #055acaab;
margin-bottom: 40px;;
border-radius: 5px;
}
figcaption .desktop, .full-foto, .shop .gallery-item{
display:none;
}
figcaption .mobile {
display:block;
}
.gallery figcaption a {
color: rgb(2, 2, 2);
position: relative;
}
.shop .gallery {
text-decoration: none;
}
/*Оптовые продажи*/
.wholesale {
border:none;
background: none;
display:block;
min-height: auto;
}
.shop-list_wholesale li:first-child {
font-size: 1.3rem;
margin-top:10px;
margin-bottom:5px;
font-style: italic;
}
.shop-list_wholesale {
width:295px;
padding: 0;
margin:0;
text-align: justify;
margin-left: 20px;
border:none;
}
.shop-list_wholesale li {
padding-bottom: 5px;
text-indent: 5px;
font-size: 1.1rem;
padding-bottom: 10px;
}
.shop-list_wholesale li:not(:first-child)::before{
content: " ";
position: absolute;
width: 12px;
height: 12px;
left: -15px;
background: rgba(196, 196, 196, 0.8);
border: 2px solid #C40001;
box-sizing: border-box;
box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25);
}
.img-wholesale1, .img-wholesale2{
margin:0;
padding: 0;
border:none;
border-radius: 0;
margin-top: 15px;
}
.shop-info_wholesale {
text-align: center;
margin-top: 10px;
padding-bottom: 5px;
font-size: 1.1rem;
}
.shop-info_wholesale span {
color:red;
}
.img-wholesale_p {
font-size: 0.9rem;
text-align: center;
padding-bottom: 5px;
margin:0;
padding:0;
margin-top: 10px;
}
.shop-info_wholesale1 {
display:block;
margin-top: 10px;
text-align: center;
}
.wholesale-contact {
margin-top: 15px;
font-size: 1rem;
}
.wholesale-contact li {
padding-bottom: 10px
}
.wholesale-contact li:first-child{
font-size: 1.2rem;
font-style: italic;
}
.shop-info_wholesale1>h3 {
font-size: 1.2rem;
}
.аreight_transportation {
background: #fff;
& div{
flex-direction: column;
}
& img{
order: 1;
width:95%;
}
& ul {
order: 2;
flex-direction: column;
width:95%;
padding-left: 50px;
}
}
/*footer*/
.footer {
display:block;
width:320px;
background:none;
}
.contener-footer{
display:block;
}
.footer .header-map p {
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
font-size: 1.2rem;
}
.footer .header-map iframe {
width:300px;
height: 300px;
margin-left:10px;
}
.footer .autor {
text-align: center;
margin: 0;
padding:0;
line-height: 1.3rem;
}
.footer .autor address a{
display:flex;
justify-content: center;
}
/*form*/
.form{
display:block;
width:200px;
padding-left:40px;
}
.contener-footer {
padding:0;
margin:0;
}
.form_title{
margin: 0px 0px 0px 0px;
font-size: 1.2rem;
}
.form_item{
margin: 0px 0px 0px 0px;
margin-top: 10px;
}
.form_label {
display:block;
}
.form_input {
height:25px;
padding:0px 20px;
border-radius:5px;
width:100%;
transition: all 05.s ease 0s;
}
form h3 {
margin-top:20px;
}
label.error{
display: none!important;
}
form input:focus{
box-shadow: 0 0 15px #055acaab;
}
form input.error{
box-shadow: 0 0 15px red;
}
textarea.form_input{
min-height: 60px;
resize: vertical;
padding: 20px;}
.file {
margin-bottom:10px;
}
.file_button{
display: inline-flex;
min-height: 20px;
border-radius: 30px;
justify-content: center;
padding:0px 20px;
align-items: center;
background-color: #d3dbe2;
padding: 0px 20px;
border: 1px solid #055acaab;
margin-bottom: 10px;
}
.form_button {
margin-top: 10px;
width:244px;
display: flex;
justify-content: center;
align-items: center;
min-height: 30px;
background-color: #055acaab;
color:white;
cursor: pointer;
border-radius: 10px;
}
/*кнопка наверх*/
.up-button {
width:40px;
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
background-color:rgba(255,255,255);
box-shadow: 2px 2px 30px #055acaab;
cursor: pointer;
border-radius: 40px;
opacity: 0,3;
position: fixed;
top: 300px;
right:30px;
border:none;
}
.up-button span{
display:none;
}
.up-button {
visibility:hidden;
}
.shown {
visibility:visible;
}
}