@font-face { font-family: "Lato"; src: url(/fonts/lato-regular.ttf); }
@font-face { font-family: "Lato Medium"; src: url(/fonts/lato-medium.ttf); }
@font-face { font-family: "Lato Bold"; src: url(/fonts/lato-bold.ttf); }
@font-face { font-family: "Lato Black"; src: url(/fonts/lato-black.ttf); }
@font-face { font-family: "Lato Light"; src: url(/fonts/lato-light.ttf); }
@font-face { font-family: "Lato SemiBold"; src: url(/fonts/lato-semibold.ttf); }
@font-face { font-family: "HelveticaNeue Italic"; src: url(/fonts/helveticaneueitalic.ttf); }


/*BOOTSTRAP 5 COLUMNS*/
.col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 {
    position: relative; width: 100%; min-height: 1px;
    padding-right: 15px; padding-left: 15px;
}
.col-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
@media (min-width: 540px) { .col-sm-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 720px) { .col-md-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 960px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 1140px){ .col-xl-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }

.col-9dot6, .col-sm-9dot6, .col-md-9dot6, .col-lg-9dot6, .col-xl-9dot6 {
    position: relative; width: 100%; min-height: 1px;
    padding-right: 15px; padding-left: 15px;
}
.col-9dot6 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
@media (min-width: 540px) { .col-sm-9dot6 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } }
@media (min-width: 720px) { .col-md-9dot6 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } }
@media (min-width: 960px) { .col-lg-9dot6 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } }
@media (min-width: 1140px){ .col-xl-9dot6 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } }


/*RESET*/
*, *::before, *::after {box-sizing: border-box;}
main {overflow: hidden;}
footer {overflow: hidden;}
@media (min-width: 1250px) { .container { max-width: 1210px; } }
a, a:visited, a:hover, a:focus {color: inherit; text-decoration: none;}
ul, p {margin: 0; padding: 0;}
.frame-img { display: block; overflow: hidden;}    img {max-width: 100%;}
iframe {max-width: 100% !important;}
body { font-family: Lato; font-size: 15px; line-height: 1.6; color: hsl(0, 0%, 27%); overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-family: 'Lato Bold';}
.ctn-w-bg {position: relative; overflow: visible; }
.ctn-w-bg::before {content: ""; position: absolute; top: 0; bottom: 0;left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -2;background-size: cover;}
.img-bckgr {display:block; height: 100%; width: 100vw; max-width: 100vw; object-fit: cover;position: absolute; left: calc(50% - 50vw); right: calc(50% - 50vw);top: 0; z-index: -2;filter:brightness(0.6)}

/*HEADER*/
header {
  display: flex; justify-content:space-between; align-items:center; padding: 15px 0;
  font-size:14px; /*color: #ff0000;*/position:relative;color:#fff;
}
header:before{background:linear-gradient(to right, hsla(33, 100%, 50%,.1), hsla(13, 100%, 49%,.6));}
#logo {height: calc(55px + 3vw);}

#header__address {
  display: inline-block; width: 182px; position: relative;
  border-right: 1px solid #ddd;
}
#header__address::before {
  content: ""; width: 21px; height: 37px;
  background: url('/images/icon/address.png'); background-size: contain;
  position: absolute; top: 50%; left: -34px; transform: translateY(-50%);
}

#header__hotline { display: inline-block; text-align:right; position: relative; margin-left: 63px;}

#header__hotline::before {
  content: ""; display: inline-block; width: 31px; height: 31px;
  background: url('/images/icon/hotline.png'); background-size: contain;
  position: absolute; top: 50%; left: -41px; transform: translateY(-50%);
}

.hotline-number { font-size: 16px; font-family: 'Lato Bold'; }
.sale-icon,.new-icon{position:absolute;top:0;width:55px;height:35px;}
.sale-icon{right:15px;background:url(/images/icon/saleoff.gif) no-repeat center;background-size:contain;}
.new-icon{left:15px;width:60px;height:40px;background:url(/images/icon/new.gif) no-repeat center;background-size:contain;}
.product {position:relative;}
#SimilarProducts .sale-icon,#FeaturedProducts .sale-icon{right:0 !important;}
#SimilarProducts .new-icon, #FeaturedProducts .new-icon{left:0 !important;}
/*NAVIGATION*/


