@import url('https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cherry+Swash:400,700&display=swap&subset=latin-ext');
.home-page-title .content.main-page-promo{
  background-repeat: no-repeat;
  background-color: #094792;
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st3%7Bopacity:0.2%3Bfill:%23ffffaf%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='0.3'/%3E%3Ccircle class='st3' cx='43' cy='3' r='0.1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='0.5'/%3E%3Ccircle class='st3' cx='19' cy='23' r='0.1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='0.3'/%3E%3Ccircle class='st3' cx='43' cy='16' r='0.1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='0.3'/%3E%3Ccircle class='st3' cx='29' cy='39' r='0.1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='0.3'/%3E%3Ccircle class='st3' cx='47' cy='32' r='0.1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='0.6'/%3E%3Ccircle class='st3' cx='9' cy='27' r='0.1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='0.3'/%3E%3Ccircle class='st3' cx='25' cy='15' r='0.1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='0.5'/%3E%3Ccircle class='st3' cx='42' cy='45' r='0.1'/%3E%3C/svg%3E") 0 0,
    url(bg-top-chr.png) no-repeat,
    url(bg-slide-promo.jpg) #094792;
  background-size: 20% auto, auto, cover;
  font-family: 'Open Sans', Arial, sans-serif;
  z-index: 0;
  overflow: hidden;

  animation: animatedBackground 15s linear infinite;
}
@keyframes animatedBackground {
  0% {
    background-position: 0 0, 50% 0, 0 100%;
  }
  100% {
    background-position: 100px 500px, 50% 0, 0 100%;
  }}

.home-page-title .content.main-page-promo .info-promo{
    z-index: 5;
    position: relative;
}
.blinking-glow {
  width: 1020px;
  height: 600px;
  position:absolute;
  left: 50%;
  bottom: 30%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgb(0 0 0 / 10%);
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -o-filter: blur(30px);
  -ms-filter: blur(30px);
  filter: blur(30px);
  z-index: 4;
}
.home-page-title .content.main-page-promo h1{
    font: 400 5rem/1 "Open Sans", sans-serif;
    color: #fff;
    text-transform: none;
    text-shadow: none;
    color: #fff;
    text-shadow: 0 0px 0px rgb(255 255 255 / 30%);
    /*padding-top: 40px;*/
}
.home-page-title .content.main-page-promo h1>div{font-size: 6rem;color: #ffd298;margin-top:14px;font-family: "Cherry Swash";}
.home-page-title .content.main-page-promo p{
    font-size: 24px;
    line-height: 1.5em;
}
.home-page-title .content.main-page-promo p > b{
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.home-page-title .content.main-page-promo p > span{
    font-size: 32px;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    padding: 0;
    display: inline-block;
}
/**/
.home-page-title .content.main-page-promo .products {
    display:table;
    text-align: center;
    padding: 75px 0 20px 40px;
    width: 100%;
    margin: 0 auto;
}
.home-page-title .content.main-page-promo .col-product{
    display: table-cell;
    padding: 0 0 35px 30px;
    text-align: center;
    min-width: 425px;
    min-height: 400px;
}
.home-page-title .content.main-page-promo .col-product i.ico-dtlite{background-position: center 0px;box-shadow: rgb(33 150 243 / 30%) 0 0 40px;}
.home-page-title .content.main-page-promo .col-product i.ico-dtultra{background-position: center -84px;box-shadow: rgb(251 161 45 / 30%) 0 0 40px;}
.home-page-title .content.main-page-promo .col-product i.ico-dtpro{background-position: center -170px;box-shadow: rgb(255 78 70 / 50%) 0 0 40px;}
.home-page-title .content.main-page-promo .col-product i{
    display: inline-block;
    height: 84px;
    width: 84px;
    background: url('ico-products.png') no-repeat center 0px;
    background-size: 84px auto;
    margin: 7px 25px 40px 0;
    float: left;
    border-radius: 84px;
    border: 0px solid #ffffff;
    background-color: #ffffff;
}
.home-page-title .content.main-page-promo .col-product p.price,
.home-page-title .content.main-page-promo .col-product p.title{
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0 18px 0;
    color: #fff;
    text-shadow: none;
    text-align: left;
}
.home-page-title .content.main-page-promo .col-product p.price{
    margin: 10px 0 25px 0;
    text-align: left;
    font-size: 27px;
}
.home-page-title .content.main-page-promo .col-product p,
.home-page-title .content.main-page-promo .col-product s{
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 5px 0;
    line-height: 24px;
}
.home-page-title .content.main-page-promo .col-product .button-holder{
  /* float:left; */
  margin-left: 0;
  text-align: left;
}
/**/
.home-page-title .content.main-page-promo .link-promo{
    text-align: center;
    clear: left;
    margin: 0 auto;
    padding: 0px 0 40px 0;
    display: block;

}
.home-page-title .content.main-page-promo .link-promo div{
    margin-bottom: 24px;
    color: #fff;
    font-size: 30px;
}
.content.main-page-promo .button{
    min-width: 100px;
    border-radius: 0;
    font: 600 18px/24px 'Open Sans', Arial, sans-serif;
    padding: 14px 40px;
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 185, 70, 0.1);
    transition: all 0.15s linear;
}
.content.main-page-promo .button:hover,
.content.main-page-promo .button:active{
    margin-top: 0px;
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 185, 70, 0.5);
}
/**/
/* TADA */
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.99) rotate(-0.05deg);
    -ms-transform: scale(.99) rotate(-0.05deg);
    transform: scale(.99) rotate(-0.05deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1) rotate(0.05deg);
    -ms-transform: scale(1) rotate(0.05deg);
    transform: scale(1) rotate(0.05deg);
  }

  40%, 60% {
    -webkit-transform: scale(1) rotate(-0.05deg);
    -ms-transform: scale(1) rotate(-0.05deg);
    transform: scale(1) rotate(-0.05deg);
  }

  80%, 100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  -webkit-animation: tada 1s linear infinite;
  animation: tada 1s linear infinite;
}

