@charset "utf-8";

/*=====================================================

* Shtorm

    Автор: RamDiesel
    Copyright (c) 2016 ...

=====================================================*/

/* БАЗОВЫЕ НАСТРОЙКИ
-----------------------------------------------------*/

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}
@font-face {
      font-family: 'menu';
      src: url('../fonts/19554.ttf');
    }
@font-face {
      font-family: 'ApercuPro';
      src: url('../fonts/ApercuPro-Regular.ttf');
    }
@font-face {
	font-family: 'Caviar Dreams';
	src: url('../fonts/caviar_dreams.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/caviar_dreams.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/caviar_dreams.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/caviar_dreams.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/caviar_dreams.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/caviar_dreams.svg#caviar_dreams') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
    font-family: 'Arizonia';
    src: url('../fonts/Arizonia.ttf');
    
    font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Notice3Std';
	src: url('../fonts/NoticeIII.woff') format("woff");
		
}
@keyframes showDiv {
  0%, 50% {
   opacity: 10%; 
  }
  50%, 100% {
    opacity: 100%;
  }
}




body {
    display: block;
	width: 100%;
    margin:0 auto;
    } 
.care{
    
}
.careicons{
    font-family: Notice3Std;
    font-size: 3.0em;
   height: 65px;
}
.careicons_site{
    font-family: Notice3Std;
    font-size: 2.3em;
   cursor: pointer;
    padding-right: 5px;
}
.careicons:hover{
    text-transform: uppercase;
    cursor: pointer;
}
.careoptions{
    font-size: 0.8em;
}
.textcss{
    font-family: ApercuPro;
    font-size: 0.9em;
   
}
	
