body a, .eb a {
    color:black;
}



body a:hover{
    color:#df0017;
}


#sp-footer {
    background:none !important;
}
.blagsec{
    background:#9aa5b1de;
    padding-top: 50px !important;
    padding-bottom:250px !important;
}

.blagsec .seczag{
    color:white;
    
}

.nalsec .sppb-row-container{
    max-width:900px  !important;;
}

.topform button  {
    margin-top:10px;
        font-family: Montserrat;
    font-weight:bold;
    
}

.topform input{
    border: none !important;
    border-bottom: 1px solid black !important;
    border-radius:0px  !important;
    background: none   !important;
    
}

.topform .zag p{
    font-family: Montserrat;
    font-weight:bold;
    text-align:center;
    font-size: 22px;
    margin-bottom:0px;
}

.topform .cf-form-wrap{
    margin-bottom:-20px;
}

.topform .convertforms{
    margin:0px auto;
}

.topform{
    background:#f3bb5ef5;
    padding: 20px 20px 20px 20px !important;
    border-radius:0 0 15px 15px;
}

.topform .sogl p{
    font-size:10px !important;
}

.topform .sogl {
    padding: 0px !important;
}


body{
    background:url('/../../images/bg.webp') top -490px center / cover ;
}

#sp-top1 a{
    font-family: montserrat;
    color: black;
    padding-left:5px;
    font-weight: bold;
    margin-right: 30px;
    font-size:18px;
}
#sp-top1 .sp-module-content, #sp-top2 .sp-module-content, #sp-top3 .sp-module-content {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    padding-top:16px;
}

.cat, .tg {
    text-align: center;
}

.cat img, .tg img{
    display: inline-block;
    margin-right: 20px;
}

.cat a {
    background: #F5BC53;
}

.tg a {
    background: linear-gradient(90deg, rgba(32,129,199,1) 0%, rgba(56,175,226,1) 100%);
}

.cat a, .tg a {
    max-width: 420px;
    display: block;
    color: white;
    margin: 0px auto 10px auto;
    padding: 10px 30px 10px 30px;
    border-radius: 7px;
    font-size: 21px;
    transition: all .2s ease-in-out;
}

.cat a:hover, .tg a:hover {
color: white;
    transform: scale(1.08);
}

.cf-btn:hover{
    transform: scale(1.08);
}

.topsany ul li{
    list-style-type:none;
    padding-left:25px;
    position: relative;
    font-family:Montserrat;
    font-weight:700;
    margin-bottom:10px;
    font-size:20px;
}

.topsany ul li:before{
    position:absolute;
    content:"";
    width:12px;
    height:12px;
    background: #CD2323;
    top: 9px;
    left: -0px;
}

.topsanycol{
    max-width:466px;
    float:right;
    margin-top:56px;
}

@media screen and (max-width:760px) {

    .topsanycol{
        float: none;
    margin-top:-56px;

}
}

.topsany{
    background:#fffffff0;
    padding: 20px;
    border-radius: 15px 15px 0 0;
}

.topsany img{
    margin:0px auto;
    width:auto;
}

#textsec p{
    max-width:900px;
    margin:0px auto;
           }

.wk-scope .wk-slidenav {
    color: rgb(2 2 2 / 80%)  !important;
}

.wk-slidenav-previous, .wk-slidenav-next {
    background: #ffffff82 !important;
    

}

.wk-scope .wk-dotnav>*>* {
border: none !important;
    background: #9c9c9c   !important;
}

.wk-scope .wk-dotnav>.wk-active>* {
    background-color: rgb(219 0 35)  !important;
    border-color: transparent
}

.wk-scope .wk-dotnav>*>:hover {
    background-color: rgb(215 0 43 / 67%) !important;

}

input.tf-phone-control--number{
    border: none !important;
}

.mixer{
position:absolute;
    top:120px;
    left:-180px;
}

#formsec .sppb-row{
    margin-top:-220px;
    padding-bottom:30px;
    background:#f3bb5e url('/../../images/botpic.webp') top right /contain no-repeat;
    border-radius:15px;
    padding-bottom:0px !important;
    box-shadow: 0px 0px 50px 1px #acacac;
}

#formsec .zag p{
    font-family: Montserrat;
 
    font-size:25px;
    font-weight:700;
    text-align:center;
    margin-bottom:4px;
}

#cf_5{
max-width: 646px;
}

.topform.bott{    max-width: 646px;
    float:left;
    background:#f3bb5e;
    border-radius:0px;

     
}