.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  -webkit-animation: tada 4s linear infinite;
  animation: tada 4s linear infinite;
}
/**/
@keyframes wrench {
  0% {
    -webkit-transform: rotate(-0.1deg);
    -ms-transform: rotate(-0.1deg);
    transform: rotate(-0.1deg);
  }

  8% {
    -webkit-transform: rotate(0.1deg);
    -ms-transform: rotate(0.1deg);
    transform: rotate(0.1deg);
  }

  10% {
    -webkit-transform: rotate(0.15deg);
    -ms-transform: rotate(0.15deg);
    transform: rotate(0.15deg);
  }

  20% {
    -webkit-transform: rotate(-0.15deg);
    -ms-transform: rotate(-0.15deg);
    transform: rotate(-0.15deg);
  }

  30% {
    -webkit-transform: rotate(0.15deg);
    -ms-transform: rotate(0.15deg);
    transform: rotate(0.15deg);
  }


  40% {
    -webkit-transform: rotate(-0.15deg);
    -ms-transform: rotate(-0.15deg);
    transform: rotate(-0.15deg);
  }


  50% {
    -webkit-transform: rotate(0.15deg);
    -ms-transform: rotate(0.15deg);
    transform: rotate(0.15deg);
  }

  60% {
    -webkit-transform: rotate(-0.15deg);
    -ms-transform: rotate(-0.15deg);
    transform: rotate(-0.15deg);
  }

  68% {
    -webkit-transform: rotate(0.15deg);
    -ms-transform: rotate(0.15deg);
    transform: rotate(0.15deg);
  }

  75%, 100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

.faa-wrench.animated.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
  -webkit-animation: wrench 1.2s ease infinite;
  animation: wrench 1.2s ease infinite;
}

.faa-wrench.animated.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
  -webkit-animation: wrench 4.7s ease infinite;
  animation: wrench 4.7s ease infinite;
}
/**/

/* FLOAT */

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}

.faa-float.animated.faa-fast,
.faa-float.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
  -webkit-animation: float 1s linear infinite;
  animation: float 1s linear infinite;
}

.faa-float.animated.faa-slow,
.faa-float.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}

#homepage.promo-active.slide-0 .header_wrap{
    background: #094792;
    transition: all 0.1s cubic-bezier(0, 1.47, 1, 1);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}
.promo-active .home-page-title .slick-dots li.slick-active button{
  background: #094792;
}
.promo-active .home-page-title .slick-dots li button{
  border-color: #094792; 
}

/*lang*/
.lang_ita .home-page-title .content.main-page-promo .col-product p.title{font-size:24px;margin-bottom: 0;}
.lang_por .home-page-title .content.main-page-promo .col-product p.title,
.lang_cpp .home-page-title .content.main-page-promo .col-product p.title,
.lang_rus .home-page-title .content.main-page-promo .col-product p.title{
  font-size:28px;
} 