@media (min-width: 1200px) { .core-nav .nav-container { width: 1210px; } }

.core-nav.nav-core-sticky.on-scroll {
  box-shadow: 0px 16px 15px -15px hsla(58, 100%, 21%, 0.41);
  z-index: 100;
}
.core-nav .wrap-core-nav-list {line-height: 1.4;}
nav {background: #c51b1b;}
.menu { color: #fff; }
.menu>li {padding: 9px 13px 7px; transition: .2s all;}
.menu>li.active, .menu>li:hover, .menu>li:focus {border-bottom: 3px solid hsl(0, 0%, 100%);}
.menu li a {font-size: 15px; font-family: "Lato Bold"; text-transform: uppercase;}

.attributes li {padding: 4px 0;}
.search {position: relative;}
.search__field {
  height: 30px; width: 206px; background: hsl(0, 0%, 100%); border-radius: 15px;
  border: none; outline: none; padding-left: 10px;
}

.search__submit {
  display: block; width: 15px; height: 15px; border: none; outline: none;
  background: url('/images/icon/search.png') right center no-repeat; background-size: contain;
  position: absolute; top: 50%; right: 13px; transform: translateY(-50%);
}

  /*DROPDOWN*/
.dropdown-overlay {pointer-events: none;}
.toggle-submenu {
  display:inline-block; width: 9px; height: 11px;
  background: url('/images/icon/arrow-down.png') center center no-repeat;
  background-size: contain; margin-left: 5px;
}
.core-nav .dropdown.open>.dropdown-menu {
  top:39.5px; min-width: unset; width:max-content;margin: 0; line-height: 1.7;
  border: none; border-radius: 4px; animation-duration: .3s;
  background: linear-gradient(to right, hsl(360, 68%, 45%), hsla(48, 86%, 57%,.7));
}

.core-nav .dropdown>.dropdown-menu li {
  padding: 7px 21px; text-align: left;
  border-bottom: 1px dotted hsla(213, 99%, 30%, 0.27);
}
.core-nav .dropdown>.dropdown-menu>li>a {
  font-family: "Lato Medium"; font-size: 16px; text-transform: none;
  color: hsl(0, 0%, 100%);padding: 0; border: 0; 
}

.nav-container{display:flex;align-items:center;justify-content:space-between;}
.core-nav .wrap-core-nav-list{flex:1;}

@media (max-width: 576px) {
  header {padding: 7px 0; justify-content: center;}
}


@media (max-width: 992px) {
 /* header {background: linear-gradient(to right, hsla(33, 100%, 50%,.5), hsla(13, 100%, 49%,.1));}*/
 header:before{background:#fff;}
  
  #header__info { padding: 20px 0; }
  #header__address, #header__hotline { font-size: 14px ;width: auto; margin-left: 25px; border-right: none; }
  #header__address::before { width: 10px; height: 18px; left: -19px; top: 0; transform: none;}
  #header__hotline::before { width: 15px; height: 15px; left: -21px; top: 0; transform: none;}
  #header__hotline {margin-top: 10px;}
  .hotline-number { font-family: 'Lato Bold'; font-size: 15px;}

  .search__field { height: 20px; width: 140px; font-size: 13px;}
  .attributes li {padding: 0;}
  .nav-header {text-align:center;}
  .core-nav .nav-header.left { height: 25px; }
  .core-nav .core-nav-toggle { margin-left: 10px;}
  .core-responsive-slide.open .core-nav.nav-core-sticky.on-scroll {left: 215px; transition: all .5s ease-in-out;}
  .core-nav.nav-core-sticky.on-scroll { left: 0px; width: 100vw; transition: all .5s ease-in-out;}

  .core-nav .core-nav-toggle {
  height: 25px; width: 25px; cursor: pointer;
  background: url('/images/icon/menu-3.png') no-repeat center;
  background-size: contain;
  transition: background .3s;
}

.core-nav .core-nav-toggle.opened {
  height: 15px; width: 15px; cursor: pointer;
  background: url('/images/icon/cancel-2.png') no-repeat center;
  background-size: contain; position: relative; top: 3px;
}

  .core-nav .wrap-core-nav-list .core-nav-list {overflow: auto; margin-top: 10px;}
  .core-responsive-slide.open { margin-left: 215px; margin-right: -215px; }
  .core-responsive-slide .core-nav .wrap-core-nav-list { width: 215px;}

  .menu>li, .menu>li.active, .menu>li:hover, .menu>li:focus {
    overflow: auto; border-bottom: 1px solid hsl(0, 0%, 92%);
    padding: 13px 0 13px 22px ;
  }

  .menu>li>a {
    font-size: 14px;font-family:'Lato Bold'; color: hsl(3, 72%, 51%); text-transform: uppercase; line-height: 1;
  }
  .menu>li>a:hover, .menu>li>a:focus, .menu>li>a.active{}

  .toggle-submenu {
    display:inline-block; height: 40px; width: 47px; cursor: pointer;
    background: url('/images/icon/menu-down.png') no-repeat center;
    background-size: 13px 13px;
    position:absolute; right: 0px; top:0;transition: all .3s;
    
  }
  .toggle-submenu.opened{
    display:inline-block; height: 40px; width: 47px; cursor: pointer;
    background: url('/images/icon/menu-up.png') no-repeat center;
    background-size: 13px 13px;
    position:absolute; right: 0px; top:0 ;transition: all .3s;
  }

  /*DROPDOWN*/
  .core-nav .dropdown.open > .dropdown-menu {
    background-image: none; position: static; width: 100%; margin-top: 10px;
  }
  .core-nav .wrap-core-nav-list .core-nav-list .dropdown-menu li {
    width: auto; padding: 10px 0px;
    
  }
    .core-nav .wrap-core-nav-list .core-nav-list .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid hsl(0, 0%, 92%);
  }
    .core-nav .wrap-core-nav-list .core-nav-list .dropdown-menu li:last-child {
    border-bottom: none;
  }
 

  .core-nav .dropdown>.dropdown-menu>li>a {
    font-family:'Lato Bold'; font-size: 11px; color: hsl(40, 91%, 55%););
    position: relative; text-transform: uppercase;
    line-height: 1; letter-spacing: 0; border: none;
  }
  .core-nav .dropdown>.dropdown-menu>li>a:hover,
  .core-nav .dropdown>.dropdown-menu>li>a:focus,
  .core-nav .dropdown>.dropdown-menu>li>a.active {}

}

/*HERO AREA*/
#HeroArea img {height: calc(42px + 25vw); object-fit: cover;}

#FeaturedProducts {margin-top: calc(15px + 1.5vw); }
.owl-carousel.nav-ci.black .owl-stage-outer{
  padding: 8px 4px 9px 4px; margin-right: -8px;
  position: relative; left: -4px;
}
.owl-carousel.nav-ci.black .owl-nav button.owl-prev span {
  display: inline-block; width: 13px; height: 23px;
  background: url('/images/icon/left-fp.png'); background-size: contain;
}

.owl-carousel.nav-ci.black .owl-nav button.owl-next span {
  display: inline-block; width: 13px; height: 23px;
  background: url('/images/icon/right-fp.png'); background-size: contain;
}

.head--products-home {
  font-size: 22px; font-family: "Lato Medium"; color: hsl(1, 74%, 49%);
  text-transform: uppercase; text-align: center;
}

.head--products-home::after {
  content:""; display: block; height: 26px; margin: 14px 0 20px;
  background: url('/images/icon/candle.png') center no-repeat;
  background-size: contain;
}

.product .frame-img {box-shadow: rgba(0,0,0,.1) 0px 0px 2px 1px;}
.product__img {height: calc(170px + 5vw); width: 100%; object-fit: contain;}
.product__title {
  font-size: 15px; font-family: 'Lato Medium'; color:	hsl(0, 0%, 20%); 
  text-align: center; text-transform: uppercase; margin-top: 19px;height:34px;overflow:hidden;
}
.product__title:hover, .product__title:focus {color: hsl(0, 75%, 51%); }
.product__price {font-size: 15px; text-align: center; color: hsl(0, 100%, 50%); margin-top: 14px;}
.product__btn, .product__btn:visited {
  display: block; padding: 11px 0; text-align: center;
  color:	hsl(40, 91%, 55%); font-family: "Lato Medium";font-size: 14px;
  border: 1px solid hsl(0, 0%, 87%); margin-top: 20px; transition: all .2s;
}

.product__btn:hover, .product__btn:focus {
  background: hsl(0, 75%, 51%); border: 1px solid hsl(0, 75%, 51%);
  color: hsl(0, 0%, 100%);
}


#MidAdvert {position: relative; margin-top: calc(3px + 2.3vw);}
#MidAdvert__Background {width: 100%; height: calc(410px - 5.5vw); object-fit: cover;}
#MidAdvert:before {
  content: ""; background: hsla(0, 0%, 0%, 0.65);
  position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}