.main{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
}
.header{
    width: 100%;
    height: 45px;
    z-index: 10000;
    filter: invert(100%);
    color: #fff;
}
.header_row{
    width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.header.scrolled{
    background-color: #fff !important;
    filter: invert(0);
    transition: 0.4s;
    -webkit-box-shadow: 1px 5px 7px -3px rgba(34, 60, 80, 0.2); 
-moz-box-shadow: 1px 5px 7px -3px rgba(34, 60, 80, 0.2); 
box-shadow: 1px 5px 7px -3px rgba(34, 60, 80, 0.2);
     z-index: 10000;
}
.menustyle{
    padding: 3px;
    border-radius: 3px;
    transition: 0.3s;
    
}
.menustyle:hover{
    background-color: #000;
    transition: 0.3s;
    color: #fff;
}
.menustyle_href{
    color: #000;
    text-decoration: none;
}

.menuraz{
    padding-right: 20px;
}
.slider{
    margin: -50px 0px;
    overflow: hidden;
    object-fit: cover;
}
.maininstagram{
    display: block;
    text-align: center;
    font-size: 1.2em;
    
}
.mainpageinstagramlogo{
    height: 40px;
}

.ban{
  width: 100%;  
    
}
.header_logo{
    
    padding-top: 2px;
    
}
.header_logo_img{
    height: 40px;
}
.header_menu{
    display: flex;
    padding-left: 30px;
    
}
.telega{
    font-size: 0.8em;
}
.header_menu_link{
    text-decoration: none;
    color: #000;
    font-size: 0.7em;
}
.header_menu_link:hover{
    color: #ffffff;
   
}
.header_left{
    display: flex;
    align-items: center;
}
.header_right{
    display: flex;
    
}
.header_menu_item{
    font-family: ApercuPro;
    font-weight: bold;
    font-size: 1.2em;
}
.header_shopmenu{
    display: flex;
    right: 10px;
}
.header_shopmenu_img{
    width: 20px;
}
.header_shopmenu_item{
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}
.header_shopmenu_bubble{
    position:absolute;
    right: -3px;
    bottom: 0px;
    color:crimson;
    font-size: 1.4em;
    animation: showDiv 1s forwards;  
    z-index: -1000;
}
.shop_card_popup_list{
    padding-bottom: 0px;
}
.shop_card_popup_buttons{
    padding-top: 30px;
}
.cardliststyle{
   
    
}
.order_button_box{
    padding-top: 20px;
    padding-bottom: 30px;
}
.order_button{
    border: 0px;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #000;
    color: #fff;
    transition: 0.5s;
}
.order_button:hover{
  background-color: #6c8065;
    transition: 0.5s;
}
.catalogue{
    display: block;
    
    animation: showDiv 1s forwards;
}
.catalog_order_filter_box{
    display: block;
    padding-left: 30px; 
}
.filtersline{
    display: none;
   
}
.leftmenupos{
    display: block;
    position: relative;
}
.linemenu{
    padding-right: 10px;
}
.leftmenu{
    display: block;
    position: fixed;
    left: 0;
    top: 40px;
    background-color: #fff;
    height: 100vh;
    width: 35%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: left 0.5s cubic-bezier(0, 0, 1, 1), opacity 0.8s;
    z-index: 1100;
    opacity: 0.9;
}
.rightmenu{
    display: block;
    position: fixed;
    right: 0;
    top: 40px;
    background-color: #fff;
    height: 100vh;
    width: 35%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: right 0.5s cubic-bezier(0, 0, 1, 1), opacity 0.8s;
    z-index: 1100;
    opacity: 0.9;
}
.leftmenu:hover{
    
}
.mainmenucontainer{
   
    cursor: pointer;
}
.change .line1 {
    -webkit-transform: rotate(-45deg) translate(0px, 7px);
    transform: rotate(-45deg) translate(0px, 7px);
}

.change .line2 {opacity: 0;}

.change .line3 {
    -webkit-transform: rotate(45deg) translate(0px, -7px);
    transform: rotate(45deg) translate(0px, -7px);
}
.breadcrumbs{
    color: #ccc;
    font-size: 0.8em;
    text-decoration: none;
}
.breadcrumbs:hover{
    color: #808080;
}
.leftmenu_off{
    left: -35%;
    transition: left 0.5s cubic-bezier(0, 0, 1, 1), opacity 0.8s;
    opacity: 0;
    z-index: -1;
}
.rightmenu_off{
    right: -35%;
    transition: right 0.5s cubic-bezier(0, 0, 1, 1), opacity 0.8s;
    opacity: 0;
     z-index: -1;
}

.leftmenu_noopacity{
    padding-left: 30px;
    padding-top: 30px;
    
}
.leftmenu_items{
    color: #000;
    text-decoration: none;
    transition: 0.3s;
}
.leftmenu_items:hover{
   color: #ccc; 
    transition: 0.3s;
}
.leftmenu_item{
    padding-bottom: 10px;
    color: #000;
    font-size: 0.9em;
    animation: showDiv 1s forwards;
}
.leftmenu_top_item{
 color: #000;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.leftmenu_top_item_all{
 color: #000;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.line1, .line2, .line3{
    display: block;
    width: 15px;
    height: 1px;
    background-color: black;
    margin: 4px 0;
    transition: 0.3s;
}
.catalog_order_filters{
      
        
    }
.catalog_order_filters a{
    color: #6c8065;
    text-decoration: none;
}

.filter_sort_by{
    display: flex;
    align-content: center;
}
.filter_sort_price{
    padding-right: 20px;
    
}
.filter_sort_newsale{
    display: flex;
    justify-content: center;
}
.filter_sort_new{
    padding-right: 20px;
    font-size: 0.8em;
}
.filter_sort_sale{
    padding-right: 20px;
    font-size: 0.8em;
}
.filter_sort_button_box{
    
}
.filter_sort_button{
    background-color: #fff;
    border: 1px solid #000;
    font-size: 0.8em;
   
}
.message_warning{
    text-align: center;
}
.catalogue_names{
    padding-left: 30px;
}

.catalogue_line{
    margin-top: 15px;
}
.catalogue_item{
    transition: 0.3s;
    width: 33.3%;
    position: relative;
}
.catalogue_item_name{
    position: absolute;
    bottom: 5%;
    left: 5%;
    color: #fff;
      font-family: ApercuPro;
    font-weight: bold;
    font-size: 2em;
}
.catalogue_item:hover{
    transition: 0.3s;
    filter: brightness(80%);
}
.catalogue_item_img{
    width: 100%;
    height: 80%;
    object-fit: cover;
}
.catalogue_line_name{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
    
}
.catalogue_name_logo{
    font-family: Arizonia;
    font-weight: bold;
    font-size: 2em;
}

.catalogue_name_item{
    font-family: ApercuPro;
    font-size: 1.3em;
}
.catalogue_shop_line{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.catalogue_shop_item{
    display: block;
    transition: 0.3s;
    padding-bottom: 100px;
}
.catalogue_shop_item:hover{
    transition: 0.3s;
    filter: brightness(85%);
    
}
.catalogue_shop_lot{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.catalogue_shop_image_box{
    position: relative;
    width: 100%;
    height: 100%;
}
.heart{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.favoriticon{
    width: 20px;
    opacity: 50%;
}
.favourite_button{
    width: 20px;
}
.product_image_item_desktop{
   width: 100%;
    height: 100%;
}
.catalogue_shop_item_size_block{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    opacity: 80%;
    background-color: #fff;
    width: 100%;
    height: 40px;
}
.catalogue_item_size_item{
    padding: 10px;
}
.catalogue_item_size_item:hover{
    background-color: #ccc;
    cursor: pointer;
}
.catalogue_shop_item_name_block{
    display: flex;
    justify-content: space-between;
    width: 95%;
    padding-top: 5px;
    margin: 0 auto;
    overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
    height: 40px;
    
}
.catalogue_shop_item_favourite:hover{
    cursor: pointer;
}
.catalogue_shop_item_name{
    font-family: ApercuPro;
    
    font-size: 0.8em;
}

.catalogue_shop_item_name a{
    text-decoration: none;
    color: #000;
}
.catalogue_item_price_block{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 20px;
}
.catalogue_item_price{
    font-family: ApercuPro;
     
}
.catalogue_item_colors{
    display: flex;
    align-self: center;
    
}
.circle {
	width: 12px;
	height: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid grey;
}
.circle:hover{
  cursor: pointer;  
}
.catalog_item_color{
    padding-left: 3px;
}
.circle_focus{
border: 2px solid grey;
}
  
.price_new{
    color: red;
}
.page_sertificate{
    display: flex;
    justify-content: space-around;
    width: 70%;
    margin: 0 auto;
    padding-top: 40px;
}
.page_sertificate_img_box{
    width: 30%;
}
.page_sertificate_text_box{
    width: 60%;
}
.sertificate_text{
    font-size: 0.9em;
}
.page_sertificate_img{
    width: 100%;
}
.product_item_box{
}

.product_item{
    font-family: ApercuPro;
}
.product_item_photo_box{
width: 100%;
}
.img_page{
   width: 47%;
    overflow: hidden;
}
.additional_photos_list{
   text-align: center;
}
.goback{
    padding-top: 10px;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.next_button{
    display: block;
    position: absolute;
bottom: 40px; right: 40px;
    padding: 10px;
    background-color: white;
    filter: opacity(50%);
}
.product_item_photo{

    object-fit: cover;
}
.product_item_description{
    padding-top: 20px;
    display: block;
    margin: 0 auto;
    height: 100%;
    
}
.product_item_description_box{
    width: 100%;
}
.product_item_desc_cathegory{
    padding-bottom: 10px;
}
.product_item_desc_cathegory_link{
    font-size: 0.8em;
    color: #6c8065;
    font-weight: bold;
    text-decoration: none;
}
.product_item_desc_cathegory_link:hover{
    text-decoration: underline;
}
.product_item_desc_name{
    font-weight: bold;
    font-size: 1.3em;
}
.product_item_name_and_price{
    display: flex;
    justify-content: space-between;
    
    width: 100%;
    
}
.size_box{
    padding-bottom: 20px;
    padding-top: 20px;
}
.product_item_desc_price{
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 10px;
}
.product_item_desc_about{
    
}
.size_and_bye_box{
    display: block; 
}
.bye_box{
    display: flex;
    font-weight: 1.5em;
    justify-content: center;
}
.size_select{
    border: 1px solid #000;
    background-color: #fff;
    height: 50px;
}
.goup{
    display: none;
}
.dark_button{
    border: 1px solid #93ab8b;
    background-color: #93ab8b;
    color: #ffffff;
    font-weight: bold;
    transition: 0.3s; 
}
.dark_button:hover{
    background-color: #6c8065;
    transition: 0.3s;
}
.light_button{
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    transition: 0.3s;
}
.light_button:hover{
    background-color: dimgray;
    transition: 0.3s;
    color: #fff;
}
.bye_button_box{
    width: 60%;
}
.share_button{
    width: 60%;
    height: 50px;
}
.bye_button{
  width: 100%;
    height: 50px;
}
.like_button{
    width: 50px;
    height: 50px;
    
}
.like_button_box{
    padding-left: 5px;
}

.product_share_box{
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    
}
.sharemodule_on{
    padding:20px;
    display:none;
    width:60%;
    text-align:center;
}

.cart_block{
    display: block;
    width: 60%;
    margin: 0 auto;
    padding-top: 80px;
    font-family: Caviar Dreams;
}
.cart_block_items{
    display: flex;
    justify-content: space-between; 
    
}
.cart_block_item{
    display: block;  
    width: 70%;
    
    
}
.cart_block_item_part1{
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}
.cart_block_item_line2{
    
}
.cart_line_corrector{
    display: flex;
    justify-content: space-between;
    width: 80%;
}
.cart_block_item_part2{
    display: block;
}
.cart_block_item_photo{
    display: block;
    
}
.cart-body{
    font-family: ApercuPro;
}
.cartlink{
        text-decoration: none;
        color: #000;
        font-family: ApercuPro;
    
    }
.cartlink:hover{
    color: #ccc;
}
.mainpage {
    
    margin-top: -45px;
}
.prumitka{
    font-size: 0.8em;
}
.mainpagevideo{
    object-fit: cover;
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
    animation: showDiv 3s forwards; 
}
.mainpagemenu{
    font-family: ApercuPro;
    font-weight: bold;
    position: absolute;
    top: 20%;
    right: 15%;
    padding: 3%;
    transition: 0.6s;
    animation: showDiv 1s forwards;
}
.order_fon{
    width: 97%;
    margin: 0 auto;
}
.orderitem{
    text-decoration: none;
    color: dimgray;
}
.waiting{
    filter: opacity(30%);
}
.activestat{
   filter: opacity(100%)!important; 
}
.ifprocesstext{
    color: dimgray;
}
.ifoktext{
    color: green;
}
.ifnotoktext{
    color: red;
}
.order_products{
    font-size: 0.9em;
}
.deliverycrumbs{
    font-size: 0.6em;
}
.menuitemurl{
    color: #ffffff;
    font-size: 1.7em;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
}
.menuitemurl:hover{
    color: #cccccc;
    transition: 0.3s;
}
.cart_block_item_name{
    display: block;
    padding-bottom: 20px;
}
.cart_block_item_size{
    display: block;
    padding-bottom: 20px;
}
.cart_block_item_img{
    height: 150px;
    width: 120px;
    
}
.cart_block_item_delete_img{
    width: 15px;
}
.cart_block_all_bye{
    font-family: ApercuPro;
    font-size: 0.9em;
}
.cart_block_all_bye_information{
    font-weight: bold;
    padding-bottom: 20px;
}
.cart_block_all_bye_products{
    padding-bottom: 10px;
}
.cart_block_all_bye_delivery{
    padding-bottom: 10px;
}
.cart_block_all_bye_allprice{
    font-weight: bold;
    padding-bottom: 20px;
}
.footer{
    display: block;
    width: 90%; 
    padding-bottom: 20px;
    margin: 0 auto;
    
}
.footer_menu_block{
    display: block;
    padding-top: 20px;
    width: 95%;
    margin: 0 auto;
}
.footerhr{
   
}
.footer_menu{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
}
.footer_menu_item{
    
    padding-right: 30px;
    font-family: ApercuPro;
    font-size: 0.9em;
    

}
.footer_item_menu_link{
    color: #000;
    text-decoration: none;
}
.footer_item_menu_link:hover{
    text-decoration: none;
    color: #ccc;
}
.footer_social_icons{
    width: 25px;
}
.footer_social_icons:hover{
filter: opacity(50%);    
}
.footer_copyright_block{
    display: block;
    text-align: right;
    
    width: 95%;
    margin: 0 auto;
}
.footer_copyright{
    font-size: 0.9em;
    color: #000;
    font-family: Caviar Dreams;
}
.footer_copyright2{
    font-family: Arizonia;
    font-size: 1.5em;
    color: #6c8065;
}
.littletext{
    font-size: 0.8em;
}
.price_old{
    text-decoration: line-through;
    padding-right: 10px;
    color: dimgrey;
}

.marqee{
  height: 40px;
  width:100%;
    overflow: hidden;
  margin:0 auto;
  background: #000000;
    position: fixed;
    bottom: 0px;
    z-index: 10000000;
}
.marqee p{
  text-align:center;
  color:#fff;
  text-transform: uppercase;
 padding-top: 8px;
  animation: text 50s infinite linear;
  padding-left: 100%;
  white-space: nowrap;
}

.marqee2{
    height: 40px;
    width:100%;
      overflow: hidden;
    margin:0 auto;
    background: #000000;
      position: fixed;
      bottom: 0px;
      z-index: 10000000;

      text-align:center;
  color:#fff;
  text-transform: uppercase;
 padding-top: 8px;
  /*animation: text 50s infinite linear;*/
  /*padding-left: 100%;*/
  white-space: nowrap;
  }

.search_name{
        text-decoration: none;
    font-weight: bold;
    }
.search_props{
        text-decoration: none;
    font-size: 0.9em;
    word-wrap: break-word;
    }
.search_decoration{
    text-decoration: none;
}
@keyframes text {
  0%{
    transform: translate(-100%, 0);
  }
    50%{
    transform: translate(-200%, 0);
  }
  
  100%{
    transform: translate(-100%, 0);
  }
    
}


/* МОБ. НАСТРОЙКИ
-----------------------------------------------------*/

@media screen and (max-width: 1024px) {
	.main{
	width:100%;
	}
.catalogue_shop_item{
    
}
       .img_page{
    width:100%;
    
} 
    .mainpagemenu{
    position: absolute;
    top: 20%;
    right: 60%;
        
    padding: 5%;
    transition: 0.6s;
    
}
    .leftmenu{
        width: 40%;
    }
    .rightmenu{
        width: 40%;
    }
}
@media screen and (max-width: 767px) {
    .mainpage{
    
    background-position: 25% 75%;
    }
	.mainpagemenu{
    position: absolute;
    top: 20%;
    right: 40%;
        
    padding: 5%;
    transition: 0.6s;
        
    
}
    .leftmenu{
        width: 100%;
    }
    .leftmenu:hover{
   
}
    .leftmenu_off{
    left: -100%;
    
}
    
     .rightmenu{
        width: 100%;
        
    }
 
    .rightmenu_off{
    right: -100%;
   
}
    
    .header_menu{
        display: none;
    }					
		
    .catalogue_line{
    display: block;
    
        
}
    .catalogue_item{
     width: 100%;   
    
}
    .catalogue_shop_line{
    
   
        
    
      
}
    .catalog_order_filter_box{
    
    
}
.catalogue_shop_item{
    display: block;
    margin: 0 auto;
}
    
    .product_item_box{
    display: block;
    width: 100%;
    margin: 0 auto;
        
}
    .product_item{
    display: block;
        width: 100%;
        margin: 0 auto;
}
    .product_item_photo{
    
        width: 100%;
        
}
    .product_item_photo_box{
   
        
    
}
    .product_item_description_box{
        width: 100%;
    }
    .product_item_description{
    padding-top: 1px;
    width: 100%;
}
    .product_item_desc_price{
    font-weight: bold;
        padding-top: 20px;
        
}
    .size_and_bye_box{
    padding-top: 0px;
}
    .bye_box{
     
    }
    .product_share_box{
        display: block;
    justify-content: center;
        padding-bottom: 30px;
        padding-top: 30px;
}
    .filter_sort_by{
    display: block;
    
}
    .filter_sort_price{
        
    }
    .filter_sort_button_box{
    
}
    
  .goup{
    display: block;
}  

    
    
    
   .product_item_name_and_price{
    display: block;    
} 
    .cart_block_item{
    display: block;
}
    .cart_block_item_part1{
    display: block;
    width: 100%;
   padding-bottom: 50px;
}
    .cart_block_item_img{
       width: 100%; 
        height: 100%;
    }
    
    .size_box{
        padding-bottom: 50px;
    }
    .footer{
        
    padding-top: 30px;
    padding-bottom: 30px;
}
    .footer_menu{
    display: block;
    text-align: center;
}
 .footer_menu_item{
    padding-left: 0px;
    padding-right: 0px;
     padding-bottom: 10px;
} 
    .footer_copyright_block{
    text-align: center;
}
    
}

	
	
	
	}