/* parallax */

html {
    scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
    position: relative;
    min-height: 100%;
}
body {
	font-family: Helvetica, Candara, Verdana, Arial;
    color: #6E6E6E;
}
.lang {
   position: absolute;
    width: 80px;
    top: 0px;
    left: 80px;
    z-index: 10;
    padding-top: 0px; 
    padding-bottom: 0px; 
    
}
.langru {
    background-color: dodgerblue; 
    font-weight: bold;
    color: white; 
    max-height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

.langua {
    background-color: yellow; 
    font-weight: bold;
    color: dodgerblue;
    max-height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

.c-icon {
    --star-active: #008000;
    --star-inactive: #7fbf7f;
    fill: var(--star-inactive);
}

.c-icon.active {
    fill: var(--star-active);
}

.bg-gradient-light {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.564907212885154) 3%, rgba(101,101,103,0.4136467086834734) 50%, rgba(255,255,255,1) 97%);
}
a.disabled {
pointer-events: none; /* делаем элемент неактивным для взаимодействия */
cursor: default; /*  курсор в виде стрелки */
color: #888;/* цвет текста серый */
}
.round-kat {
    border-radius: 0px 60px 0px 60px;
    border-bottom: 6px solid #E0E0E0;
    padding-bottom: 2rem;
}

.round-menu-left {
    border-radius: 0px 0px 60px 0px;

      border-right: 6px solid #E0E0E0;
    padding-bottom: 2rem;
}
.round-tovar-foto {
    border-radius: 26px 26px 0px 0px;
}
.round-tovar {
    border-radius: 0px 0px 26px 26px;
    background-color: #E0E0E0;
    padding-bottom: 2rem;  
    opacity: 0.60;
}
.round-tovar:hover {
    opacity: 1;  
}
.tov-opl {
	
	color: #007bff;	
	font-size: 1.1rem;
	border: solid 1px #007bff;
	border-radius: 0.25rem;
	min-height: 140px;
}
.tov-opl i {
	display: block;
	color: #007bff;
}
.tov-gal a {
    color: #000;
}
.tov-gal a:hover {
    color: #000;
    text-decoration: none;
}
.tovar-gal-price {
   background-color: #fff;
    font-size: 1.5rem;
    border-radius: 6px;
}
.tovar-opis-foto {
    border-radius: 24px;
}
.harakteristiki ul {
    padding-left: 1rem;
}
.img-frm {
    max-height: 260px;
}

.price-old {
	font-size: 28px;
	font-weight: bold;
	color: #505050;
	position: relative;
	display: inline-block;
	overflow: hidden;
	word-wrap: normal;
}
.price-old:before {
	border-bottom: 2px solid red;
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	transform: rotate(-14deg);
}

.buybox-price {
    font-size: 48px;
    font-weight: bold;
}
.buybox-link {
    list-style-type: none;
    
}
.buybox-link li {
    border-bottom: 1px dashed #2D4DC8;
}
#display {
	z-index: 300;
	position: absolute;
	background-color: white;
	width: 100%;
}
.ico-btn {
    color: white;
}
.ico-btn:hover {
    color: white;
}
.opacity-60 {
    opacity: 0.60;
}
.body-bg {
	background: url("../img/bg-top.jpg");
    background-color: #fff;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
}

.list-dop li {
    list-style-type: '\e82c';
    color: #007bff;
font-family: 'icomoon', Helvetica, Candara, Verdana, Arial;
}

.fs-btn-menu {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
	color: #00a0ff;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button.navbar-toggler{
    border: .3em solid transparent;
    padding: 0;
    
}



.nav-link:hover {
  transition: all 0.4s;
}


.nav-item ul.nav-second-level {
  padding-left: 20px;
}

.nav-item ul.nav-second-level > .nav-item {
  padding-left: 0px;
}

.navbar-expand-lg .navbar-nav .nav-link {
       padding-left: 0px;
    }
    
    .navbar-expand-lg .sidenav {
        padding-left: 1.5rem;
    }

.my-navbar {
    position: relative;
}
.bg-grey {
    background-color: #E0E0E0;
}
.header-menu {
    
}
.header-menu a {
   text-decoration: none;
}
.header-menu a:hover {
   text-decoration: none;
    color: #FF8800;
}

.round {
    border-radius: 50%;
}
 
.breadcrumb {
    background: none;
    font-size: 0.8rem;
    padding: .75rem 0rem;
    margin-bottom: 0rem;
}
.breadcrumb a {
    color: #6c757d;
}
.breadcrumb ol {
    margin-bottom: 0rem;
}
.my-gallery {
  width: 100%;
  float: left;
  padding-right: 1rem !important;
}
.my-gallery img {
      width: auto;
    height: auto;
}
.my-gallery figure {
  display: block;
  float: left;

}
.my-gallery figcaption {
  display: none;
}
.pswp__counter {
	font-size: 24px;
}
.pswp__caption__center {
	font-size: 18px;
	max-width: none;
	text-align: center;
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
	background-color: rgba(0,0,0,0.9);
}