.topform.bott .dz-message{
    background:#ffffff36;
    border: none;
padding:5px;

}
/*
.topform.bott .cf-control-label{
     max-width:200px;
}
*/

.eb-visible input{
    border:1px solid #9e9e9e !important;
}

.eb-visible p.zag {
    font-family: Manrope;
      font-size:25px;
    font-weight:900;
    text-align:center;
    margin-bottom:14px;
    margin-top:-10px;
}

.eb-visible p.opis {
    font-family: "Manrope";
}

.botform{
    padding:0px 30px !important;
}

.botform .sogl p{
        color: white !important;
    font-size:13px  !important;
}


.eb-visible .sogl p{
    font-size:13px  !important;
}

.eb-visible .zag p{
    font-family: Manrope;
     font-size:25px;
    font-weight:700;
    text-align:center;
    margin-bottom:9px;
    margin-top:-20px;
}

.botform .cf-input, .eb-visible .cf-input   {
    
    padding:15px !important;
    border-radius:5px  !important;
}



.botform .cf-btn, .eb-visible  .cf-btn {
    width:100%;
    border-radius:5px  !important;
    padding:15px !important;
}

#foosec{
    background: #a8b1bb !important;
}

.foo, .foo a{
    color: white !important;
    font-size:17px;
}


.foo p{
    margin-bottom:5px;
}

.foo .tel{
   font-weight:700; 
}




#prodsec .sppb-row{

    background:white;
    box-shadow: 0px 0px 70px 1px #d3d3d3;
padding:40px 40px 40px 40px;
     border-radius:15px;

    position:relative;
    z-index:1 !important;

}


#stoimsec {
    z-index:100 !important;
    position:relative;
}

.dost img{
    margin:0px auto;
}

.dost .wk-h3{
    font-family:"Montserrat"  !important;
    font-weight: 700  !important;
    font-size:18px   !important;
}

.dost .wk-margin{
    text-align:left;
}

.prod{
    padding: 0px 0px  10px 0px   !important;
}

.dost .wk-panel {
    padding-bottom:20px;
    border-radius:7px;
    padding: 20px;
}

.seczag{
       font-family:"Montserrat"  !important;
    font-weight: 700  !important; 
    font-size:27px;
    text-align:center;
    margin-bottom:40px;
}

.prod .wk-h3{
    font-family:"Montserrat"  !important;
    font-weight: 700  !important;
    font-size:14px   !important;
    background: #F5BC53;
    height:50px;
    display: flex;
        text-align: center;
    justify-content: center;
    align-items: center;
    padding:5px;

}

.prod{

}

.prod .wk-panel {
    border:3px solid #F5BC53 !important;
    padding-bottom:0px;
}

.b1 {
        position: relative;
        overflow: hidden;
        display: block;
        background: #df0017;
        color: white;
        text-align: center;
        width: 180px;
        padding: 8px 20px 8px 20px;
        border-radius: 50px;
        font-weight:bold;
        transition: all .2s ease-in-out;
        z-index:10 !important;
}

.toppic .b1{
    margin-top:50px;
    padding: 10px 10px 10px 10px;
}

.toppic .b1{
display: inline-block !important;
    margin-right:20px;
    margin-top:40px;
}

.anim:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.5;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 4s infinite;
}

@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}

.b1:hover {
    color: white;

    transform: scale(1.08);
}



.stoim .b1{
    width:250px ;
    margin:0px auto;
    margin-top:50px;
}


.logo{
    margin:10px 0;
}

#sp-section-1{
    background: black;
    color:white;
    
}
#sp-section-1 p{
    margin-bottom: 5px;
    margin-top: 5px;
}



#sp-section-1 a{
    color: white;
}

#sp-top2 {
text-align:right;
}

section#sp-menu{
    position:relative;
    background: #f5bc53ed !important;
    z-index:100  !important;
}

.toppic{
    margin-top:-70px !important;
}

#sp-top3 .sp-module-content{
    display: flex !important;
    justify-content: center  !important;
    align-items: center !important;
   height:96px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent>li>span {
    font-size: 20px;
    font-weight:700 !important;
}

.sp-menu-item a:hover{
    color: #db0023 !important;
}

.sp-megamenu-parent>li:last-child>a, .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding-right: 20px !important;
    padding-left: 20px !important;
    color: ##000000;
}

#sp-menu a {
    color: ##000000;
}

.sp-megamenu-parent>li>a, .sp-menu-heading {
    color: #000000 !important;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
}

.sp-menu-item:hover {
    1background: #fcf8e3;
}

.sp-menu-item:hover a {
    color: white;
}