#MidAdvert__Heading {
  position: absolute; top: 38px; left: 50%; transform: translateX(-50%);text-align: center;
  font-family: 'Lato Light'; font-size: 18px; color: hsl(0, 0%, 100%);
}
#MidAdvert__CM {
  font-family: 'Lato Bold'; font-size: 26px; color: hsl(0, 0%, 100%);
  text-transform: uppercase; text-align: center; display:block;  margin-top: 6px;
}

#MidAdvert__Heading::after {
  content: ""; display: inline-block; width: 66px; height: 1px;
  background: hsl(40, 92%, 55%); margin-top: 14px;
}

#MidAdvert__Content {
  position: absolute; top: 150px; left: 50%; transform: translateX(-50%);
  color: hsl(0, 0%, 100%); text-align: center; width: 80%; max-width: 1100px;
}



#pnl_ProductsHome {margin-top: 40px; text-align: center;}
#pnl_ProductsHome img {height: calc(150px + 13vw); width: 100%; object-fit:contain;}
#pnl_ProductsHome .tabs {list-style: none;}
#pnl_ProductsHome .tabs li {display: inline-block;}
#pnl_ProductsHome .tabs li:not(:last-child) {margin-right: 18px;}
#pnl_ProductsHome .tabs li a, #pnl_ProductsHome tabs li a:visited {
  font-family: 'Lato Medium'; font-size: 16px; transition: all .2s;
  text-transform: uppercase;
}
#pnl_ProductsHome .tabs li a:hover, #pnl_ProductsHome tabs li a:focus,
#pnl_ProductsHome .tabs li a.active {color: hsl(0, 75%, 51%);}