.carousel-caption-position {
	position: absolute;
    right: 15%;
    top: 40%;
    left: 5%;
    z-index: 10;
    padding-top: 0px; 
    padding-bottom: 0px; 
    text-align: left;
}
.carousel-caption-white {
	color: #D1D000;
}

.moredetail1::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .130em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}
.moredetail2::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .130em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}
.moredetail3::after {
    display: inline-block;
    margin-left: .30em;
    vertical-align: .130em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}


.btn-search {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    color: #6E6E6E;
}


.table-border-dashed td, th {
    border-bottom-style: dashed; 
    border-bottom-width: thin;
    border-top-style: dashed; 
    border-top-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-right-style: dashed;
    border-left-style: dashed;
    border-color:  grey;
}

.b_marka ul {
    padding-left: 1rem;
}


.fs-15 {
    font-size: 1.5rem;
}
.fs-15x {
    font-size: 1.5rem;
}
.fs-13 {
    font-size: 1.3rem;
}
.fs-13x {
    font-size: 1.3rem;
}
.fs-12 {
    font-size: 1.2rem;
}
.fs-20 {
    font-size: 2rem;
}
.fs-30 {
    font-size: 3rem;
}
.fs-12x {
    font-size: 1.2rem;
}
.fs-30x {
    font-size: 3rem;
}
.fs-36x {
    font-size: 2.4rem;
}
.img-logo {
    width: 200px;
}




