/* parallax */

html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
	background-color: #0d141c;
	
}
body {
	font-family: Helvetica, Candara, Verdana, Arial;
    color: #C6C9DF;
}

.body-bg {
	background-color: #080d27;

}
.podmenu-bg-gray {
        background-color: darkgray;
        
    }
.podmenu-bg-gray-active {
        background-color: lightgray;
        
    }
.round {
    border-radius: 50%;
}
.c-icon {
    --star-active: #008000;
    --star-inactive: #7fbf7f;
    fill: var(--star-inactive);
}
.tov-opl {
    background-color: white;
}

.c-icon.active {
    fill: var(--star-active);
} 
.breadcrumb {
    background: none;
    font-size: 0.8rem;
    padding: .75rem 0rem;
    margin-bottom: 0rem;
}
.breadcrumb a {
    color: #6c757d;
}
.breadcrumb ol {
    margin-bottom: 0rem;
}
.phone {
	border: 1px solid red;
}
.img-podmenu {
    max-width: 250px;
}
.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;
}



/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px; }



/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
#parallax-world-of-ugg .block-gray {background: #f2f2f2; padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg {width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

.parallax_banner, .parallax_bg_dark, .parallax_bg_grey, .parallax-three { padding-top: 0px; padding-left: 0px; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center; 
    
}

.parallax_footer { padding-top: 0px; padding-left: 0px; overflow: hidden; position: relative; width: 100%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center; }

