*, body{
    font-family: 'Akrobat', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


.hideScroll{
    overflow: hidden;
    padding-right: var(--scroll-width);
}

.hideScroll .bx-wrapper{
    padding-right: var(--scroll-width);
}

a{
    color: #5fcaff;
    text-decoration: none;
}

a:hover{
    color: #0b91ff;
    text-decoration: none;
}

a.no-loader{
    color: var(--font-color);
}


h1, .h1{
    font-weight: 700;
}

h2, .h2{
    font-weight: 700;
}

h3, .h3{
    font-weight: 700;
}

.sp-h1_main{
   font-weight: 900; 
   font-size: 3.75rem;
   margin: 0;
   line-height: 1;
}



/* BOOTSTRAP */
.btn {
    border-radius: 0;
}

.btn-sm, .btn-group-sm>.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: 0rem;
}

.modal-content {
    border-radius: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



/* END BOOTSTRAP */


.sp-header-h0{
    height: 0;
}



.owl-main-banner{
    position: relative;
}

.owl-main-banner .owl-dots{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.owl-main-banner .owl-nav {
    position: absolute;
}


/* HEADER */

.sp-prom-header{
    background-color: #fbf8e9;
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sp-prom-header .logo img{
    height: 130px;
}

footer{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--dark-bg-color);
}

.btn-modal-header{
    font-size: 24px;
}


/* BRANDS PAGE */

.brands-block-forfilter {
    margin-bottom: 40px;
}

.brands-block-forfilter .head-block2 .item-link a{
    text-decoration: none;
}

.head-block2.top .item-link:first-of-type {
    border-left: none;
}

.head-block2 .item-link {
    float: left;
}

.head-block2 .item-link .title span, .head-block2.top .item-link .title .btn-inline {
    padding: 10px 14px;
    position: relative;
    display: block;
}

.sp-brands-row h3 {
    font-size: 24px;
    color: #44b2f7;
    margin-bottom: 0;
}

.toolpImages {
    visibility: hidden;
    position: absolute;
}
.sp-tooltip-mec .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #eff1f5;
}

.sp-tooltip-mec .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #eff1f5;
}

.sp-tooltip-mec .tooltip-inner {
    width: 110px;
    padding: 10px 15px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #eff1f5;
    border-radius: 4px;
	height: 100px;
	border: 1px solid #eff1f5;
	display: flex;
}

.sp-tooltip-mec .tooltip-inner img{
	margin: auto;
	width: 100px;
}


.sp-brands-row .brands-list{
    margin-bottom: 10px;
    line-height: 1;
}

.sp-brands-row .brands-list a{
    text-decoration: none;
    color: #666;
    font-weight: bold;
}

.sp-include-form{
    padding: 50px;
    background-color: #f5f5f5;
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}

.sp-include-form .far{
    font-size: 40px;
    color: #393186;
}


.sp-detail-brands{

}

.sp-detail-brands h1{
    font-size: 36px;
    color: #000;
    margin-bottom: 0;
}

.sp-brands-desc-image{
    padding: 30px;
    background-color: #f5f5f5;
}

.sp-detail-brands-detailtext{
    
}

.sp-detail-brands-detailtext blockquote {
    color: #333;
    position: relative;
    padding: 0 0 0 81px;
    border: none;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.6667em;
    margin: 54px 0 55px;
}