#PanelContainer {margin-top: calc(16px + 2vw);}

.btn-yellow, .btn-yellow:visited {
  display: inline-block; padding: 10px 30px; background: hsl(40, 92%, 55%); margin-top: 25px;
  color: hsl(0, 0%, 100%); text-transform: uppercase;
}




#NewsHome {margin-top: 40px; padding: 25px 0 47px; text-align: center; background: url('/images/icon/news-home-bg.jpg'); background-size: cover;}
.head--news-home {font-family: 'Lato Medium'; font-size: 22px; text-transform: uppercase; margin-bottom: 50px;}
#NewsHome .owl-carousel .owl-stage-outer {padding: 0 16px 22px 16px; margin-right: -32px; position: relative; left: -16px;}
#NewsHome span {
  display: inline-block; width: 20px; height: 20px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}

#NewsHome .owl-next span {background: url('/images/icon/right-nh.png'); background-size: contain;}
#NewsHome .owl-prev span {background: url('/images/icon/left-nh.png'); background-size: contain; margin-right: 10px; }



.new-home {
  background: hsl(0, 0%, 100%);text-align: left; padding: 0 8px 15px;
  transition: .2s all; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.new-home:hover, new-home:focus { box-shadow: 0px 3px 15px 4px rgba(0, 0, 0, 0.35); transform: scale(1.02); transform-origin: top center;}
.new-home:hover, new-home:focus { }
#NewsHome .new-home__thumb {height: calc(90px + 4vw); width: calc(100% + 16px); max-width:unset; object-fit: cover; margin: 0 -8px; }
.new-home__title {font-size: 16px; line-height: 1.2; height: 53px; margin-top: 13px;}
.new-home__date {font-family: 'HelveticaNeue Italic'; font-size: 13px; color: hsl(0, 0%, 47%); margin-top: 10px;}
.new-home__date::before {
  content: ""; display: inline-block; margin-right: 6px; height: 13px; width: 13px;
  background: url('/images/icon/clock-2.png') center no-repeat; background-size: contain;
}

.new-home__kicker {height: 33px; overflow: hidden; line-height: 1.2; margin-top: 10px;}


@media(max-width: 576px) {
  .head--products-home {font-size: 17px; font-family: 'Lato Bold'}
  .head--products-home::after { height: 18px; margin: 7px 0 10px; }

  .product__title {font-size: 13px; margin-top: 14px; margin-bottom: 0;}
  .product__price, .product__btn {font-size: 13px; margin-top: 7px;}
  #MidAdvert__CM { font-size: 20px; margin-top: 6px; width: 180px; }
  #MidAdvert__Heading { top: 21px; font-size: 15px;}
  #MidAdvert__Heading::after { position: relative; top: -8px;}

  #MidAdvert__Content { top: 87px; width: 84%; font-size: 14px; }

  #pnl_ProductsHome .tabs li a, #pnl_ProductsHome tabs li a:visited { font-size: 14px; }
  .btn-yellow, .btn-yellow:visited { padding: 7px 36px; font-size: 13px; }

  #NewsHome { margin-top: 25px; padding: 22px 0; }
  .head--news-home {font-size: 20px; margin-bottom: 45px;}
  .new-home__title {font-size: 14px; height: 33px; overflow: hidden;}
  .new-home__kicker { height: 45px; font-size: 13px;}
}

      /*                                     */
     /*           --  BANNER  --            */
    /*                                     */


.banner-page { position: relative;}
.banner-page:before{
  content: ""; display: block; background: rgba(0,0,0, .65);
  position: absolute; top:0; left: 0; bottom:0; right: 0;
}
.banner-page__img{
  height: calc(81px + 10.5vw);width: 100%; object-fit: cover;}

.BC {position: absolute; bottom: 25px; padding: 0; margin: 0; font-size: 0;}

.BC a, .BC a:visited, .BC a:hover, .BC a:focus {
  color: hsl(59, 98%, 50%); text-decoration:none; font-family:'Lato Medium';font-size: 15px; text-transform: uppercase;
  transition: all .2s;
}
.BC li {display: inline-block;}
.BC li:not(:last-child) {margin-right: 5px;}
.BC li:not(:first-child)::before {
  display: inline-block; margin-right: 9px;
  content: "/"; font-family: 'Lato Medium'; font-size: 15px; color: hsl(0, 0%, 100%);
}

.BC li.active a, .BC li:hover a, .BC li:focus a {color: hsl(3, 76%, 49%);}


/*-------------------------------------------------------------------------------*/

 .banner-page + .container {padding: 30px 15px 50px;}


      /*                                     */
     /*          --  PRODUCTS  --           */
    /*                                     */


.head-sidebar {
  font-size: 18px; color: hsl(1, 74%, 49%); text-transform: uppercase;
  padding-bottom: 10px; border-bottom: 1px solid hsl(0, 0%, 87%)
}

#Categories {list-style: none;}
#Categories li {margin: 0;}
#Categories li:not(:first-child) {margin-top: 20px;}
#Categories li a, #Categories li a:visited {font-family: 'Lato Medium'; font-size: 16px; transition: all .2s;}
#Categories li.active a, #Categories li:hover a {font-family: "Lato Bold"; color: hsl(1, 74%, 49%);}




.img-sidebar {width: 100%; height: auto;}
.frame-img--sidebar {
	position: relative; margin-top: 40px;
}
.frame-img--sidebar::before {
	position: absolute; top: 0; left: -90%; z-index: 2;
	display: block; content: ''; width: 50%; height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg); transform: skewX(-25deg);
}
.frame-img--sidebar:hover::before {
	-webkit-animation: shine .75s; animation: shine .75s;
}
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }






.SideProducts {margin-top: 30px;}
.side-product{text-align: center; padding: 15px 38px; border: 1px solid hsl(0, 0%, 87%); margin-top: 10px;}
.side-product .frame-img {box-shadow: rgba(0,0,0,.1) 0px 0px 2px 1px;}
.side-product img {width: 140px; height: 160px; object-fit: contain;}


.heading2 {font-size: 20px; color: hsl(0, 75%, 51%); margin-bottom: 30px;}
.product:nth-child(n+5) {margin-top: 40px;}

#WrapperPagination {margin-top: 45px;}
#lbl_Pagination {font-size: 0;}
#lbl_Pagination a {
  display:inline-block; padding: 14px; border: 1px solid #ddd;
  font-family: 'Lato Bold'; font-size: 14px;  line-height: 1;
  transition: all .2s;
}

#lbl_Pagination a:first-child { border-bottom-left-radius: 15px; border-top-left-radius: 15px; }
#lbl_Pagination a:last-child { border-bottom-right-radius: 15px; border-top-right-radius: 15px; }
#lbl_Pagination .cpage { border: none; background: hsl(0, 75%, 51%); color: white; }



#ProductGallery {height: calc(300px + 19vw); text-align: center; margin: 0;}
.xzoom {max-height: calc(195px + 19vw);}
.xzoom-thumbs  {position: absolute !important; top: calc(225px + 19vw); left: 50%; transform: translateX(-50%); width: 100%;}
.xzoom-gallery {width: 80px; height: 80px; object-fit: contain;}
.product__detail ul {list-style-image: url('/images/icon/ul-li.png'); margin-left: 25px;}
#ProductDetail h1 {color: hsl(0, 75%, 51%); font-size: 20px; text-transform: uppercase;}
#ProductDetail h2:nth-of-type(1) {
  font-size: 15px; color: hsl(0, 0%, 33%); text-transform: uppercase;
  margin: 10px 0; padding-bottom: 14px; border-bottom: 1px solid hsl(0, 0%, 87%);
}