.parallax_banner { background-color: #070d27; background-image: url(../img/banners/banner-hosper-1.jpg); padding-bottom: 80px; }
.parallax_bg_dark { background-color: #070d27; background-image: url(../img/banners/body-bg-2.webp); padding-bottom: 10px;}
.parallax_bg_grey { background-color: #d9d9d9; background-image: url(../img/banners/body-bg-3.jpg); padding-bottom: 10px; }
.parallax_footer { background-color: #011842; background-image: url(../img/banners/body-bg-4.jpg); padding-bottom: 10px; }

.bg-fixed {
top: 0;
    left: 0;
    opacity: 1;}

.parallax_bg_dark h2, h3 {
   
    padding-top: 20px;
    text-align: center;
}
.podmenu a {

	font-size: 22px;
}

.podmenu-black a {
	color: #3A4068;
	font-size: 22px;
}
p { font-size: 1.1rem; }

#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

.text-dark {
    color: #3A4068;
}
.ahref-white a {
    color: #C6C9DF;
}
.ahref-kyivstar a {
    color: #00a0ff;
}

.parallax-text h1 {
    font-size: 1rem;
}

.parallax-muted {
	background-image: url("bg-muted.png");
	border-bottom-right-radius: 50px;
	width: 50%;
	padding: 20px;
	margin: 0;
	
}

.collapse-arrow {
    position: relative;

    left: 5px;
    overflow: hidden;
}

.h2-gen {
    display: inline-flex;

	text-transform: uppercase;
}
.h2-gen::before {
    display: inline-flex;
    margin-right: .30em;
    filter: invert(80%);
    height: 36px;
}
.h2-gen a:hover {
    color: #D1D000;
}
.restaurant-equipment::before {
    content:url("../obz/13240/grill.png");
}
.self-cleaning-exhaust-systems::before {
    content:url("../obz/13241/extractor-hood.png");
}
.showcase-refrigerators::before {
    content:url("../obz/13242/showcase.png");
    height: 72px;
    
}
.img-radius {
	border-radius: 25px;
    min-width: 100%;
}
.img-radius-10 {
	border-radius: 10px;
    min-width: 100%;
}
.opis-menu {

    font-size: 1.1rem;
}


.opis-menu-black h2 {
    padding-top: 20px;
    text-align: center;
}
.box-out {
	border-top: #00a0ff 1px solid;
	border-radius: 25px;
	
}
.price-box h3, h4 {
    font-size: 2.5rem;

}
.tov-box h3, h4 {
    font-size: 1.5rem;
    font-weight: bold;
}

.tov-box ul li {
    font-size: 1.5rem;
}
.tov-box ol li {
    font-size: 1.5rem;

}


.btn-yellow {

    border: #D1D000 3px solid;
	border-radius: 0.25rem;
    color: #D1D000;
    font-size: 2rem;
    
}
.btn-yellow:hover {

    border: #00a0ff 3px solid;
	border-radius: 0.25rem;
    color: #00a0ff;
    
}

.btn-blue {

    border: #00a0ff 3px solid;
	border-radius: 0.25rem;
    color: #00a0ff;
    font-size: 2rem;
    
}
.btn-blue:hover {

    border: #e60000 3px solid;
	border-radius: 0.25rem;
    color: #e60000;
    
}

.btn-kyivstar {

    border: #00a0ff 3px solid;
	border-radius: 0.25rem;
    color: #00a0ff;
    font-size: 2rem;
    
}
.btn-kyivstar:hover {

    border: #D1D000 3px solid;
	border-radius: 0.25rem;
    color: #D1D000;
    
}

.buybox-kyivstar {
    border: #00a0ff 3px solid;
	border-radius: 0.25rem;
    color: #00a0ff;
    font-size: 2rem;
}
.buybox-kyivstar:hover {
    border: #e60000 3px solid;
	border-radius: 0.25rem;
    color: #e60000;
    
}

.btn-red {

    border: #e60000 3px solid;
	border-radius: 0.25rem;
    color: #e60000;
    font-size: 2rem;
    
}
.btn-red:hover {

    border: #25d366 3px solid;
	border-radius: 0.25rem;
    color: #25d366;
    
}

.btn-green {

    border: #25d366 3px solid;
	border-radius: 0.25rem;
    color: #25d366;
    font-size: 2rem;
    
}
.btn-green:hover {

    border: #e60000 3px solid;
	border-radius: 0.25rem;
    color: #e60000;
    
}


.box-out-tovar-galery {
	border-top: #00a0ff 1px solid;
	border-radius: 25px;
}
.box-out-tovar-galery p {
	color: #3A4068;
}
.box-out-tovar-galery ul{
    list-style: none;
    padding: 0;
}
.box-out-tovar-galery ul li{
	color: #3A4068;
}
.tov-description, .tov-description ol li, .tov-description ul li, .tov-description p, .tov-description h3, .tov-buy-opis, .tov-box, .tov-box ul li, .tov-box h3, .tov-box p, .price_opis, .price_opis p {
    font-size: 1.4rem;
}

.tov-description h4 {

    font-weight: bold;
}

.box-out-price {
	font-size: 24px;
	font-weight: bold;
	color: #1956B4;
}
.box-out-price:hover {
	color: #e60000;
}

.box-1 {
	
	border-radius: 25px;
	
}
.box-img {
	max-height: 300px;
	opacity: 0.8;
    border-radius: 25px;
}
.box-title {
	font-size: 24px;
	font-weight: bold;
	color: #1956B4;
}
.box-title a {
	color: #1956B4;
}
.box-title a:hover {
	color: #e60000;
    text-decoration: none;
}
.card, .card-header {
    background-color: transparent;
    border: none;

}
.card-header {
    padding: 0;
}
.card .btn-link {
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #2D4DC8; /* Добавляем свою линию */ 
    font-weight: bold;
    padding: 1rem 0 .2rem 0;
    position: relative;
    font-size: 1.4rem;
}
.card .btn-link:hover {
    color: #e60000; /* Цвет ссылки при наведении на нее курсора */
}
.frm-bg {
	background-image: url("../img/banners/body-bg-5.jpg");
	background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;

	background-color: #063748;
}
.frm-header {
	color: #D1D000;
	font-size: 24px;
	font-weight: 600;
}
.frm-header span{
	font-weight: 900;
}
.modal-header .close {
    padding: 0.7rem 1rem;
}
.close {
	font-size: 2.2rem;
    font-weight: 700;
	color: #D1D000;
	opacity: .9;
}
.close:hover {
    color: #fff;
}

.modal-header {
	border-bottom: none;
	background-color: #080d27;
}
.img-invert {
	filter: invert(80%);
}
.header-bg {
	background-image: url("../img/logo-6.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
.btn-dropdown {
    color: #00a0ff;
    background-color: none;
    border-color: #00a0ff;
	font-weight: 400;
	border: 0px;
}
.btn-dropdown:hover {
    color: #D1D000;
    border-color: #D1D000;
}
.btn-podrob {
    border: #1956B4 3px solid;
	border-radius: 0.25rem;
    color: #1956B4;
    background-color: none;
	font-weight: 400;

}
.btn-podrob:hover {
    color: #e60000;
    border-color: #e60000;
}
.btn-menu {
    color: #00a0ff;
    background-color: none;
    border: none;
	padding: 0px;
    font-size: 2rem;
}
.btn-menu:hover {
    color: #D1D000;
    border-color: #D1D000;
}

.navbar-expand-xxl .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}
ul.navbar-nav li a {
	color: white;
	font-size: 24px;
	font-weight: 400;
}
.scroll-area-menu {
    max-height: 280px;
    overflow-x: hidden;
}
.btn-products a  {
	color: #00a0ff;
	font-size: 2rem;
}

.btn-products a span{
    color: #00a0ff;
	font-weight: bolder;
}
.btn-products a span:hover{
    color: #D1D000;
	
}
.btn-prod {
	font-weight: bolder;
	font-size: 2rem;
}
.btn-products a:hover {
	color: #D1D000;
	text-decoration: none;
}
.dropdown-menu {
	background-color: #0d141c;
	color: white;
	border-color: #00a0ff;
}
.dropdown-item {
	color: #00a0ff;
    font-size: 1.6rem;
}
.dropdown-item:hover {
	color: white;
	background-color: #D1D000;
}
.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;
}

.text-light {
    color: #C6C9DF;
}

.footer-tel a {
	font-weight: bold;
	font-size: 20px;
	color: #C6C9DF;
}
.footer-tel a:hover {
	color: #00a0ff;
	text-decoration: none;
}

.fs-15 {
    font-size: 1.5rem;
}
.fs-12 {
    font-size: 1.2rem;
}
.fs-20 {
    font-size: 2rem;
}
.fs-30 {
    font-size: 3rem;
}


@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;	
	}

.top-social	[class^="icon-"] {
		font-size: 2rem;
	}

.top-social a:hover {
    text-decoration: none;
    color: #D1D000;
}
@media screen and (max-width: 1400px) {
    .card .btn-link { font-size: 1rem; }
}
@media screen and (min-width: 1200px) {

}
@media screen and (max-width: 1200px) {
	.parallax-muted {width: 60%;}
    .card .btn-link { font-size: 1rem; }
    .tov-description, .tov-description ol li, .tov-description ul li, .tov-description p, .tov-description h3, .tov-buy-opis, .tov-box, .tov-box ul li, .tov-box h3, .tov-box p, .price_opis, .price_opis p {font-size: 1.2rem;}
    .img-podmenu {
        max-width: 200px;
    }
}
@media screen and (max-width: 992px) {
	.parallax-muted {width: 70%;}
    .card .btn-link { font-size: 1.4rem; }
    .parallax_banner { background-image: url(../img/banners/banner-hosper-1-1024.jpg); }
    .parallax_bg_grey { background-image: url(../img/banners/body-bg-3-1024.jpg); }
    .parallax_footer { background-image: url(../img/banners/body-bg-4-1024.jpg); }
    .img-podmenu {
        max-width: 150px;
    }
}
@media screen and (min-width: 768px) {
	
#parallax-world-of-ugg .block {padding: 40px; width:620px;}
#parallax-world-of-ugg .block {padding: 30px; width:420px;}
#parallax-world-of-ugg h1 {font-size:36px;}
#parallax-world-of-ugg .block {padding: 30px;}

    .breadcrumb {
        font-size: 1rem; 
    }


	
	.btn-dropdown {
		border: 3px solid;
	}
    
    
	
}

@media screen and (max-width: 768px) {
	.parallax-muted {width: 100%;}
    .parallax-text h1 {
        font-size: 2rem;
    }
    
    .btn-podrob {
		border-style: solid;
        border: 0px;
	}

    h2 {
        font-size: 1.4rem;
    }
    
    .card .btn-link { font-size: 1.2rem; }
    .my-gallery {

      padding-right: 0px !important;
    }
    .img-podmenu {
        max-width: 100px;
    }
    
    
    .parallax_banner { background-image: url(../img/banners/banner-hosper-1-640.jpg); }
    .parallax_bg_grey { background-image: url(../img/banners/body-bg-3-640.jpg); }
    .parallax_footer { background-image: url(../img/banners/body-bg-4-640.jpg); }
}

@media screen and (min-width: 576px) {
    
	#parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
	
	.header-bg {
		background-image: none;
	}
    
    .top-social	[class^="icon-"] {
		font-size: 3rem;
	}
    
}

@media screen and (max-width: 576px) {
    .parallax-text h1 {
        font-size: 1.6rem;
    }
    
    
    
}


.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: #A296F3;
}
.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-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;
}