.sp-detail-brands-detailtext blockquote p{line-height:normal;}
.sp-detail-brands-detailtext blockquote:before{
    content:'"';
    position:absolute;
    top:10px;
    left:15px;
    width:41px;
    height:28px;
    font-size: 70px;
    color: #44b2f7;
}
.sp-detail-brands-detailtext blockquote.danger{padding:33px 44px;margin:54px 0;font-size:1.1333em;line-height:1.6471em;color:#333;border:1px solid #f1f1f1;font-weight:normal;}
.sp-detail-brands-detailtext blockquote.danger:before{background:none;top:-1px;bottom:-1px;left:-1px;width:2px;height:auto;background:#f00c3c;}
.sp-detail-brands-detailtext blockquote.info{padding:33px 44px;margin:54px 0;font-size:1.1333em;line-height:1.6471em;color:#333;border:1px solid #f1f1f1;font-weight:normal;}
.sp-detail-brands-detailtext blockquote.info:before{background:none;top:-1px;bottom:-1px;left:-1px;width:2px;height:auto;}
.sp-detail-brands-detailtext blockquote.code{background:url(images/code_pattern.gif);padding:33px 44px;margin:54px 0;font-size:1.1333em;line-height:1.6471em;color:#333;border:1px solid #f1f1f1;font-weight:normal;}
.sp-detail-brands-detailtext blockquote.code:before{display:none;}
.sp-detail-brands-detailtext blockquote > div{font-style:italic;padding:18px 20px 25px;}
.sp-detail-brands-detailtext blockquote small{color:#333333;font-style:normal;margin-top:10px;}




.store-menu-item-link{
    color: #666;
}


.sp-home-main-h1{
    color: #5fcaff;
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 40px;
}

.sp-home-main-p{
    font-size: 24px;
}

.sp-home-main-p2{
    font-size: 18px;
}

.sp-home-main-h2{
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 36px;
    color: #5fcaff;
}




/**************************/
/********** NEW ***********/


.sp-width-main-root{

}


.sp-site-header {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    position: fixed;
    top: 0;
    transition-duration: .5s;
    transition-property: background-color,padding-top,padding-bottom,-webkit-transform;
    transition-property: background-color,padding-top,padding-bottom,transform;
    transition-property: background-color,padding-top,padding-bottom,transform,-webkit-transform;
    width: 100%;
    z-index: 10;
}

.sp-site-header.open{
    padding-right: calc( var(--scroll-width) + 30px);
}

.sp-site-header .logo{
    z-index: 5500;
    padding-top: 30px;
}
.sp-site-header .logo svg{
    height: 100px;
}

.sp-site-header .logo .portbglogo{
    fill: var(--main-color-dark);
}
.sp-site-header .logo .portlogo{
    fill:#FFFFFF;
}

.sp-site-header .logo.logo-sp-white .portlogo{
    fill:#000;
}

.sp-site-header .logo.logo-sp-white .portbglogo{
    fill:#fff;
}

.hamburger {
  background: transparent;
  /*border: 1px solid #000;*/
  padding: 1.0625rem 0.875rem;
  /*background-color: rgba(255, 255, 255, .4);*/
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;    
  cursor: pointer;
  z-index: 5500;
  }

.hamburger .hamburger__inner {
    display: block;
    top: 50%;
    margin-top: -1px; }

.hamburger__inner, .hamburger__inner::after, .hamburger__inner::before {
      width: 1.125rem;
      height: 2px;
      background-color: #000;
      border-radius: 4px;
      position: absolute;
    
 }

.sp-site-header.open .hamburger .hamburger__inner{
    width: 0;
}


.sp-site-header.open .hamburger .hamburger__inner::after{
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 0px;
}


.sp-site-header.open .hamburger .hamburger__inner::before{
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


.hamburger__box {
    width: 1.125rem;
    height: 12px;
    display: block;
    position: relative; }

.hamburger__inner::after, .hamburger__inner::before {
      content: "";
      display: block; }
.hamburger__inner::before {
      top: -6px; }
.hamburger__inner::after {
      bottom: -6px; }

.hamburger:hover {
    /*background-color: rgba(255, 255, 255, 1);*/

    /*border-color: #000;*/
    -webkit-transition: border-color 500ms linear;
    -ms-transition: border-color 500ms linear;
    transition: border-color 500ms linear;
}

.hamburger:hover .hamburger__inner, .hamburger:hover .hamburger__inner::after, .hamburger:hover .hamburger__inner::before{
    background-color: #000;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.hamburger:hover .hamburger__inner{
    width: .625rem;
    -webkit-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
}

.sp-site-header .bgmenu {
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition: .8s;
    width: 200%;
    z-index: -1;
}

.background-main {
    background-color: rgba(255, 255, 255, 1);
}

.background-section {
    background-color: rgba(0, 0, 0, .75);
}


.sp-site-header .bgmenu.background-main {
    transition-delay: 0s;
}

.sp-site-header .bgmenu.background-section {
    transition-delay: .1s;
}

.sp-site-header.open .bgmenu {
    height: 100vh;
    -webkit-transform: none;
    transform: none;
}

.sp-site-header.open .bgmenu.background-main {
    transition-delay: .1s;
}

.sp-site-header.open .bgmenu.background-section {
    transition-delay: 0s;
}

.sp-site-header .main-navigation {
    display: flex;
    height: 100vh;
    left: 0;
    opacity: 0;
    padding-left: inherit;
    padding-right: inherit;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    width: 100%;
    align-items: center;
}

.sp-site-header .main-navigation.open {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    animation-delay: 1s;
    overflow: auto;
}

.no_scroll{
  overflow: hidden;
}

.sp-header-address{
    padding-top: 15vh;
    padding-bottom: 15vh;
    border-left: 1px solid #000;
    padding-left: 30px;
    width: 30%;
}

.sp-header-inner_menu{
    width: 70%;
}



/*  SWIPER SP DESIGN */


.swiper-pagination {
    position: inherit;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    padding-top: 10px;
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    overflow: hidden;
}


.swiper-pagination-bullet {
    width: 12px;
    height: 3px;
    display: inline-block;
    border-radius: 0;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    cursor: pointer;
}


.swiper-pagination-bullet:hover {
    width: 24px;
    height: 3px;
    display: inline-block;
    border-radius: 0;
    background: #5fcaff;
    opacity: inherit;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    height: 3px;
    display: inline-block;
    border-radius: 0;
    background: #000;
    opacity: inherit;
}

/*  BUTTON  */

.sp-btn{
    position: relative;
    z-index: 1;
}

.sp-btn span{
    color: var(--font-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    padding: .65rem 1rem;
    z-index: 10;
    margin-left: 2rem;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.sp-btn::before{
    content: "\f054";
    font-family: "Font Awesome 5 Pro", "sans-serif";
    color: var(--font-color);
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    display: block;
    padding: .65rem 1rem .65rem 1rem;
    top: -.65rem;
    z-index: -5;
    
    
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    
    width: 40px;
    background-color: #fff;
    border: 1px solid var(--assistant-color);
}

.sp-btn:hover:before{
    width: 100%;
    background-color: var(--assistant-color);
    border-color: var(--assistant-color);
}

.sp-btn-dark-outline::before{
    border: 1px solid #000;
    background-color: var(--assistant-color);
}

.sp-btn-dark-outline:hover:before{
    background-color: var(--assistant-color);
    border-color: #000;
}

.sp-btn.sp-main-banner_button span{
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    padding: 1rem 1.8rem;
    margin-left: 2.9rem;
}

.sp-btn.sp-main-banner_button::before{
    font-size: 20px;
    line-height: 20px;
    padding: 1rem 1.8rem 1rem 1.8rem;
    width: 44px;
    top: -1rem;
}


.sp-btn.sp-btn-white span{
    color: var(--font-color-white);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    padding: .65rem 1rem;
    z-index: 10;
    margin-left: 2rem;
}

.sp-btn.sp-btn-white::before{
    content: "\f054";
    font-family: "Font Awesome 5 Pro", "sans-serif";
    color: var(--font-color-white);
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    display: block;
    padding: .65rem 1rem .65rem 1rem;
    top: -.65rem;
    z-index: -5;
    
    
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    
    width: 40px;
    background-color: transparent;
    border: 1px solid var(--assistant-color);
}

.sp-btn.sp-btn-white:hover span{
    color: var(--font-color);
}

.sp-btn.sp-btn-white:hover:before{
    width: 100%;
    color: var(--font-color);
    background-color: var(--assistant-color);
    border-color: var(--assistant-color);
}

.sp-btn.sp-btn-cart::before{
    content: '\f07a';
    font-family: "Font Awesome 5 Pro", "sans-serif";
    color: var(--font-color-white);
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    display: block;
    padding: .65rem .5rem .65rem .5rem;
    top: -.65rem;
    z-index: -5;
    
    
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    
    width: 40px;
    background-color: transparent;
    border: 1px solid var(--assistant-color);
}

.sp-btn.sp-btn-cart-dark span{
    color: var(--font-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    padding: .65rem 1rem;
    z-index: 10;
    margin-left: 2rem;
}

.sp-btn.sp-btn-cart-dark::before{
    content: '\f07a';
    font-family: "Font Awesome 5 Pro", "sans-serif";
    color: var(--font-color);
    position: absolute;
    font-size: 18px;
    line-height: 18px;
    display: block;
    padding: .65rem .5rem .65rem .5rem;
    top: -.65rem;
    z-index: -5;
    
    
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    
    width: 40px;
    background-color: transparent;
    border: 1px solid var(--font-color);
}

.sp-btn.sp-btn-cart-dark:hover span{
    color: var(--font-color-white);
}

.sp-btn.sp-btn-cart-dark:hover:before{
    width: 100%;
    color: var(--font-color-white);
    background-color: var(--font-color);
    border-color: var(--font-color);
}

.sp-btn.sp-btn-lg{
    display: inline-block;
    position: relative;
}

.sp-btn.sp-btn-lg span {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    padding: .8rem 1.2rem;
    margin-left: 3.2rem;
}

.sp-btn.sp-btn-lg::before{
    font-size: 24px;
    line-height: 24px;
    padding: .8rem .8rem .8rem .8rem;
    top: -.9rem;
    z-index: -5;
    
    -webkit-transition: .3s width ease-in-out;
    -moz-transition: .3s width ease-in-out;
    -o-transition: .3s width ease-in-out;
    transition: .3s width ease-in-out;
    
    width: 56px;
}


.sp-page-linker .sp-loader-bg_top {
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition: .8s;
    width: 200%;
    z-index: 1000;
}

.sp-page-linker .sp-loader-bg_bottom {
            height: 50vh;
            right: 0;
            position: fixed;
            bottom: 0;
            -webkit-transform: none;
            transform: none;
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
            transition: .8s;
            width: 200%;
            z-index: 1000;
}

.sp-page-linker.open .sp-loader-bg_top {
    height: 50vh;
    -webkit-transform: none;
    transform: none;
}


.sp-page-linker.open .sp-loader-bg_bottom {
    height: 50vh;
    -webkit-transform: none;
    transform: none;
}

        .sp-page-linker .sp-loader-bg_top.background-main, .sp-page-linker .sp-loader-bg_bottom.background-main {
            transition-delay: .0s;
        }

        .sp-page-linker .sp-loader-bg_top.background-section, .sp-page-linker .sp-loader-bg_bottom.background-section {
            transition-delay: .15s;
        }    


        .sp-page-linker.open .sp-loader-bg_top.background-main, .sp-page-linker.open .sp-loader-bg_bottom.background-main {
            transition-delay: .15s;
        }

        .sp-page-linker.open .sp-loader-bg_top.background-section, .sp-page-linker.open .sp-loader-bg_bottom.background-section {
            transition-delay: .0s;
        }  

        
        .sp-page-linker .sp-loader-bg_top {
            height: 0;
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        
        .sp-page-linker .sp-loader-bg_bottom {
            height: 0;
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }





/* HOME */

.home_banner-vibor{
    position: relative;
}

.home_banner-vibor .home_banner-vibor_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(70% + 20px);
    height: 100%;
    background-color: var(--assistant-color);
    z-index: -1;
}

.home_banner-vibor_img{
    height: 90vh;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.home_banner-vibor_img img{
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}

.home_banner-vibor_h2{
    font-weight: 500;
    font-size: 50px;
    line-height: 50px;
    text-align: right;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.home_banner-vibor_h2 span{
    font-weight: 700;
}

.home_banner-vibor_out{
    padding-top: 100px;
    padding-bottom: 100px;
}

.home_banner-vibor_descr{
    font-size: 18px;
    line-height: 2;
    padding-top: 30px;
}

.home_banner-vibor_line{
    height: 1px;
    width: 10vw;
    background-color: #000;
    position: absolute;
    right: -7vw;
}

.home_banner-vibor_inner{
    position: relative;
}


/* VIHR */

.home_banner-vihr{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 0;
    /*overflow: hidden;*/
}

.home_banner-vihr_inner{
    background-color: rgba(255, 255, 255, .75);
    font-size: 20px;
    line-height: 2;
    padding: 40px 60px;
}

.home_banner-vihr_outer_text{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.home_banner-vihr_outer_pic{
    position: relative;
    z-index: 50;
}

.home_banner-vihr_bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: -32vw;
    margin-top: -5vh;
    overflow: hidden;
    z-index: 70;
}


.home_banner-vihr_bg img{
    object-fit: contain;
    width: 100%;
    height: calc(100% + 100px);
    object-position:  center center;
  -webkit-animation: rotating-laef 50s linear infinite;
  -moz-animation: rotating-laef 50s linear infinite;
  -ms-animation: rotating-laef 50s linear infinite;
  -o-animation: rotating-laef 50s linear infinite;
  animation: rotating-laef 50s linear infinite;
}



.home_banner-about{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 0;
}

.home_banner-about_outer{
    z-index: 100;
    position: relative;
}

.home_banner-about_bg{
    background-color: var(--assistant-color);
    position: absolute;
    height: calc(80% - 200px);
    width: 50vw;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
}

.home_banner-about_h1{
    padding: 0;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 95px;
    font-weight: 900;
}

.home_banner-about_h1_line1{
    display: block;
    font-size: 60px;
    color: transparent; 
    -webkit-text-stroke: 2px #000;
    overflow: hidden;
}

.home_banner-about_h1_line2{
    display: block;
    overflow: hidden;
    /*text-align: right;*/
}

.home_banner-about_h1_line3{
    display: block;
    text-align: right;
    overflow: hidden;
}

.home_banner-about_text{
    padding-top: 30px;
    font-size: 18px;
    padding-left: 5vw;
    padding-right: 7vw;
    position: relative;
}

.home_banner-about_text::before{
    height: 1px;
    width: 30vw;
    background-color: #000;
    content: "";
    display: block;
    position: absolute;
    margin-top: -15px;
    left: 0;
}

.home_banner-about_title{
    position: absolute;
    width: calc(65% - 20vw);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.home_banner-about_image{
    position: relative;
    z-index: 0;
}


/* ANIMATION */

@-webkit-keyframes rotating-laef  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating-laef {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* КУРСОР */

.sp-cursor {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 10000;
}


.sp-cursor{
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0);
  border: 0px solid #fff;
  mix-blend-mode: difference;
    
  transition: width .3s, height .3s;
    
}

.sp-cursor.sp-hover{
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 1);
  border: 0px solid #fff;
    
}

.sp-cursor.sp-slider::before{
    font-family: "Font Awesome 5 Pro", "sans-serif";
    font-weight: 300;
    content: '\f053';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(50%, -50%);
}

.sp-cursor.sp-hover.sp-slider::before{
    color: #000;
    transform: translate(150%, -50%);
}

.sp-cursor.sp-slider::after{
    font-family: "Font Awesome 5 Pro", "sans-serif";
    font-weight: 300;
    content: '\f054';
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
}

.sp-cursor.sp-hover.sp-slider::after{
    color: #000;
    transform: translate(-150%, -50%);
}



/* КОНТАКТЫ */

.sp-page-contact_second{
    position: relative;    
}

.sp-page-contact_second_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(70% + 20px);
    height: 100%;
    background-color: var(--assistant-color);
    z-index: -1;
}

.sp-page-contact_second_out {
    padding-top: 100px;
    padding-bottom: 100px;
}

.sp-contacts-page{
}

.sp-contacts-page_title a{
    color: var(--font-color);
    font-weight: bold;
}

.sp-contacts-page_title a:hover{
    color: #5fcaff;
}

.sp-contacts-page_title.phone{
    font-size: 18px;
    line-height: 1;
}

.sp-contacts-page_after{
    color: var(--font-color-third);
}


.sp-contacts-page_contact{
    padding: 60px;
    background-color: var(--dark-bg-color);
    color: var(--font-color-white);
    height: 100%;
    display: flex;
    align-items: center;
}

.sp-contacts-page_contact .sp-contacts-page_title a{
    color: var(--font-color-white);
    font-weight: bold;
}

.sp-contacts-page_contact .sp-contacts-page_title a:hover{
    color: #5fcaff;
}

.sp-contacts-page_contact .sp-contacts-page_title.phone{
    font-size: 18px;
    line-height: 1;
}

.sp-contacts-page_contact .sp-contacts-page_after{
    color: var(--font-color-third);
}

.sp-page-contact_map{
    position: relative;
}

.sp-page-contact_map iframe{
   filter: grayscale(1);
}

.sp-page-contact_map-bg{
    position: absolute;
    filter: grayscale(50%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/* О КОМПАНИИ */

.sp-page-about_main_img {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
}

.sp-page-about_main_img img {
    object-fit: cover;
}

.sp-page-about_miss_out{
    position: relative;
}

.sp-page-about_miss_out .sp-page-about_miss_out_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(70% + 20px);
    height: 100%;
    background-color: var(--assistant-color);
    background-image: url(../images/page-about-2-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: -1;
}


.sp-page-about_miss{
    background-color: var(--main-color-dark);
    padding: 60px;
    color: var(--font-color-white);
}

.sp-page-about_goal{
    background-color: var(--assistant-color);
}

.sp-page-about_goal-item{
    padding: 50px;
    font-size: 1.5rem;
    border: 1px solid #ccc;
}

#kaktusWidget .basket-round{
    right: 35px;
    bottom: 80px;
}