#ProductDetail .product-price-button {
  display: block; width: 220px; padding: 10px 0; margin-top: 33px; text-align: center;
  background: hsl(0, 75%, 51%); color: hsl(0, 0%, 100%); border: none; outline: none;
}

#ProductDetail h2:nth-of-type(2) {
  font-family: 'Lato Medium';font-size: 18px; color: hsl(0, 100%, 50%); text-transform: uppercase;
  margin: 90px 0 20px 0; padding-bottom: 12px; border-bottom: 1px solid hsl(0, 0%, 87%);
}


.h2-similar {
  font-family:'Lato Medium'; font-size: 18px; color: hsl(0, 0%, 20%); text-transform: uppercase;
  padding-bottom: 10px; border-bottom: 1px solid 	hsl(0, 0%, 87%); margin: 75px 0 20px; width: 100%;
}

#SimilarProducts .owl-carousel .owl-stage-outer{
  padding: 8px 4px 9px 4px; margin-right: -8px;
  position: relative; left: -4px;
}
/*NEWS*/

.new:nth-child(n+3) {margin-top: 50px;}
.frame-img--sm {
  display: inline-block; padding: 5px 5px 10px; float: left; margin-right: 15px;
  background: hsl(0, 0%, 100%); box-shadow: hsla(0, 0%, 0%, 0.5) 0px 3px 6px; transform: rotate(-2deg);
}
.frame-img--sm:hover {transform: scale(1.1); transition: all .3s;}
.new__thumb {
  height: calc(45px + 4.5vw); width: calc(75px + 5vw); object-fit:cover;
  display: inline-block; transition: .3s ease-in-out;
}
.new__thumb:hover {filter: none;}