.sp-menu-item.current-item.active {
    background: #ffffff3d;
}

.sp-dropdown-inner {
    padding: 7px !important;
    1background: #fcf8e3 !important;
    font-family:
}

.sp-dropdown-inner:hover {
    1background-color: #fcf8e3 !important;
}

.sp-dropdown-inner li {
    text-align: left;
    padding: 0 4px!important;
}

.sp-dropdown-inner li a {
    font-size: 19px !important;
    width: 100%;
    color: black !important;
}

.sp-dropdown-inner li:hover {
    1background: #f7f0ca;
}

@media screen and (max-width: 992px) {

    .toppic{
    margin-top:-49px !important;
}
    
.logo img{

    margin:0px auto;
}
    
    body{
        background: none;
    }

    .botform{
        padding-bottom: 50px !important;
    }


.seczag{
    font-size:22px;
}

#formsec .sppb-row {
    background:#f1ba67;
}

#sp-main-body{
    padding-top:50px  !important;
}

}

.article-ratings-social-share{
    display: none !important;
}

.st {
    position: absolute;
    bottom: 5px;
    color: #000000;
    font-size: 10px;
    width: 100%;
    text-align: right;
    z-index:10;
}

.st .container {
    background: transparent;
    padding-right: 20px;
    color: #000000;
}

.st a, .st a:hover {
    color: #000000;
}

.mess.fab {
              position: fixed;
              width: 56px;
    right: 22px;
    bottom: 20px;
              margin-left: -28px;
    z-index:100;
            }
            
            .fab:hover .fab-buttons {
              opacity: 1;
              visibility: visible;
            }
            
            .fab:hover .fab-buttons__link {
              transform: scaleY(1) scaleX(1) translateY(-16px) translateX(0px);
            }
            
            .fab-action-button:hover + .fab-buttons .fab-buttons__link:before {
              visibility: visible;
              opacity: 1;
              transform: scale(1);
              transform-origin: right center 0;
              transition-delay: 0.3s;
            }
            
            .fab-action-button {
              position: absolute;
              bottom: 0;
              display: block;
              width: 56px;
              height: 56px;
              background-color: #5bc34a;
              border-radius: 50%;
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            }
            
            .fab-buttons {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 50px;
              list-style: none;
              margin: 0;
              padding: 0;
              opacity: 0;
              visibility: hidden;
              transition: 0.2s;
            }
            
            .fab-action-button__icon {
              display: inline-block;
              width: 56px;
              height: 56px;
              background: url('/../../images/mess/mess.svg') center no-repeat;
                background-size:30px;;
            }
            
            .fab-buttons__item {
              display: block;
              text-align: center;
              margin: 12px 0;
            }
            
            .fab-buttons__link {
              display: inline-block;
              width: 40px;
              height: 40px;
              text-decoration: none;
              1background-color: #ffffff;
              border-radius: 50%;
              1box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
              transform: scaleY(0.5) scaleX(0.5) translateY(0px) translateX(0px);
              -moz-transition: .3s;
              -webkit-transition: .3s;
              -o-transition: .3s;
              transition: .3s;
            }
            
            [data-tooltip]:before {
                font-family: Montserrat, sans-serif;
              top: 50%;
              margin-top: -11px;
              font-weight: 600;
              border-radius: 2px;
              background: #585858;
              color: #fff;
              content: attr(data-tooltip);
              font-size: 12px;
              text-decoration: none !important;
              visibility: hidden;
              opacity: 0;
              padding: 4px 7px;
              margin-right: 12px;
              position: absolute;
              transform: scale(0);
              right: 100%;
              white-space: nowrap;
              transform-origin: top right;
              transition: all .3s cubic-bezier(.25, .8, .25, 1);
            }
            
            [data-tooltip]:hover:before {
              visibility: visible;
              opacity: 1;
              transform: scale(1);
              transform-origin: right center 0;
            }
            
            .icon-material {
              display: inline-block;
              width: 50px;
              height: 50px;
                background-size:50px !important;
            }
            
            .icon-material_tg {
              background: url('/../../images/mess/itg.svg') center no-repeat;
                
            }
            
            .icon-material_wp {
              background: url('/../../images/mess/iwp.svg') center no-repeat;
            }
            
            .icon-material_vb {
              background:url('/../../images/mess/ivb.svg') center no-repeat;
            }
            
            .icon-material_tl {
              background: url('/../../images/mess/itl.svg') center no-repeat;
            }

.sp-scroll-up {

    bottom: 10px;
    right: 30px;
}
