/**
 * Axial
 * Axial Construct is a universal template for factories, industry, construction, architecture, factories, mechanics, energy
 * Exclusively on https://1.envato.market/axial-html
 *
 * @encoding        UTF-8
 * @version         1.0.4
 * @copyright       (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License https://1.envato.market/KYbje
 * @contributors    Lamber Lilit (winter.rituel@gmail.com)
 * @support         help@merkulov.design
 **/


#scrollToTop{position:fixed;left:12px;bottom:-100px;z-index:99999;width:40px;height:40px;opacity:.5;background:#c03048;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
#scrollToTop.active{bottom:12px}
#scrollToTop:hover{opacity:1}
#scrollToTop .icon{display:inline-block;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);color:#001f3f;font-size:24px;line-height:24px}
#scrollToTop{right:20px}
#scrollToTop.active{bottom:20px}
@media screen and (min-width:1199.98px){#scrollToTop{left:40px}#scrollToTop.active{bottom:40px}}
@media screen and (min-width:1399.98px){#scrollToTop{width:58px;height:58px;left:30px}#scrollToTop.active{bottom:30px}}


#becontact { display:none; } #becontact #chatbc { background-color: #0099FF !important; } #becontact #icoa path{ fill:#FFFFFF !important; }

#becontact {
    display: block!important;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    width: 50px
}
@media screen and (min-width: 767.98px) {
    #becontact {
        right: 30px;
        bottom: 30px;
    }
}
#becontact #chatbc,#becontact #bcbuttons a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    color: #FFF;
    text-align: center;
    line-height: 45px;
    display: block;
    background: #09F;
    margin-bottom: 10px;
    margin: 0;
    cursor: pointer
}

#becontact #chatbc svg,#becontact #bcbuttons a svg {
    width: 55%;
    height: 50px;
    vertical-align: middle;
    fill: #FFF;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#becontact #chatbc:hover svg,#becontact #bcbuttons a:hover svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

#becontact #icob {
    display: none
}

#becontact #bcbuttons {
    z-index: 99999;
    position: absolute;
    bottom: 50px;
    margin: 0;
    display: none
}

#becontact #bcbuttons li {
    list-style: none;
    padding-bottom: 5px
}

#becontact #bcbuttons a#emailbc {
    background-color: #AAA
}

#becontact #bcbuttons a#facebookbc {
    background-color: #4267B2
}

#becontact #bcbuttons a#whatsappbc {
    background-color: #4DC147
}

#becontact #bcbuttons a#phonebc {
    background-color: #888
}

#becontact #bcbuttons #viberbc {
    background-color: #7360F2
}

#becontact #bcbuttons #telegrambc {
    background-color: #32A7D9
}

#becontact #bcbuttons #wechatbc {
    background-color: #00C323
}

#becontact #bcbuttons #tiktokbc {
    background-color: #111
}

#becontact #bcbuttons #instagrambc {
    background: #833ab4;
    background: linear-gradient(0deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%)
}

#becontact #bcbuttons #snapchatbc {
    background-color: #F6F600
}

#becontact #bcbuttons #snapchatbc svg {
    fill: #000
}

#becontact #bcbuttons #skypebc {
    background-color: #02AAEB
}

#becontact #bcbuttons #linebc {
    background-color: #00B300
}


.custom-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  padding: .35rem .5rem;
  font-size: .875rem;
  line-height: 1.2;
  color: #fff;
  background-color: rgba(192, 48, 72,0.85);
  border-radius: .25rem;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: center;
  opacity: 0;
  transition: opacity .12s ease-in-out;
}
.custom-tooltip.show { opacity: 1; pointer-events: auto; }
.custom-tooltip .arrow {
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
.custom-tooltip[data-placement="top"] .arrow {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px 5px 0 5px;
  border-color: rgba(192, 48, 72,0.85) transparent transparent transparent;
}
.custom-tooltip[data-placement="bottom"] .arrow {
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(192, 48, 72,0.85) transparent;
}
.custom-tooltip[data-placement="left"] .arrow {
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent rgba(192, 48, 72,0.85);
}
.custom-tooltip[data-placement="right"] .arrow {
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px 5px 5px 0;
  border-color: transparent rgba(192, 48, 72,0.85) transparent transparent;
}
/*# sourceMappingURL=../sourcemaps/index.css.map */