.new__content {}
.new__title { font-size: 16px; color: #333; line-height: 1;}
.new__time{ font-family: 'Lato Light'; font-size: 15px; line-height: 1;}
.new__time:before {
  content:""; display:inline-block; width: 12px; height: 12px;
  position: relative; bottom: -1px; margin-right: 3px;
  background: url('/images/icon/clock.png') no-repeat; 
  background-size: contain;
}
.new__detail {margin-top: 10px; position:relative; height: 120px; overflow: hidden;}


/*STORY*/
.story__title {text-align: center; color: hsl(1, 74%, 49%); font-size: 23px;}
.story__content p {margin-bottom: 15px;}
.story__content img {height: auto !important;}
/*MENU HTML*/
.heading4 {text-align: center; font-size: 28px; text-transform: uppercase; color: hsl(0, 75%, 51%);margin-bottom: 50px; margin-top: 10px;}
#MenuHTML p, #MenuHTML ul {margin-bottom: 10px;}




@media(max-width: 576px) {
  .BC { bottom: 8px; right: 15px;}
  .BC a, .BC a:visited, .BC a:hover, .BC a:focus {font-size: 13px;}
  
  .head-sidebar {text-align: center; font-size: 16px;}
  #Categories li { text-align: center; }
  #Categories li:not(:first-child) { margin-top: 5px;}

  main {margin-top: 20px;} #MainHome {margin-top: 0 !important;}
  .banner-page + .container { padding: 30px 15px 20px; }
  .heading2 {
    margin-bottom: 15px; padding: 5px 0;
    font-size: 24px; letter-spacing: 1px; text-align:center;}
  .product:nth-child(n+3) { margin-top: 30px;}
  #WrapperPagination {margin-top: 30px;}
  #lbl_Pagination a { font-size: 12px; padding: 9px;}
        
  .xzoom-gallery {width: 50px; height: 50px; object-fit: contain;}
  #ProductDetail h2:nth-of-type(2) { margin: 40px 0 10px 0; }
  .h2-similar { margin: 50px 0 20px; }
  
  .new:nth-child(n+3) { margin-top: 0; }
  .new:not(:first-child) {margin-top: 20px;}
  .new__title { font-size: 15px; line-height: 1;}
  .new__time { font-size: 12px; position: absolute; top: 85px; left: 23px; }
  .new__detail { height: 72px; line-height: 1.3; font-size: 14px;}
}
      /*                                     */
     /*           --  FOOTER  --            */
    /*                                     */

#FooterContact {
  height: 94px; color: hsl(0, 0%, 100%);
  background-image: url('/images/icon/pattern-contact.png'), url('/images/icon/bg-contact.jpg');
  background-size: auto, 100% 94px;
  background-repeat: repeat-x, no-repeat;
  background-position: top left, center;
}
#FooterContact .container {
  height: calc(100% - 18px); position: relative; top: 18px;
  display: flex; align-items: center; justify-content: space-between;
}

#FooterContact .container>span:first-child {font-family: 'Lato Bold'; font-size: 15px; text-transform: uppercase; margin-left: 40px;}
#socials {font-size: 0;}
.social-link {display: inline-block;}
.social-link:not(:last-child) {margin-right: 20px;}


.FooterContact__btn,.FooterContact__btn:visited, .FooterContact__btn:hover, .FooterContact__btn:focus {
  display: table; width: 163px; height: 38px;
  background: hsl(0, 0%, 100%); color: hsl(0, 0%, 0%); text-transform: uppercase;
  border-left: 9px solid hsl(40, 92%, 55%);
}

.FooterContact__btn span {display: table-cell; vertical-align: middle; text-align: center;}




footer {background-color: hsl(0, 0%, 95%); padding: 40px 0 25px; font-size: 14px; line-height: 2.143; }
footer .row:first-child::after {
  content: ""; display: block; height: 40px; width: calc(100% - 30px);
  border-bottom: 1px solid hsl(0, 0%, 84%); position: relative; left: 15px;
}
footer h2 {
  font-size: 18px; color: hsl(0, 75%, 51%);
  text-transform: uppercase; text-align: center; margin: 0;
}
#FooterLeft h2::after {
  content: ""; display:inline-block; margin: 8px 0 19px; width: 100%; height: 23px;
  background: url('/images/icon/foot-candle.png') center center no-repeat; background-size: contain;
}
#FooterLeft p {text-align: justify;}
#FooterCenter h2::after {
  content: ""; display:inline-block; margin: 11px 0 20px; width: 100%; height: 17px;
  background: url('/images/icon/foot-address.png') center center no-repeat; background-size: contain;
}
#FooterRight h2::after {
  content: ""; display:inline-block; margin: 11px 0 20px; width: 100%; height: 19px;
  background: url('/images/icon/foot-link.png') center center no-repeat; background-size: contain;
}
#FooterCenter {position: relative; padding-right: 5px;}
#FooterCenter span {font-family: 'Lato Bold';}
#FooterCenter::before {
  content: ''; display: block; height: 80%;
  position: absolute; left: 0; top: 28px;border-left: 1px solid hsl(0, 0%, 84%);}
#FooterCenter::after {
  content: ''; display: block; height: 80%;
  position: absolute; right: 0; top: 28px;border-right: 1px solid hsl(0, 0%, 84%);}
#FooterRight {text-align: center;}
#FooterRight a {display:block;}

#FooterBottom {text-align: center; margin-top: 20px; line-height: 1;}