@font-face {
	
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot?610n2n');
  src:  url('../font/icomoon.eot?610n2n#iefix') format('embedded-opentype'),
    url('../font/icomoon.ttf?610n2n') format('truetype'),
    url('../font/icomoon.woff?610n2n') format('woff'),
    url('../font/icomoon.svg?610n2n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
	font-size: 24px;
	color: #00a0ff;
    margin-right: 5px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

	[class^="icon-"]:hover {
		color: #00a0ff;	
	}





@media screen and (max-width: 1400px) {
}
@media screen and (min-width: 1200px) {

}
@media screen and (max-width: 1200px) {
    .h1 {
        font-size: 28px;
    }    
    
        .body-bg {
     background: url("../img/bg-top.jpg");
            background-color: #fff;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    }

}
@media screen and (max-width: 992px) {
    .fs-30x {
        font-size: 2rem;
    }
    .img-logo {
        width: 160px;
    }
    .fs-36x {
        font-size: 2rem;
    }
    .navbar-collapse {
        height: fit-content;
    }    
    
        .body-bg {
     background: url("../img/bg-top-1024.jpg");
            background-color: #fff;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    }  
    
    .lang {
        top: 20px;
    }
    
}

@media (min-width: 992px) {
  .sidenav {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    padding-top: 2rem;
    background-color: transparent;
    box-sizing: border-box;
  }
 
.navbar-top {
    height: 0px;
}
    .navbar-expand-lg .navbar-nav .nav-link {
       padding-left: 0px;
    }
    
    .navbar-expand-lg .sidenav {
        padding-left: 1rem;
    }

  .navbar-expand-lg .sidenav {
    flex-direction: column;
  }
  .navbar-expand-lg .sidenav {
             
      height: fit-content;
  }

  .content-wrapper {
    margin-left: 240px;
  }


}

@media screen and (min-width: 768px) {
	

 
    
	
}

@media screen and (max-width: 768px) {
    
    .fs-30x {
        font-size: 1.5rem;
    }
    .fs-36x {
        font-size: 1.5rem;
    }   
    .fs-btn-menu {
        font-size: 1.5rem;
    }
    
        .body-bg {
     background: url("../img/bg-top-800.jpg");
            background-color: #fff;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    }  

}

@media screen and (min-width: 576px) {


    
}

@media screen and (max-width: 576px) {
    
            .body-bg {
     background: url("../img/bg-top-600.jpg");
            background-color: #fff;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    }  
    
 .ico-shopping-cart:before {
  font-size: 24px;
}

    .fs-15x {
        font-size: 1rem;
    }
    .fs-12x {
        font-size: 0.8rem;
    }
    .tel-top {
        padding-left: 15px;
    }
    .img-logo {
        width: 110px;
    }
    .fs-36x {
        font-size: 1.1rem;
    }    
    .lang {
        
        left: 50px;
    }
}





.icon-home:before {
  content: "\e907";
}
.icon-add-outline:before {
  content: "\e913";
}
.icon-arrow-thin-down:before {
  content: "\e914";
}
.icon-arrow-thin-left:before {
  content: "\e915";
}
.icon-arrow-thin-right:before {
  content: "\e916";
}
.icon-arrow-thin-up:before {
  content: "\e917";
}
.icon-checkmark1:before {
  content: "\e918";
}
.icon-cheveron-down:before {
  content: "\e919";
}
.icon-cheveron-left:before {
  content: "\e91a";
}
.icon-cheveron-right:before {
  content: "\e91b";
}
.icon-cheveron-up:before {
  content: "\e91c";
}
.icon-close:before {
  content: "\e91d";
}
.icon-close-solid:before {
  content: "\e91e";
}
.icon-edit-pencil:before {
  content: "\e91f";
}
.icon-exclamation-outline:before {
  content: "\e920";
}
.icon-exclamation-solid:before {
  content: "\e922";
}
.icon-filter1:before {
  content: "\e908";
}
.icon-information-outline:before {
  content: "\e923";
}
.icon-information-solid:before {
  content: "\e924";
}
.icon-minus-outline:before {
  content: "\e925";
}
.icon-minus-solid:before {
  content: "\e926";
}
.icon-play:before {
  content: "\e912";
}
.icon-send:before {
  content: "\e927";
}
.icon-share-alt:before {
  content: "\e909";
}
.icon-shopping-cart:before {
  content: "\e901";
}
.icon-trash:before {
  content: "\e90a";
}
.icon-facebook:before {
  content: "\e911";
  color: #1877f2;
}
.icon-instagram:before {
  content: "\e902";
  color: #e4405f;
}
.icon-messenger:before {
  content: "\e903";
  color: #00b2ff;
}
.icon-pinterest:before {
  content: "\e90b";
  color: #bd081c;
}
.icon-plex:before {
  content: "\e90c";
  color: #e5a00d;
}
.icon-signal:before {
  content: "\e90d";
  color: #2592e9;
}
.icon-telegram:before {
  content: "\e904";
  color: #2ca5e0;
}
.icon-viber1:before {
  content: "\e90e";
  color: #665cac;
}
.icon-vodafone:before {
  content: "\e90f";
  color: #e60000;
}
.icon-whatsapp:before {
  content: "\e906";
  color: #25d366;
}
.icon-youtube1:before {
  content: "\e910";
  color: #f00;
}
.icon-search-2:before {
  content: "\e828";
}
.icon-mail-2:before {
  content: "\e829";
}
.icon-heart-1:before {
  content: "\e82a";
}
.icon-heart-empty-2:before {
  content: "\e82b";
}
.icon-ok-2:before {
  content: "\e82c";
}
.icon-paper-plane-1:before {
  content: "\e834";
}
.icon-location-1:before {
  content: "\e836";
}
.icon-phone-1:before {
  content: "\e83f";
}
.icon-instagram1:before {
  content: "\e900";
}
.icon-viber:before {
  content: "\e905";
}
.icon-telegram1:before {
  content: "\ea95";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-facebook1:before {
  content: "\f30c";
}
.icon-library:before {
  content: "\e921";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-coin-euro:before {
  content: "\e93c";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-airplane:before {
  content: "\e9af";
}
.icon-truck:before {
  content: "\e9b0";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-half:before {
  content: "\e9d8";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-filter:before {
  content: "\ea5b";
}
.icon-sigma:before {
  content: "\ea67";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
} 

.icon-phone-kyivstar:before {
  content: "\e83f";
    color: #00a0ff;
}

.ico-shopping-cart:before {
  content: "\e901";
    font-family: 'icomoon';
    color: #ffc107;
    font-style: normal;
    margin-right: 0.3rem;
}

.ico-shopping-cart:before {
  content: "\e901";
    font-family: 'icomoon';
    color: #FF8800;
    font-style: normal;
}

.ico-add-cart:before {
  content: "\e901";
    font-family: 'icomoon';
    color: #FFFFFF;
    font-style: normal;
}

.kolzak {
	font-size: 18px; 
	text-align: center; 
	font-weight: bold; 
	width: 24px; 
	height: 24px;  
	position: absolute; 
	z-index: 5; 
	border: none; 
	background: transparent; 
	color: red;
}

.cart-item .btn {
    margin: 0px;
    padding: 0px;
}
.cart-item input {
    padding: 0px;
    margin: 0 12px 0 10px;
}

.ico-phone:before {
  content: "\e83f";
    font-family: 'icomoon';
}

.ico-ok-2:before {
  content: "\e82c";
    font-family: 'icomoon';
}

.nav-link-collapse:after {
  float: right;
  content: '\e91b';
    font-family: 'icomoon';
}

.nav-link-after:after {
  float: right;
  content: '\e91b';
    font-family: 'icomoon';
}

.nav-link-show:after {
  float: right;
  content: '\e919';
    font-family: 'icomoon';
}