@media(max-width: 576px) {
  footer {line-height: 1.8; padding: 40px 0 15px;}
  #FooterContact .container {flex-direction: row-reverse; justify-content: space-around;}
  .FooterContact__btn, .FooterContact__btn:visited, .FooterContact__btn:hover, .FooterContact__btn:focus {
    width: 125px; height: 35px; font-size: 14px;
  }

  #FooterCenter {margin-top: 15px;}
  #FooterCenter::before, #FooterCenter::after { border: none;}
  #FooterLeft h2::after, #FooterCenter h2::after { margin: 8px 0 5px; }
  
  #FooterBottom { margin-top: 10px; font-size: 13px; line-height: 1.5;}
  footer .row:first-child::after {height: 15px;}
}

.phonering-alo-phone {position:fixed;background-color:transparent;width:200px;height:200px; }
	.phonering-alo-phone {position:fixed;background-color:transparent;width:60px;height:60px;
	cursor:pointer;z-index:9000!important; left: 10px; bottom: 12px;display:block;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	transition:visibility .5s; transform: scale(.75);
	}
	.phonering-alo-phone.phonering-alo-show { visibility:visible; }
	.phonering-alo-phone.phonering-alo-static {opacity:.6}
	.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
	.phonering-alo-ph-circle {width:160px;height:160px;top:-50px;left:-50px;position:absolute;
	background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
	opacity:.1; pointer-events: none;
	-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
	}
	.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
	}
	.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
	}
	.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
	border-color: #FF0000;
	opacity:.5
	}
	.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
	border-color:#FF0000;
	opacity:.5
	}
	.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color:#FF0000;
	opacity:.5
	}
	.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
	border-color:#FF0000;
	opacity:.5
	}
	.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
	border-color:#FF0000;
	opacity:.5; pointer-events: none;
	}
	.phonering-alo-ph-circle-fill {width:100px;height:100px;top:-20px;left:-20px;position:absolute;background-color:#000;
	border-radius:100%;border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
	}
	.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
	}
	.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	opacity:0!important
	}
	.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
	background-color:hsla(1, 79%, 64%, 0.5);
	opacity:.75!important
	}
	.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(39,45,107,0.5);
	opacity:.75!important
	}
	.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
	background-color:hsla(1, 79%, 64%, 0.5);
	}
	.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(204,204,204,0.5);
	opacity:.75!important
	}
	.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	opacity:.75!important
	}
	.phonering-alo-ph-img-circle {
	width:60px;
	height:60px;
	top:0px;
	left:0px;
	position:absolute;
	background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
	border-radius:100%;
	border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
	}

	.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
	}

	.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
	}

	.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
	background-color:#FF0000;
	}

	.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
	background-color:#FF0000;
	}

	.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
	background-color:#FF0000;
	}

	.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
	background-color:#FF0000;
	}

	.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
	background-color:#FF0000;
	}


	@keyframes phonering-alo-circle-anim {
	0% {
	-webkit-transform:rotate(0) scale(.5) skew(1deg);
	transform:rotate(0) scale(.5) skew(1deg);
	opacity:.1
	}

	30% {
	-webkit-transform:rotate(0) scale(.7) skew(1deg);
	transform:rotate(0) scale(.7) skew(1deg);
	opacity:.5
	}

	100% {
	-webkit-transform:rotate(0) scale(1) skew(1deg);
	transform:rotate(0) scale(1) skew(1deg);
	opacity:.1
	}
	}



	@keyframes phonering-alo-circle-fill-anim {
	0% {
	-webkit-transform:rotate(0) scale(.7) skew(1deg);
	transform:rotate(0) scale(.7) skew(1deg);
	opacity:.2
	}

	50% {
	-webkit-transform:rotate(0) scale(1) skew(1deg);
	transform:rotate(0) scale(1) skew(1deg);
	opacity:.2
	}

	100% {
	-webkit-transform:rotate(0) scale(.7) skew(1deg);
	transform:rotate(0) scale(.7) skew(1deg);
	opacity:.2
	}
	}



	@keyframes phonering-alo-circle-img-anim {
	0% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) }

	10% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	transform:rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	transform:rotate(25deg) scale(1) skew(1deg)
	}

	30% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	transform:rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	transform:rotate(25deg) scale(1) skew(1deg)
	}

	50% {
	-webkit-transform:rotate(0) scale(1) skew(1deg);
	transform:rotate(0) scale(1) skew(1deg)
	}

	100% {
	-webkit-transform:rotate(0) scale(1) skew(1deg);
	transform:rotate(0) scale(1) skew(1deg)
	}
	}