html{
    min-height:100%;
}
.nonehidden{display: none !important}
body .container:not(.container-item){
    max-width:1800px;width: 100%;padding:0 80px;
}
body .container{
    max-width:1800px;width: 100%;padding:0 80px;
}
.footer-logo{
    width: 150px;
}
a{color:#48bcc0;}
a:hover{color:#666;}
.footer-contact{
    padding:30px 40px;background:transparent;color:#fff;font-weight: 400;font-size:18px;line-height: 1.4
}
.footer-contact a{
    color: #eee;
}
.gm-style .gm-style-iw-c a{
    color: #333; 
}
.footer-contact a:hover, .gm-style .gm-style-iw-c a:hover{
    color: #48bcc0;
}
.f-title{
    font-size:34px;margin-bottom: 20px;font-weight: 700;color:#fff;
}
.f-title span{
    color:#48bcc0;
}
.footer-contact .phn{
    margin:10px 0 5px;position: relative;
}
.footer-contact .phn:before{
    /*margin-top: -5px; display: inline-block;width:30px;height: 30px;border-radius:50%;content:'';position: relative;background:#48bcc0;vertical-align: middle;margin-right: 5px;*/
}
.footer-social{
    margin-top:30px;
}
.footer-social a{color:#fff;margin:3px 5px;padding: 3px;font-size:28px;}
.footer-social a:hover{
    color:#48bcc0
}
footer ul.links li a{
    color:#fff;font-weight: bold;font-size:20px;
}
footer ul.links li a:hover{
    color:#48bcc0;
}
footer ul.links li{
    margin:10px 0;
    display: inline-block;
    width: 100%;
}
.lines{
    z-index: -1;
    top: 0;
    left: 0;
    position: fixed;
}
.lines.lines2{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.lines.lines2 .line{
    position: absolute;
    z-index: 3;
}

.lines .line{
    background:rgba(255,255,255,0.15) !important;
}

.lines .line:first-child::before, .lines .line:last-child::before {
    content: "";
    position: absolute;
}
.lines .line::before {
    content: "";
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    margin-left: -15px;
    background:url('/images/front/smalltriangles/2.png') no-repeat center center;    
    background-size: contain !important;
    -webkit-animation: teardrop-reverse 8s ease-out infinite;
    -moz-animation: teardrop-reverse 8s ease-out infinite;
    -ms-animation: teardrop-reverse 8s ease-out infinite;
    -o-animation: teardrop-reverse 8s ease-out infinite;
    animation: teardrop-reverse 8s ease-out infinite;
}
.lines .line:nth-of-type(3)::before {
    background:url('/images/front/smalltriangles/3.png') no-repeat center center;
    -webkit-animation: teardrop 10s ease-out infinite;
    -moz-animation: teardrop 10s ease-out infinite;
    -ms-animation: teardrop 10s ease-out infinite;
    -o-animation: teardrop 10s ease-out infinite;
    animation: teardrop 10s ease-out infinite;
}
.lines .line:first-child::before {
    top: 0;
    -webkit-animation: teardrop 6s ease-out infinite;
    /*! -moz-animation: teardrop 6s ease-out infinite; */
    /*! -ms-animation: teardrop 6s ease-out infinite; */
    /*! -o-animation: teardrop 6s ease-out infinite; */
    /*! animation: teardrop 6s ease-out infinite; */
    background:url('/images/front/smalltriangles/3.png') no-repeat center center;
}
.lines .line:last-child::before {
    bottom: 0;
    -webkit-animation: teardrop-reverse 7s ease-out infinite;
    -moz-animation: teardrop-reverse 7s ease-out infinite;
    -ms-animation: teardrop-reverse 7s ease-out infinite;
    -o-animation: teardrop-reverse 7s ease-out infinite;
    animation: teardrop-reverse 7s ease-out infinite;
    background:url('/images/front/smalltriangles/1.png') no-repeat center center;
}


@-webkit-keyframes teardrop {
    0% {
        top: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 100%;
    }
}
@-ms-keyframes teardrop {
    0% {
        top: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 100%;
    }
}
@keyframes teardrop {
    0% {
        top: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 100%;
    }
}

@-webkit-keyframes teardrop-reverse {
    0% {
        bottom: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        bottom: 100%;
        height: 35%;
    }
}
@-ms-keyframes teardrop-reverse {
    0% {
        bottom: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        bottom: 100%;
    }
}
@keyframes teardrop-reverse {
    0% {
        bottom: -10%;
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        bottom: 100%;
    }
}


footer{
    z-index: 2;position: relative;margin:30px 0 60px 0;
}

header{
    position: relative;z-index: 553;
}
.left-nav{
    text-align: center;width:70px;height: 100%;position: fixed;z-index: 3;background:rgba(255,255,255,0.55);
}
.mouse:before{
    width:10px;height: 10px;border:2px solid #fff;position: absolute;left:50%;margin:7px 0 0 -5px;content:'';border-radius:50%;
}
.mouse{
    border-radius:14px;height: 47px;width:29px;border:2px solid #fff;position: relative;
}
.left-nav .left-mouse{
    position: absolute;bottom:10px;left: 18px;cursor: pointer;
}
.left-nav .left-mouse i{
    color:#fff;line-height: 1.3;display: block;
    animation: move 1s ease-out 0.5s infinite;
}
@keyframes move {
    0% {
        transform: translateY(0px);

    }
    33% {
        opacity: 1;
        transform: translateY(2px);
    }
    67% {
        opacity: 1;
        transform: translateY(-2px);
    }
    100% {
        transform: translateY(0px);
    }
}


header .logo{
    /*width:150px;max-width: 100%;position: fixed; left:80px;top:30px;*/
}
section.full-section, div.full-section-div{
    min-height: 100vh;position: relative;
}


.left-nav .slide-nav {
    position: fixed;top:50%;transform: translateY(-50%);width:70px;
}
.left-nav .slide-nav ul{
    margin:-35px 0;
}
.left-nav .slide-nav a{
    background:transparent;width:100%;display: block;cursor:pointer;margin:0px auto;font-size:34px;opacity:0.8;color:#fff;font-weight: bold;
    /*text-shadow: 1px 1px 0px #48bcc0,-1px -1px 0px #48bcc0,0px -1px 0px #48bcc0,-1px 0px 0px #48bcc0;*/

}
.left-nav .slide-nav a:hover,.left-nav .slide-nav a.active{
    opacity:1;color:#fff;
}
.left-nav .slide-nav a.active{
    opacity:1;font-size:44px;
}
.left-nav .slide-nav li{
    margin: 0px auto;text-align: center;display: inline-block;width: 100%;height: 70px;
}
.left-nav .slide-nav .line-nav {
    -webkit-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    width:8px;height: 8px;top:0%;position: fixed;right: -4px;content:"";background:#fff;transform: translateY(-50%);border-radius:50%;
    box-shadow: 0 0 2px 0px #ccc;
}

.right-nav {
    text-align: center;
    width: 70px;
    height: 100%;
    position: fixed;
    z-index: 3;
    right:0;
    background:rgba(255,255,255,0.55);
}

.full-banner .owl-carousel.owl-loaded .owl-slide{
    height:100vh;max-height: unset !important;
}
.full-banner .owl-text{
    text-align: center;z-index: 444
}
.full-banner .owl-text h2{
    font-weight: 900;
    font-size: 56px;
    line-height: 0.9;
    margin: 0 0 15px;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.45s ease-in-out 0.7s;
}
.full-banner .owl-text h3{
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 15px;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.45s ease-in-out 0.85s;
    color:#fff;
}
.full-banner .owl-text p{
    font-weight: 400;
    color:#fff;
    font-size: 16px;
    line-height: 2;
    margin: 0 0 25px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.45s ease-in-out 1.0s;
}
.full-banner .owl-text .btn-groups{
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.45s ease-in-out 1.2s;
}
.full-banner .owl-text {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 53%;
    text-align: left;
    padding-left: 100px;
    text-align: right;
    transform: translateY(-50%);
}
.full-banner .active .owl-text h3,.full-banner .active .owl-text h2{
    opacity: 1; transform: translateY(0%);
}
.full-banner .active .owl-text p{
    opacity: 1; transform: translateY(0%);
}
.full-banner .active .owl-text .btn-groups{
    opacity: 1; transform: translateY(0%);
}
.full-banner .owl-text.inner{
    margin:0;
}

.btn.btn-primary{
    border-radius:18px;
    border:1px solid #000;
    padding:10px 18px;
    text-transform: none;
    font-weight: normal;
    background:transparent;
    font-size: 12px;
    color:#000;
}
.btn.btn-primary:not([href]):not([tabindex]):hover{
    color: #fff;
}
.btn.btn-secondary:not([href]):not([tabindex]){
    color: #fff;
}
.btn.btn-secondary{
    border-radius:18px;
    border:1px solid #48bcc0;
    padding:10px 18px;
    text-transform: none;
    font-weight: normal;
    background:#48bcc0;
    font-size: 12px;
}
.btn.btn-secondary:hover, .btn.btn-secondary:not([href]):not([tabindex]):hover{
    background:#fff;
    color:#48bcc0;
}
.btn + .btn{
    margin-left: 10px;
}

div.flyel {
    top:50%;
    left:50%;
    position:absolute;
    z-index: 323;
    transition: all 8.5s ease-out 0s;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1) !important;
}
.full-banner
div.flyel:nth-child(1){
    animation: scale 6s ease-out 0.5s infinite;
    transition: all 11.5s ease-out 0s;
    z-index: 324;
}
div.flyel:nth-child(2){
    animation: scale 4s ease-out 0.5s infinite;
    transition: all 18.5s ease-out 0s;
    z-index: 325;
}
div.flyel:nth-of-type(3){
    animation: scale 6s ease-out 0.5s infinite;
    transition: all 20.5s ease-out 0s;
    z-index: 326;
}
@keyframes scale {
    0% {
        transform: scale(1);

    }
    50% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}

.num{
    position: absolute;
    font-size: 36px;
    bottom: 45px;
    right: 15px;
    z-index: 987;
    display: inline-block;
    line-height: 1;
    color:#fff;

}
.count-nav i,.num{
    text-shadow: 1px 1px 0px #48bcc0,-1px -1px 0px #48bcc0,0px -1px 0px #48bcc0,-1px 0px 0px #48bcc0;
}
.num span{
    font-weight: 400;font-size:50px;
}
.banner-social{
    position: absolute;
    font-size: 15px;
    bottom: 25px;
    right: 15px;
    z-index: 32323;
    display: inline-block;
    line-height: 1;
}
.banner-social a{    
    color:#b2b2b2;padding:3px;margin:3px 10px;
}
.banner-social a:hover{    
    color:#48bcc0;
}

.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.content-page{
    z-index: 1;position: relative;
}
.menu {
    visibility: hidden;
    position: fixed;
    top: 30px;
    right: 50%;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: 0.5s;
    border-radius: 100%;
    z-index: 601;
    background:#fff;
}
.menu .menu-container {
    padding:0px;
    right: 200vw;
    position: absolute;
    top: 200vw;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    transition: 0.5s;

    display: flex;
    align-items:center;

}
.ext-bg {
    background: #fff;
    height: 100%;
    width: 0;
    transition: 0.5s width;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height .5s;
}

.menu.mopen {
    right: -200vw;
    top: -200vw;
    width: 400vw;
    height: 400vw;
    visibility: visible;
    z-index: 443423;
}
.menu nav ul {
    position: relative;
    max-width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 21;
    margin-left: 10%;
}


.menu-handle-a .dot,.menu-handle-a .dot:before,.menu-handle-a .dot:after {
    position: relative;
    width: 36px;
    height: 2px;
    border-radius: 20px;
    background-color: #fff;
    display: block;

}
.menu-handle-a .dot:before{

}
.menu-handle-a{
    position: relative;height: 30px;display: block;cursor: pointer;width:36px;margin-left:-18px;
}
.menu-handle-a .dot {
    left: 0%;
    margin-top: 0px;
}

.menu-handle-a .dot:before,.menu-handle-a .dot:after {
    content: "";
}

.menu-handle-a .dot:before {
    top: 11px;width:20px;margin:0 8px;
    -webkit-transition: all 300ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 300ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 300ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 300ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 300ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}

.menu-handle-a .dot:after {
    top: 20px;
}
.menu-handle-a:hover .dot:before{
    width:36px;margin:0 0px;
}

.menu-handle-a{
    position: relative;top:15px;
}

.left-nav{
    border-right: 1px solid #f2f2f2
}

.right-nav{
    /*border-left: 1px solid #f2f2f2*/
}
.right-nav .slide-nav-right  ul{
    list-style: none;
}
.right-nav .slide-nav-right {
    position: fixed;top:50%;transform: translateY(-50%);width:70px;
}
.right-nav .slide-nav-right a{
    cursor:pointer;color:#fff;
}
.right-nav .slide-nav-right a:hover{
    color:#48bcc0;
}
.right-nav .slide-nav-right li{
    margin: 20px auto;text-align: center;display: inline-block;width: 100%;position: relative;
}
.menu-handle{
    position: absolute;right: 20px;top:-10px;opacity:0;   transition: 0.8s;
}
.menu.mopen .menu-handle {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 33;
    transition-delay: 0.8s;
}
.menu nav ul li {
    font-size: 60px;
    font-size:initial;
    font-weight: bold;
    line-height: 50px;
    margin: 8px 0;
}
.menu nav ul li a:hover,.menu nav ul li a.active{
    color:#16bac4;
}
.menu nav ul li {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: 0.8s;
}
.menu nav ul li a{
    color:#000;
}
.menu .left-menu-bg{
    z-index: 2;
}
.menu .lines{
    z-index: 1;
}
.menu.mopen nav ul li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.8s;
}
/*.menu nav:before{
    background:#48bcc0;height:100%;position: absolute;left:0;top:0;width:100%;z-index:1;content:'';mix-blend-mode: lighten;
}*/
.menu.mopen nav{
    opacity: 1;
} 
.menu nav {
    background:#fff;
    background-size:cover;
    position: relative;
    padding: 30px;
    min-height: 100%;
    display: flex;
    align-items: center;
    width: 50%;
    text-align: left;
    justify-content: left;
    opacity:0;
    margin-right:auto;
    -webkit-transition: all 1200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 1200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 1200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 1200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 1200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.menu .close-new::before,.menu .close-new::after{background-color:#fff;}
.menu .left-menu-bg{
    right:0; overflow: hidden; position:fixed;width:50%;height: 100%;background:#b5b5b5;background-image:url('/images/front/menubg.jpg');background-position: center center;background-size: cover;
}
.menu .left-menu-bg video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.menu .left-menu-bg.white-bg{
    background:#fff;background-image:none;
}
.menu .left-menu-bg.white-bg video{
    display: none;
}
.menu .submenu-items {
    max-height: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap:wrap;
    opacity:0;
    -webkit-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.menu .submenu-items.active {
    opacity:1;
}

.menu .submenu-items .one-item .submenu-title{
    font-size:18px;font-weight: 700;color:#000;width:100%;
}
.menu .submenu-items .one-item{
    width: 50%;text-align: center;padding:10px;
}
.menu .submenu-items .one-item img{
    max-width:100%;width:300px;
}


.background-itm{
    background-size:cover;background-position:left center;height: 100vh;width:50%;z-index: 3;
    -webkit-transition: all 700ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 700ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 700ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 700ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 700ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.owl-type{
    height:100%;width:100%;    
}
.owl-type .right{
    padding:60px;
}
.owl-type h2{
    font-size:56px;
    font-weight: bold;
    line-height: 1.1;
}
.owl-type .right a.bt-l{
    font-size:16px;
    margin-top:20px;
    font-weight: 600;
    color:#48bcc0;
    display: inline-block;
}
.owl-type .right a.bt-l:hover{
    color:#b3b3b3;
}
.owl-type h2 span{
    color:#48bcc0;
}

.owl-type  .right {
    padding: 60px;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 1;
}
.one-item .btn-plus{
    cursor:pointer; z-index: 4;justify-content: center;margin-top:250px;display: flex;align-items:center; position:absolute;left:50%;color:#fff;font-size:26px;margin-left: -30px;width:60px;text-align: center;height:60px;background:#48bcc0;border-radius:50%;
}
.one-item .btn-plus i{
    color:#fff;
}


h2.type-t {
    font-size: 56px;
    font-weight: bold;
    line-height: 1.1;
}
h2.type-t span{
    color:#48bcc0;
}
.feed-social{
    margin-top:40px;margin-left:-10px;
}
.feed-social a{
    color:#b3b3b3;padding:3px;margin:3px 10px;
}
.feed-social a:hover{color:#48bcc0}
body section > .container{
    padding:0 15px;
}

.newsletter-control{
    background: #f2f2f2;border:1px solid #f2f2f2;padding: 3px 14px;width:40%;
}

.newsletter-item .btn-secondary{
    margin-left: 20px;
}
section.full-section.social-newsl{
    min-height: 1px;
}


/*logo invert*/

/* variables */
:root {
    --replace-offset: 50%;
    --replace-offset-2: calc((100% - var(--replace-offset) ) * -1);
}
.header-logo {
    position: fixed;
    top:20px;
    left: 0px;            
    text-align: center;
    z-index: 21;
}
.st-lg .header-logo{
    position: absolute;
}
.header-logo img{
    max-width: 70px;padding:0 5px;
}
.logo {
    display: inline-block;
    font-size: 2em;
}

.section {
    border: 1px solid;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.section--bg {
    background-color: var(--color-1);
}

.js-replace {
    display: grid;
}

.js-replace__item {
    grid-row: -1 / 1;
    grid-column: -1 / 1; 
    overflow: hidden;
    will-change: transform;
}

/* item to replace with */
.js-replace__item {
    transform: translateY(calc(var(--replace-offset) * 1));  
}
.js-replace__content {
    /* fixes problem with calculating correct height in js */
    border: 1px solid transparent; 
    will-change: transform;

    transform: translateY(calc(var(--replace-offset) * -1));
}

/* previous replace item*/
.js-replace__item--active {
    transform: translateY(calc(var(--replace-offset-2) * 1));  
}
.js-replace__item--active .js-replace__content {
    transform: translateY(calc(var(--replace-offset-2) * -1));  
}


/* REVERSE ANIMATION */
.js-replace--reverse 
.js-replace__item {
    transform: translateY(calc(var(--replace-offset-2) * 1));  
}
.js-replace--reverse 
.js-replace__content {
    transform: translateY(calc(var(--replace-offset-2) * -1));
}

/* previous replace item*/
.js-replace--reverse 
.js-replace__item--active {
    transform: translateY(calc(var(--replace-offset) * 1));  
}
.js-replace--reverse 
.js-replace__item--active .js-replace__content {
    transform: translateY(calc(var(--replace-offset) * -1));
}

/*end*/
.home-banner{
    position: relative;
}
.content-page{
    padding: 0;
}
.content-page > section{

    padding-left:70px;
    padding-right: 70px;
}
.content-page > section > .container{
    position: relative;
}
.content-page > section.nopadding{
    padding-left:0px;
    padding-right: 0px;
}
.right-nav,.left-nav{
    background: transparent;
}
.lines .line{
    height: 100%;background: #f2f2f2;width:1px; position:fixed;
}
.lines .line:nth-of-type(1){
    left: 20%
}
.lines .line:nth-of-type(2){
    left: 40%;
}
.lines .line:nth-of-type(3){
    left: 60%;
}
.lines .line:nth-of-type(4){
    left:80%
}


.contact-window{
    width: 100%;
    height: 100%;
    position: fixed;
    background:#fff;
    z-index: 522;
    transform: translateX(100%);
    -webkit-transition: all 1200ms cubic-bezier(.33,1.11,.77,0.33);
    -moz-transition: all 1200ms cubic-bezier(.33,1.11,.77,0.33);
    -ms-transition: all 1200ms cubic-bezier(.33,1.11,.77,0.33);
    -o-transition: all 1200ms cubic-bezier(.33,1.11,.77,0.33);
    transition: all 1200ms cubic-bezier(.33,1.11,.77,0.33);
}
.contact-window.active{
    transform: translateX(0%);
}

.contact-window .right-content{
    width: 60%;
    padding:30px;
    height: 100%;
    margin-left: auto;
    overflow: auto;
    position: relative;
}
.close-new{
    cursor:pointer;
}
.one-contact .f-title{
    color:#000;
}
.one-contact{
    padding:50px 0px 0;margin:15px 0;
}

.one-contact {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.1;
}
.one-contact .phn{
    margin: 10px 0 5px;
    position: relative;
}
.one-contact  .phn::before {
    margin-top: -5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    content: '';
    position: relative;
    background: #48bcc0;
    vertical-align: middle;
    margin-right: 15px;
}
.one-contact{width:50%;display: inline-block;padding-right: 50px;vertical-align: top;}
.contact-person-one{
    margin:25px 0;padding:0px;display: flex;align-items: center;
}
.contact-person-one .circle-photo {
    flex: 0 0 100px; width:100px;height: 100px;border:1px solid #000;border-radius:50%;overflow: hidden;margin-right: 10px
}
.contact-person-one .circle-photo img{
    width:100%;height: 100%;object-fit: cover;object-position: center;
}
.contact-person-one .social-person {
    padding:0 4px;
}
.contact-person-one .person-info .person-name{
    font-size:18px;font-weight: 600
}
.contact-person-one .person-info {
    padding:10px;line-height: 1.2;font-size: 13px;font-weight: 400;
}
.contact-person-one .social-person a{
    display: block;color:#b3b3b3;font-size:12px;padding:2px;
}
.contact-person-one .person-info .person-type{
    margin-bottom: 5px;text-transform:uppercase;font-weight: 400;
}
.contact-person-one .person-info .person-ind{
    margin-bottom: 5px;color:#b3b3b3;font-size:11px;font-weight: 400;
}
.person-phone,.person-email{
    margin:2px 0;display: inline-block;width:100%;
}
.mail-data-contact{
    padding-bottom: 50px;
}

.form-contact{width:100%;margin-top:30px;}
.form-contact .contact_form{
    margin-top:30px;
}
.form-contact .contact_form .form-control{
    background:#f2f2f2;border-radius:0;margin:0 0 15px 0;border-color:#f2f2f2;font-size:12px;font-weight: bold;padding:10px 15px;
}

.special-row-contact{
    margin-left:-10px;margin-right:-10px;
}
.special-row-contact .col-md-6{
    padding: 0 15px;
}
.special-row-contact .col-md-12{
    padding: 0 15px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #48bcc0;
}
.custom-control{
    padding-left: 35px;
}
.custom-checkbox .custom-control-label::before,.custom-control-label::after{
    border-radius:50%;left:-35px;top:-15px;top: -2px;width: 25px;height: 25px;border-color:#48bcc0;border-width: 1px;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    color:#fff;background-image: none;border: #48bcc0 solid 1px !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label{
    font-weight: 700;
}
.form-contact .btn-send{margin:10px auto;}
.btn-send{
    border-radius: 0px;
    border: 1px solid   #48bcc0;
    padding: 13px 18px;
    text-transform: none;
    font-weight: normal;
    background:#48bcc0;
    color:#fff;
    font-size: 12px;
    min-width:160px;
}

.form-contact .alert-success{
    background:#b2b2b2;border-color:#545454;text-align: center;
}


.right-window{
    width: 400px;
    max-width:100%;
    height: 100%;
    right:0;
    padding: 30px;
    position: fixed;
    background:#fff;
    z-index: 32344;
    transform: translateX(100%);
    -webkit-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -moz-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -ms-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -o-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    transition: all 500ms cubic-bezier(.0,.97,.7,1.5);    
    border-radius: 30px 0 0 30px;
    width: 30%;    
    min-width: 500px;
}
.right-window.active{
    transform: translateX(0%);
}
.window-content .close-new{    
    top: 14px;
    right: 16px;
}
.close-new:before, .close-new:after{
    background-color: #48bcc0;
    width: 3px;
}

.noPaddingLeft{
    padding-left:0;
}

@media (max-width:1199px){
    .one-contact{
        padding-right: 20px;padding-top:30px;
    }
    .contact-person-one .circle-photo {
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
        margin: 0 auto 20px auto;
    }
    .contact-person-one{
        flex-wrap:wrap;text-align: center;
    }
    .contact-person-one .social-person {
        padding: 0 4px;
        display: inline-block;
        width: 100%;
    }
    .contact-person-one .social-person a{
        display: inline-block;
    }
    .contact-person-one .person-info{
        width: 100%;
        display: inline-block;
    }
}
.content-page section.section-item.first-child{padding-top: 140px;}
.padding-top-first-section{padding:30px;padding-top:120px;}
.padding-section{padding:30px;}
.search-faq-form{
    display: inline-block;vertical-align: middle;
}.form-control:focus {
    box-shadow: 0px 0px 1px #000;
    border-color: #000;
    background: #f2f2f2;
}
.search-faq-form {
    padding-bottom: 30px;padding-left:30px;
}
.search-faq-form .search-input input,.search_w .input-search input{
    border-radius:0px !important;padding: 12px 15px;
}
.search-faq-form .btn-send{
    cursor:pointer;    text-transform: capitalize;
}
.search-faq-form .search-input input{
    min-width: 350px;
}
.search-faq-form .search-input{
    display: inline-block;position: relative;  margin:0;margin-right: 20px;
}
.search-faq-form .search-input i{
    position: absolute;top:50%;right:10px;transform: translateY(-50%);font-size:12px;
}
.search-faq-form .btn-send{
    display: inline-block;min-width:150px;text-align: center;margin-left:10px;
}
.search-faq-form input{
    background:#f2f2f2;
    border-radius: 0px;
    width:400px;
    margin: 0 0 15px 0;
    border-color: #f2f2f2;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 35px 10px 20px;;
    margin:0;
    height: 42px;
}
.filter-cat{
    padding:15px 0;
}
.filter-cat a{
    color:#fff;margin:10px;padding:10px 3px;border-bottom: 2px solid transparent;display: inline-block;
}
.filter-cat a.active,.filter-cat a:hover{
    border-color:#fff;color:#fff;
}

.one-faq{
    width:32%;display: inline-block;padding:20px;
}
.one-faq .faq-nubmer{
    font-size:70px;color:#dedede;font-weight: 700;line-height: 1;margin-bottom:10px;
}
.one-faq .faq-title{
    font-size:24px;font-weight: 600;color:#000;margin-bottom:20px;
}
.one-faq .faq-subtitle{
    font-weight: 300;font-size:13px;color:#565656;line-height: 1.5;
}

.faq-items{
    width:100%;display: flex;flex-wrap:wrap;
}
.one-faq .content{
    display: none;font-size:13px;line-height: 1.8;
}

.one-faq a.bt-faq{
    font-size:14px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight: 600;
    color:#48bcc0;
    display: inline-block;
    cursor:pointer;
}
.one-faq a.bt-faq:hover{
    color:#b3b3b3;
}
.row-contact{
    display:flex;flex-wrap:wrap;
}
.blog-filter{
    padding-top:40px;display:flex;flex-wrap:wrap;align-items: center;
}
.blog-filter a.blog-filtr{
    color:#fff;font-weight: bold;font-size:16px;padding:4px;margin:4px;vertical-align: middle;
}
.blog-filter .search-blog-form{
    padding-bottom:0;margin-left:auto;
}
.filter-content-blog{
    background:rgba(255,255,255,0.1);padding:20px;border:0px solid #000;margin:15px 0;display: none;
}
.blog-list-content{
    padding:30px 0;
}
.one-tag-style{
    display:inline-block;border-radius:0px;font-size:12px;font-weight: 700;color:#fff;padding:12px 15px;border:2px solid #fff;margin:5px;min-width: 120px;text-align: center;
}
.one-tag-style.active,.one-tag-style:hover{
    background:#fff;color:rgba(244,59,82,1);border-color:rgba(244,59,82,1);box-shadow: 0 0 0 3px rgba(244,59,82,1) inset;
}
.one-tag-style a{
    color:rgba(244,59,82,1);margin-left: 10px;font-size:12px;
}
.one-blog-list{
    padding:50px 0;width:100%;
}
.one-blog-list img{
    width:100%;max-height: 500px;object-fit: cover;object-position: center;
}
.blog-list-content .one-blog-list:nth-of-type(2n) > .align-items-center{
    flex-direction: row-reverse;
}

.header-logo.no-fixed{
    position: absolute !important;
}

.date-blog{
    font-size:16px;color:#fff;font-weight: 400;margin:10px 0 0 0;
}
.one-blog-list a.title-blog{
    font-size:54px;font-weight: bold;color:#fff;margin-bottom:20px;display: inline-block;width: 100%;text-align: left;
}
.one-blog-list a.title-blog:hover{
    color:#48bcc0;
}
.one-blog-list .one-blog-info p{
    font-weight: 400;font-size:16px;color:#fff;line-height: 1.5;
}
.one-blog-list a.bt-faq{
    font-size:14px;
    margin-top:40px;
    margin-bottom:20px;
    font-weight: 700;
    color:#48bcc0;
    display: inline-block;
    cursor:pointer;
}
.one-blog-list a.bt-faq:hover{
    color:#b3b3b3;
}
.padding-blog{
    text-align: center;
}
.padding-blog a{
    color:#cccccc;font-size:32px; padding-top: 10px;vertical-align: middle;
}
.padding-blog a:hover{
    color:#999
}
.padding-blog .num {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 10px;
    vertical-align: middle;
    color: #ccc;
}
.padding-blog .num span{
    color:#000;
}

.one-column-info{
    width:80%;max-width:100%;
}

.section-images-w > .row .images-column img{
    width:100%;min-height: 100vh;max-width: 100%;object-fit: cover;object-position: center;display: block;
}
.section-images-w > .row{
    min-height: 100vh;
}
.section-images-w .move-left {
    margin-left: -150px;
    z-index: 3;
    position: relative;
    text-shadow: 1px 1px 4px #fff;
}
a.back-to{
    color:#fff;font-weight: 600;font-size:13px;margin-bottom:15px;
}
a.back-to i{
    color:#fff;
}
@media (max-width:1199px){
    .one-column-info{
        width:100%;         
    }
}
@media (max-width:991px){
    .section-images-w .move-left{
        margin-left: 0;
    }
    body #smartsupp-widget-container > div {
        right: 40px !important;
        bottom: 10px !important;
    }
}

#BlowupLens{
    transition:visibility 0.3s ease-in-out,opacity 0.3s ease-in-out,transform 0.25s ease-in-out 0s;
}
.scroll-element-in-section{
    max-width:100%;
}

.basketview{
    display:flex;background: #fff;
}
.basketview .left-basket{
    width:16%;background:#48bcc0;
    position: fixed;
    height: 100%;
    display: flex;
    align-items: center;
    padding:50px;
}
.basketview .right-basket{
    width:84%;margin-left:16%;
}

.rTableHeading::before {
    width:0;
    background: transparent;
    display:none;
}
.rTableHeading{
    background: transparent;color:#bfbfbf;
}
.rTableHeading .rTableHead{
    border-bottom: 1px solid #bfbfbf;
}

.basketview .custom-checkbox .custom-control-label::before,.basketview .custom-checkbox  .custom-control-label::after{
    width:20px;height: 20px;
}
.basketview .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    font-size:10px;line-height: 18px;
}
#basket-content .prod-action .custom-control {
    padding-left: 35px;
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: 13px;
    padding-top: 0;
}
.summary-info{
    background: transparent;
}
.code-group span{
    display: none;
}

#coupon_code, .coupon_code {
    border-radius: 0px;
    background:         #f1f1f1;
    border-color:        #f1f1f1;
    font-size: 13px;
    color:#777;
    font-weight: 600;
    line-height: 2;
}
.button-basket-down .button_next_cart{
    margin-left:auto;border-radius:0px;
}
span.infot::before{
    font-size:12px;
}
.basketview .col-xs-12 {
    width:100%;
    padding:0 15px;
}

.basket-steps-new{
    width:100%;padding:50px 0;margin-top:40px;
}
.basket-steps-new ul{
    display:flex;justify-content: space-between;align-items: flex-end;
}
.basket-steps-new ul li{
    display:flex;padding:15px;color:#cfcfcf;align-items: flex-end;
}
.basket-steps-new ul li.active{
    color:#48bcc0;
}
.basket-steps-new ul li .text.big-text{
    font-size:22px;text-transform: none;font-weight:700;
}
.basket-steps-new ul li .text{
    font-size:14px;font-weight: 400;text-transform: uppercase;padding: 0;
}
.number-icon{
    font-size:40px;font-weight: 600;padding-right: 5px;line-height: 1;
}
.quantity{
    border:none;width:80px;
}
.quantity .btn.btn-number,
.quantity .btn.btn-number-w{
    height: 50px; background:transparent;box-shadow: none !important;
}
#product-quantity, .product-quantity{
    height: 50px;
    border-radius: 0px !important;
    background: #f1f1f1;
    border-color: #f1f1f1;
    font-size: 12px;
    color:#777;
}
.rTableCell .quantity .fa{
    color:#b2b2b2
}
input.txtbox,#basket-data .form-control,.delivery-data .form-control{
    background: #f6f6f6;
    border-color: #f6f6f6;
    font-size: 12px;
    color:#a3a3a3;
    padding:15px;
    border-radius: 0px !important;
    height: auto;
}


.button-class,.gus-btn{
    border-radius:0px;color:#fff !important;font-size: 11px;padding:12px 15px;
}
.button-basket-down .button_next_cart{
    font-size:11px;
}

.button-class:hover,.gus-btn:hover{
    color:#48bcc0 !important;
}
.button-class-invert{
    color:#48bcc0 !important;background:#fff !important;
}
.button-class-invert:hover{
    color:#fff !important;background:#48bcc0 !important;
}
.login-content.bg-right{
    min-height: 100vh;
}

.login-content.bg-right::before{
    z-index: 0;
}
.infot i{
    font-size:13px;
}

.title-bar .custom-control-label::before, .title-bar .custom-control-label::after {
    top: 50% !important;
    transform: translateY(-50%);
}
.title-bar{
    background:#fff;color:#48bcc0;
}
.one-adress-row .custom-control{
    margin-bottom:20px;
}
.address-box .one-adress-row{
    border-radius:0px;padding: 15px 15px;
}
.search-data-b .input-group-append{
    border:none;background:transparent;
}
#basket-data .search-data-b .form-control{
    background: #f6f6f6;
    border-color: #f6f6f6;
}
#basket-data label.col-form-label{
    margin-bottom:0;font-size:12px;padding: 2px 0;
}
.basketview .form-group {
    margin-bottom: 10px;;
}
.form-area-basic-data .custom-control label{
    font-weight: 700;
}
.bilinng-chck{
    font-weight:700 !important;color:#48bcc0;font-size:15px !important;line-height: 1.3;
}
.bilinng-chck.custom-checkbox .custom-control-label::before, .bilinng-chck.custom-checkbox .custom-control-label::after{
    top:0 !important;
}
.data-user-billing{
    padding-top:0;
}
.group-checkbox-only-one {
    margin-left: -20px;
}
.button-basket-down .btn-back{
    color:#d3d3d3;font-weight:600;
}
.button-basket-down .btn-back .fa.fa-long-arrow-left::after{
    background: #d3d3d3;
}
.button-basket-down .btn-back .fa.fa-long-arrow-left::before {
    border-color: #d3d3d3;
}
.one-delivery,.delivery-box{
    border-radius:0px;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{
    background:transparent;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
    background-color:transparent;
}
.one-delivery .titles span{
    font-weight:400;
}
.one-delivery .custom-control{
    margin-bottom: 20px;
}
.change-data-delivery{
    background:#fff;
}

.right-window {
    /*box-shadow: 80px 0 0px 80px #48bcc0;*/
    overflow-x: hidden;overflow-y: auto;
}

.contact-window-small{
    /*width: 400px;*/
}
.product-contact-window-small{
    /*width: 400px;*/
}

.menu-dimness,.menu-dimness-login{
    -webkit-transition: opacity 400ms ease-in-out, background 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out, background 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out, background 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out,  background 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, background 400ms ease-in-out;
    height:0;width:100%;
    position: fixed;
    background:#48bcc0;
    z-index:-1;
    opacity:0;
    top:0;
}
.menu-dimness.active + header .header-logo{
    z-index: 21;
}
.menu-dimness.active + header{
    z-index: auto;
}
.menu-dimness.active,.menu-dimness-login.active{
    height: 100vh;
    z-index: 22;
    opacity: 0.9;
}
.ord-title,.summary-info .delivery-cols h3,.data-info .delivery-cols h3{
    color:#48bcc0;
}
.rTableCell .product-info .prod-info .title-p{
    font-weight: 700;font-size: 13px;
}
.delivery-cols h3,.ord-title,#basket-payment .title-bar,#basket-data .title-bar{
    font-weight: 600;
}

.order-finish h2{
    font-size:30px;font-weight: 600;line-height:1.2;margin-bottom:10px;
}
.icon-basket-finish{
    border-radius:0;  margin:10px auto 30px;border:2px solid #48bcc0;line-height: 96px;font-size:34px;color:#48bcc0;text-align: center;display: inline-block;width:100px;height: 100px;
}
.log-content-full .left-image{
    width:65%;
}
.log-content-full .right-info{
    width:35%;min-width: 500px;
}
.login.nt3,.nt4{
    color:#000;
}
.log-content-full .nav-a{
    position: relative;width:auto;
}
.log-content-full .nav-a a.close-l span.close-new{
    position: relative;
}
.log-content-full .nav-a a.close-l {
    margin-top: 5px;
    padding-right: 2px;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: auto;
}
.log-content-full .cont-ff{
    display: block;
}
.log-reg-box .ff{
    flex-wrap:wrap;
}
.log-reg-box .left-login::after{
    content:'';opacity: 0;display: none;
}
.login-logo{
    margin-bottom: 40px;width: 150px;max-width: 100%;
}
.log-content-full .right-info .log-reg-box .ff{
    padding:40px;max-width: 480px;margin-left: auto;margin-right: auto;
}
.nt3,.nt4{
    text-align: left;
}
.log-content-full .left-login input.txtbox,.log-content-full .active-reg input.txtbox,input.form-control{
    background: 
        #f6f6f6;
    border-color:
        #f6f6f6;
    font-size: 12px;
    color:
        #1a1717;
    padding: 15px;
    border-radius: 0px !important;
    height: auto;
    width:100%;
    text-transform: none;
}
.log-content-full .left-login .login-site{
    max-width: 100%;
}
.log-content-full .left-login label{
    color:#fff;
}
.log-content-full h2.type-t{
    margin-bottom: 40px;
}
.log-reg-box .centered .regis-t{
    text-align: left;
}
.log-reg-box .centered{
    text-align: left;padding: 0;
}
.log-register-box{
    margin-top:40px;
}
.nt3.reg{
    color:#fff;font-size:26px;font-weight: 700
}
.regis-t {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
}
.login-site a#submit_btn{
    float: right;
}  
.log-reg-box .custom-control label {
    padding-top: 1px !important;
}
.log-reg-box .custom-control-label::before, .log-reg-box .custom-control-label::after{
    width:20px;height: 20px;border-radius:0%;left: -25px;
}
.log-reg-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    font-size: 12px;
    line-height: 19px;
    border-width: 1px !important;
}
.activate_form, .remember_form{
    width:100%;
}
.centered label{
    color:#000;
}
.log-reg-box .centered form .custom-control label a{
    color:#48bcc0;
}
.login-cst-chc.custom-control {
    margin: 10px 0 0 0;
}
#register-site-firm .login-cst-chc.custom-checkbox .custom-control-label::before,#register-site-firm  .login-cst-chc.custom-checkbox .custom-control-label::after{
    top:0;
}
.ff  h2.type-t{
    font-size:46px;
}
.log-reg-box .centered i{
    color:#48bcc0;
}
.custom-control.rg-inf-activate{
    margin-top:25px;
}
.custom-control.rg-inf-activate:hover label{
    color:#888;
}
.register-btn{
    min-width: 50%;margin-top:20px;
}
.close-basket{
    z-index: 32;position: absolute;right: 0;
}
@media (max-width:991px){
    .log-content-full .left-image {
        width: calc(100% - 400px);
    }
    .basketview .left-basket,.basketview .right-basket{
        width:100%;margin:0;
    }
    .basketview .left-basket{
        position: relative; padding: 15px;margin-bottom: 15px;
    }
    .basketview .left-basket img{
        width:120px;max-width:100%;
    }
    .basketview{
        flex-wrap:wrap;
    }
    .basketview .close-basket{
        top: 17px;
    }
    .basketview .close-basket .close-new::before,.basketview .close-basket .close-new::after{
        background-color:#fff;
    }
    body .basketview .container{
        padding:0 15px;
    }
    .basket-steps-new ul li .text {
        font-size: 11px;
    }
    .number-icon {
        font-size: 30px;
    }
    .basket-steps-new ul li .text.big-text {
        font-size: 16px;
    }
    .basket-steps-new ul li{
        padding:10px;
    }
    .form-control{
        line-height: 1;
    }
}
@media (max-width:640px){
    .basket-steps-new{
        display: none;
    }
}
@media (max-width:480px){
    .log-content-full .left-image{
        display: none;
    }
    .log-content-full .right-info{
        width:100%;min-width: 100%;
    }
    .log-content-full .right-info .log-reg-box .ff{
        padding:10px;padding-bottom:40px;
    }
}
body .jc-bs3-container.container{
    padding:0 15px;
}

.right-window .window-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.window-centered{
    width:100%;text-align: center;max-height: 100%;padding:15px 0;
}
.window-centered h3.type-t{
    color:#000;font-weight: 600;font-size:30px;letter-spacing:0.5px;margin-bottom:20px;line-height: 1.1;
}
.window-centered .subtnt{
    color:#777;font-weight: 600;font-size:16px;letter-spacing:1px;margin-bottom:20px;
}
.window-centered a.button-class,
.window-centered button.button-class{
    margin-top:30px;width:100%;
}
.search_w  .input-search{
    position: relative;
}
.search_w  .input-search input{
    padding-right: 25px;
}
.search_w  .input-search i{
    position: absolute;right: 8px;top:50%;margin-top:-12px;height: 24px;line-height: 24px;    
}
input.error{
    border-color:#48bcc0;color:#48bcc0;box-shadow: 0 0 0 1px #48bcc0;
}

.user-options-menu{
    padding:15px 0;
}
.user-options-menu img{
    max-width: 80px;border:3px solid #48bcc0;
}
.user-options-menu a span{
    display: block;color:#48bcc0;font-size:20px;padding:5px;
}
.user-options-menu a{
    color:#222;font-size:15px;margin: 3px 0;
}
.user-options-menu a:hover{
    color:#48bcc0;
}
.user-options-menu a i{
    margin-right:5px;font-size:14px;
}
.open > .dropdown-menu {
    display: block;
}
.bootstrap-select .dropdown-menu li a{
    width:100%;color:#000;width:100%;text-align: center;display: inline-block;padding:5px;font-size:13px;
}
.bootstrap-select .dropdown-menu li a:hover{
    color:#fff;background:#48bcc0;
}
.bootstrap-select .dropdown-menu li a.active span.text,.bootstrap-select .dropdown-menu li a:hover span.text{
    color:#fff;
}
.bootstrap-select .dropdown-menu li a span.text{
    color:#000;padding:0;
}
.window-centered > div.select label{
    padding-right: 10px;min-width:85px;margin:10px 0 5px 0; 
}
.window-centered > div.select{
    display: flex;align-items:center;padding: 15px 0;
}
.bootstrap-select .dropdown-toggle .bs-caret{
    display: none;
}
.bootstrap-select > .dropdown-toggle::after{
    border-top: .4em solid #000;
    margin-top: 1px;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
.bootstrap-select > .dropdown-toggle{
    background: #f6f6f6;
    border: 0;
    font-size: 12px;
    color: #a3a3a3;
    padding: 15px;
    padding-right: 15px;
    border-radius: 0px !important;
    height: auto;
    width: 100%;
}
.bootstrap-select .btn.focus,.bootstrap-select .btn:focus{
    box-shadow: none;
}
#basket-count span {
    position: absolute;
    top: 0px;
    left: 60%;
    right: auto;
    border-radius: 0%;
    border: 1px solid  #48bcc0;
    color: #48bcc0;
    background: #fff;
    min-width: 14px;
    height: 14px;
    font-weight: bold;
    line-height: 11px;
    font-size: 8px;
}

#basket-top {
    z-index: 500;
    display: block;
    position: relative;
    top: auto;
    right: auto;
}
#basket-top .basket-top-class.empty-basket{
    max-width: 100%;
    border: 0;
    box-shadow: none;
}
.empty-basket .top-cnt-bs{
    padding:0 15px;
}
#basket-top .basket-top-class {
    font-size: 12px;
    margin-top: 0px;
    max-width: 100%;
    width: 700px;
    border: none;
    padding: 0px;
    box-shadow: none;
}
#basket-top .rTableRow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#basket-top .rTableBody .rTableRow .rTableCell {
    padding: 5px 5px;
    display: inline-block;
    width: 100%;
}

#basket-top .rTableCell .product-info{
    flex-wrap:wrap;
    text-align: center;
    justify-content: center;
}
#basket-top .rTableCell .product-info .border-image{
    border:none;
}
#basket-top .rTableCell .product-info .border-image img{
    position: relative;width:100px;height: 100px;transform: none;left:auto;top:auto;
}
#basket-top .rTableCell .product-info .border-image{
    width:auto;height: auto;min-width: 1px;padding:0;
}
#basket-top .rTableCell .product-info .prod-info{
    padding:10px;width:100%;
}
#basket-top .basket-data-m{
    padding:0;
}
.window-centered h3.mrgt{
    margin-top:30px;
}

#basket-top .sumary-bx{
    max-width:100%;width:100%;border-top:2px solid #ccc;padding:0px;margin-top:20px;padding-top:20px;
}
#basket-top .rTableCell .prod-action{
    justify-content: center;
}
#basket-top h3.text-right{
    font-size:13px;font-weight: 600;line-height: 1.8;
}
#basket-top h3.text-right span{
    font-size:14px;
}
#basket-top .rTableCell .prod-action .custom-control-input:checked ~ .custom-control-label::after{
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
#basket-top .rTableCell .prod-action .custom-control-label{
    top: -16px;
    left: 8px;
}
#basket-top .one-price-bsk{
    display: flex;
    font-size:13px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    padding: 1px;
}
#basket-top .rTableCell .one-price-bsk .old_price, .rTableCell .one-price-bsk .price{
    font-weight: 400;padding-left: 10px;color:#48bcc0
}
#basket-top .rTableCell .one-price-bsk .old_price{
    color:#ccc;
}
.small-accordion{
    max-width: 80%;
}
.small-accordion a.bt-prod{
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
    font-weight: 600;
    color:#48bcc0;
    display: inline-block;
    cursor:pointer;
}
.small-accordion a.bt-prod:hover{
    color:#b3b3b3;
}
.small-accordion .one-desc-accord{
    display: none;color:#777;font-size:13px;padding-bottom: 10px;line-height: 1.5;
}

.product-section p.code{
    color:#777;font-size:12px;margin-top:30px;
}
.product-section p.shortdesc, .product-section div.shortdesc{
    color:#ccc;font-size:13px;margin-top:40px;font-weight: 700;margin-bottom:20px;
}
.product-info-n{
    padding:20px 0 50px 0;
}
.one-desc-accord .col-md-3 img{
    width: 90px;
}
.product-images{
    padding:50px 0;
}
.options-list{
    margin:15px 0;display:inline-block;width:100%;padding:0;
}
.options-list .name{
    color:#000;font-weight: 700;padding-bottom: 10px;display: block;
}
.options-list img{
    max-width:30px;border-radius:0%;margin-right:5px;
}
.prod-storage i{
    color:#48bcc0
}
.prod-storage{
    font-size:26px;color:#48bcc0;margin-left: 10px;vertical-align: middle;
}
.price-info{
    display: flex;align-items:center;margin:40px 0 20px 0;
}
.price-info .btn.add-to-basket{
    margin:0 5px;
}
.price-info .price{
    font-size:36px;color:#48bcc0;
}
.price-info .price del{
    display: block;color:#b2b2b2;font-size:20px;
}
.price-info .quantity-element .quantity{
    width:100px;align-items: center;
}

.price-info .quantity-element #product-quantity.input-number,
.price-info .quantity-element .product-quantity.input-number{
    ;border:2px solid #000;border-radius:0% !important;background:#fff;width:60px;height: 60px;line-height: 56px;
}
.price-info .quantity-element{
    margin:0 0 0  30px;
}

.one-desc-accord .files li a{
    padding:5px;display: inline-block;font-size:13px;font-weight: 600;color:#48bcc0
}
.one-desc-accord .files li a:hover{
    color:#777;
}

#owl-gallery .item, .owl-gallery-p .item{
    padding:15px;
}
#owl-gallery .item .product-box-item, .owl-gallery-p .item .product-box-item{
    padding:5px;margin:0;margin-bottom:30px;display: block;position: relative; overflow: hidden;
}
#owl-gallery .item .product-box-item img, .owl-gallery-p .item .product-box-item img{
    margin:0;width:100%;max-height: 450px;object-fit: cover;border:2px solid #000;
}
#owl-gallery .item .product-box-item .product-box-caption, .owl-gallery-p .item .product-box-item .product-box-caption{
    position: absolute;
    width: calc(100% - 14px);;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    margin: 0 7px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
#owl-gallery .item .product-box-item .product-box-caption h3, .owl-gallery-p .item .product-box-item .product-box-caption h3{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
#owl-gallery .item .product-box-item:hover .product-box-caption, .owl-gallery-p .item .product-box-item:hover .product-box-caption{
    opacity: 1;
}

.colorrelated .color-type.active, .colorrelated .color-type:hover{
    border: 2px solid #48bcc0;
    box-shadow: 0 0 2px 2px #48bcc0;
}
.colorrelated .color-type {
    background-size: cover;
    box-shadow: 0 0 0px 2px #b2b2b2;
    border: 2px solid transparent;
}
.related.name-related span.title-related{
    display: block;
}
.related.name-related span{
    display:inline-block;
}
.imagerelated li img{
    max-width: 45px;margin:0;
}
.quest-btn{
    border-color: #b8b8b8;
    color:#b8b8b8 !important;
    background: #fff !important;
}
.quest-btn:hover{
    border-color: #b8b8b8;
    color:#fff !important;
    background: #b8b8b8 !important;
}
.product-section .feature-prod p.code {
    margin-top:3px;
}
.product-opinion-list{
    padding:0 50px 50px 50px;
}
.product-opinion-list .title-star{
    display: flex;flex-wrap:wrap;align-items: center; margin-bottom: 20px;
}
.product-opinion-list .title-star .star-rating > i{
    color:#bbb;
}
.product-opinion-list .title-star .star-rating i{
    padding:0 3px;
}
.product-opinion-list .title-star .star-rating{
    display: inline-block;font-size:22px;
    width: 133px;
    height: 24px;
    margin:5px 0;
}
.product-opinion-list .title-star h4{
    display: inline-block;font-size:28px;color:#48bcc0;font-weight: 400;margin-left: 10px;
}
.product-opinion-list .media-body p{
    font-size:12px;color:#777;line-height: 1.3
}
.owl-carousel .owl-item .opinion-photos-row  img{
    width:auto;max-width: 100%;
}

.owl-carousel .owl-item .opinion-photos-row  a{
    width:100px;padding:5px;display: inline-block;
}
.product-opinion-list .comments-list{
    border:none;padding:20px;
}

.product-opinion-list .num {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    text-align: center;
    display: inline-block;
}

.product-opinion-list .owl-theme .owl-nav{
    position: absolute;
}
.count-nav{
    display: inline-block;text-align: center;width: 100%
}
.count-nav i{
    cursor: pointer;font-size:30px;padding:5px 10px;font-weight: 400;color:#fff;position: relative;top:-2px;
}

.owl-theme .owl-nav .owl-next::before,.owl-theme .owl-nav .owl-prev::before{
    display:none;opacity:0;visibility: hidden;
}
.owl-theme .owl-nav .disabled{
    display: flex;opacity: 0.5;visibility: hidden;
}
.owl-theme .owl-nav{
    display: flex;
}
.owl-theme .owl-nav [class*="owl-"]{
    background:transparent !important;
    cursor: pointer;
    font-size: 30px;
    padding: 5px 10px;
    font-weight: bold;
    color: #b2b2b2;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
    color:#000;
}
#owl-gallery.owl-theme .owl-nav, .owl-gallery-p.owl-theme .owl-nav{
    justify-content: end;display:flex;padding:0 10px;margin-top: -30px;
    z-index: 11;
    position: relative;
}
.products-slider.owl-theme .owl-nav{
    justify-content: end;display:flex;padding:0 10px;margin-top: 0px;
    z-index: 11;
    position: relative;
}
.toolbar .views{
    margin-left:auto;margin-right: 0;
}
.toolbar{
    border:none;width:100%;margin:0;padding: 0;margin-bottom:20px;
}
.toolbar .sort-by .bootstrap-select > button{
    margin:0;padding:8px 8px 8px 0;
}
.btn-filter{
    font-weight: bold;font-size:14px;color:#000;
}
.btn-filter:hover{
    color:#48bcc0;
}
.active.active-sub-c{
    border-left:0;padding-left:0;
}
.active.active-sub-c:before{
    width:8px;height: 8px;border-radius:0%;background:#48bcc0;position: absolute;left:-12px;content:'';top:50%;margin-top:-4px;
}
.categories-list > li > a{
    font-size:15px;
}
.categories-list > li > ul a{
    font-size:13px;
}
.categories-list > li ul{
    padding-left:10px;
}

.mark-l{
    display:none;
}
.product-list-view-one{
    align-items:center;
}
.product-list-view-one h2 a{
    color:#000;font-size:34px;font-weight: bold;line-height: 1.1;
}
.product-list-view-one h2{
    margin-bottom: 5px;
}
.product-list-view-one h2 a:hover{
    color:#48bcc0;
}
.add-to-list-list{
    position: absolute;bottom:5px;right:5px;font-size:26px;color:#48bcc0;
}
.ovf-h .price{
    font-size:30px;font-weight: bold;color:#48bcc0;margin:10px 0;
}

.list-add-cart{
    text-align:left;margin-top:20px;
}
.list-add-cart .add-to-basket{
    width:auto;min-width:30%;
}
.product-list-view-one > .col-md-8{
    padding-bottom:0;
}
.product-list-view-one{
    padding:15px 0;
}
.right-window.filters-window{
    width:450px;max-width:100%;
}
.filter-box{
    padding:0;margin:0;border:none;
}
.filter_buttons{
    display: flex;justify-content: space-between;padding-bottom:30px;
}
.window-centered .filter_buttons a.button-class{width:45%;margin:30px 0 0 0;}
.filters-window .one-filter .custom-control label{
    padding:2px 0;padding-left:25px;
    color:#000;
    font-size: 13px;
}
.filters-window .one-filter .custom-control{
    text-align: left;padding:0;
}
.filters-window .one-filter .title-filter{
    text-align: left;
}
.filters-window .row.filter-cc{
    margin:0;
}
.products-list .one-product{text-align: center;}
.products-list .one-product .pricebox{text-align: center;}
.products-list .one-product h2 a{
    font-size:16px;color:#000;font-weight: bold;margin: 0;
}
.products-list .one-product .add-basket-and-wish-btn .list-add-cart a{
    max-width: 70%;
    text-align: center;
    margin: 0 auto;
}
.products-list .one-product .add-basket-and-wish-btn .list-add-cart{
    margin-top:0;
}
#cookies-message-container{
    width:auto;left:80px;max-height: 90vh;overflow: auto;
}
#cookies-message-container #cookies-message{
    background:rgba(255,255,255,0.95);
    width: 400px;
    right: 0;
    left: auto;
    margin: 0;
    margin-left: 0px;
    margin-left: auto;
    text-align: center;
    padding:10px;
    box-shadow: 0 0 30px 0 #000;
}
#cookies-message-container #cookies-message p.main-t{
    padding:0 10px;background: #fff;font-size:30px;color:#48bcc0;font-weight: bold;width:100%;max-width: 100%;text-align: center;
    background:url('/images/front/cookie.png') no-repeat top center;padding-top:130px;background-size:100px;margin:0;line-height: 1.2;
}
#cookies-message-container #cookies-message p{
    padding:10px;max-width:100%;font-size: 12px;
}
#cookies-message-container #cookies-message  .button-cookies2{
    padding:0 30px;
}
#cookies-message-container #cookies-message a{
    display: inline-block;font-size:12px;color:#48bcc0;font-weight: bold;
}
#cookies-message-container #cookies-message a:hover{
    color:#666;
}
#cookies-message-container #cookies-message span{
    width:100%;text-align: right;display: block;
}
#cookies-message-container #cookies-message span a{
    margin:15px 0;padding:12px 25px;border:2px solid #48bcc0;border-radius:0px;font-size:16px;
}
#cookies-message-container #cookies-message span a:hover{
    color:#fff;background:#48bcc0;
}
#cookies-message-container #cookies-message span.text-right{
    text-align:center !important;
}

#preloader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 100000; }

#preloader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

#preloader.show {
    -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
    -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
    transition: opacity .4s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1; }

#preloader .circular {
    -webkit-animation: loader-rotate 2s linear infinite;
    animation: loader-rotate 2s linear infinite;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
#preloader:before {
    background-image: url("/images/front/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    height: 100px;
    position: absolute;
    width: 200px;
    margin-left: -100px;
    margin-top: -150px;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 50%;
}
#preloader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loader-dash 1.5s ease-in-out infinite;
    animation: loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round; }

@-webkit-keyframes loader-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes loader-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@-webkit-keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px; } }

@keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px; } }

.products-list .one-product::before{
    display: none !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after{
    font-size:14px;
}

@media (max-width:1400px){
    .full-banner .owl-text h3{
        font-size:24px;
    } 
    .owl-type h2{
        font-size:44px;
    }
    h2.type-t{
        font-size:40px;
    }
    .num span{
        font-size:36px;
    }
    .num{
        font-size:26px;
    }
    .footer-contact{
        padding:25px 30px;
    }
    .menu nav ul li {
        font-size: 44px;
        font-weight: bold;
        line-height: 44px;
        margin:5px 0;
    }
    .menu .submenu-items .one-item img{
        width:220px;
    }
    .product-section .price-info .price{
        font-size:32px;
    }
    .price-info .quantity-element{
        margin-left: 0;
    }
    .price-info .quantity-element .quantity{
        width:80px;flex-wrap: nowrap;
    }
    .price-info .quantity-element #product-quantity.input-number,
    .price-info .quantity-element .product-quantity.input-number{
        height: 45px;width:45px;line-height: 41px;
    }
    .product-section .price-info .price {
        font-size: 32px;
        flex: 0 0 100%;
        padding-bottom: 20px;
    }
    .product-section .price-info{
        flex-wrap:wrap;
    }
    .product-opinion-list .title-star h4{
        font-size:24px;margin-top: -4px;
    }
    .product-list-view-one h2 a{
        font-size:24px;
    }
    .product-list-view-one p{
        font-size:12px;
    }
    .list-add-cart .add-to-basket {
        width: auto;
        min-width: 40%;
        font-size: 11px;
    }
    .products-list .one-product h2 a{
        font-size:14px;
    }
    .ovf-h .price{
        font-size:26px;
    }
    .window-centered h3.type-t{
        font-size:24px;
    }
    .window-centered .subtnt{
        font-size:14px;
    }
    .custom-control label {
        font-size: 12px;
        font-weight: 600;
    }
    .one-blog-list a.title-blog{
        font-size:30px;line-height:1.25;
    }
    .one-tag-style{
        min-width: 110px;padding: 10px 15px;
    }
    .one-faq .faq-nubmer{
        font-size:60px;
    }
    .f-title{
        font-size:28px;
    }
    #owl-gallery .item, .owl-gallery-p .item{
        padding:5px;margin-bottom:20px;
    }
    #owl-gallery .item .product-box-item, .owl-gallery-p .item .product-box-item{
        margin-bottom: 10px;
    }
    .search-faq-form{
        padding-bottom:5px;
    }
    .right-nav,.left-nav,.left-nav .slide-nav{
        width:60px;
    }
    .header-logo img{
        max-width: 58px;
    }
    .right-nav .slide-nav-right{
        width:auto;
    }
    .right-nav .social-icon-group{
        padding:15px 0;
    }
    .full-banner  .new-navi-banner{
        left:100px;
    }
    .left-nav .slide-nav a.active {
        font-size: 38px;
    }
    .left-nav .slide-nav a{
        font-size:30px;
    }
}
@media (max-width:1199px){
    .small-accordion{
        max-width: 100%;
    }
    body{
        font-size:13px;
    }
    .footer-contact {
        padding: 25px 15px;
    }
    .full-banner .owl-text{
        padding-right: 40px;
    }
    .content-page section.section-item.first-child{padding-top: 100px;}
    .padding-top-first-section{
        padding-top:100px;
    }
}
@media (max-width:991px){
    .left-nav .slide-nav{
        display: none;width: 40px;
    }
    .left-nav{display:none !important;}
    .left-nav .left-mouse{
        left:5px;
    }
    .left-nav{
        width:40px;
    }
    .content-page > section{
        padding-left: 0;
        padding-right: 0px;
    }
    .product-section .col-md-5.offset-md-1 {
        margin-left:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    h2.type-t {
        font-size: 32px;
    }
    .header-logo{
        left:45px;
    }
    .gallery-slider{
        margin-top:30px;
    }
    .product-opinion-list {
        padding: 0 30px 50px 30px;
    }
    .owl-type .right{
        padding:30px;
    }
    footer .col-md-3.col-sm-3.col-xs-12{
        width:100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top:20px;
        text-align: center;
    }
    .footer-contact {
        padding: 25px 15px;
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
    }
    .menu nav ul li {
        font-size: 34px;
        line-height: 34px;
    }
    .one-blog-list {
        padding: 20px 0;
    }
    .one-faq {
        width: 50%;
    }
    .products-list .one-product .add-basket-and-wish-btn .list-add-cart a{
        max-width: 100%;
    }
    .right-nav{
        width:50px;
    }
    .right-nav .slide-nav-right li{
        margin:15px 0;
    }
    .right-nav .slide-nav-right a{
        margin-right: 0px;display: inline-block;
    }
    .search-faq-form{
        display: block;margin-top:20px;padding:0;
    }
    .ff h2.type-t {
        font-size: 36px;

    }
}

@media (max-width:767px){
    .row.align-items-center .col-md-6 + .col-md-6{
        margin-top:30px;
    }
    .product-section .col-md-5.offset-md-1 {
        margin-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .owl-type .one-item{
        flex-wrap: wrap;
    }
    .owl-type .one-item .background-itm{
        height: 50vh;
        width: 100%;
    }
    .owl-type .one-item .right {
        padding: 30px;
        position: relative;
        right: 0;
        width: 100%;
        z-index: 1;
        align-self: flex-start;
    }
    .owl-type .one-item .btn-plus{
        margin-top:0;
    }
    .left-nav{
        display: none;
    }
    .header-logo {
        left: 15px;position: absolute;top:15px;
    }
    .content-page section.section-item.first-child{padding-top: 100px;}
    .padding-top-first-section{
        padding:0;
    }
    .padding-top-first-section{
        padding-top:100px
    }
    .content-page > section:first-of-type{
        padding-top:0px;
    }

    .content-page{
        padding-top:0px;padding-right: 0px;
    }
    .product-images{
        padding:20px 0;
    }
    .search-faq-form .search-input input{
        min-width:50%;
    }
    body .simple-faq-menu.active{
        left:0;
    }
    .product-opinion-list{
        padding:0 0 20px 0;
    }
    .product-opinion-list .comments-list{
        padding:10px;margin-bottom: 0;
    }
    .product-opinion-list .title-star h4{
        font-size:18px;
    }
    .owl-type h2 {
        font-size: 34px;
    }
    .to-top{
        left: 10px;
    }
    .to-top i{
        font-size: 30px;
    }
    body .container{
        padding: 0 15px;
    }
    .social-newsl > .container > div{
        flex-wrap:wrap;justify-content: center;
    }
    .newsletter-item{
        width:100% !important;padding:20px 0 !important;
    }
    .newsletter-item .btn-secondary{
        margin:10px 0 0 0;
    }
    .menu nav{
        width:100%;background:#fff;z-index:32324;
    }
    body .menu .left-menu-bg{
        z-index:32326;
    }
    .menu.mopen .menu-handle{
        z-index:32327;
    }
    .menu.mopen{
        border-radius:0;overflow: visible;
    }
    .menu .menu-container{
        background:#48bcc0;
    }
    .menu .left-menu-bg{
        left:-50%;
    }
    .menu .lines{
        display: none;
    }
    .menu nav ul li {
        font-size: 24px;
        line-height: 28px;
    }
    .menu .left-menu-bg{
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .menu .left-menu-bg.white-bg{
        left: 0;
        width: 100%;
    }
    .js-replace__item--active,.js-replace__item--active .js-replace__content{
        transform: none !important;
    }
    :root {
        --replace-offset: 0% !important;
    }
    .logo--invert{
        opacity: 0 !important;
    }
    .newsletter-form-gr .one-flex-dsp{
        align-items: center;
        justify-content: center;
    }
    .newsletter-form-gr .one-flex-dsp .newsletter-control{
        padding:10px 15px;
    }
    .newsletter-item .btn-secondary{
        margin:5px;
    }
    .one-blog-list a.title-blog {
        font-size: 24px;
        line-height: 1.25;
    }
    .padding-section{
        padding:0;
    }
    .one-tag-style {
        min-width: 10px;
        padding: 5px 15px;
        font-size: 11px;
    }
    .section-images-w .images-column + .col-md-6{
        padding:15px 30px;
    }
    .contact-section .left-absolute-map{
        width:100% !important;;position: relative !important;height: 400px !important;overflow: hidden;
    }
    .contact-section .left-absolute-map .scroll-element-in-section{
        width:100% !important;;position: relative !important;height: 400px !important;overflow: hidden;
    }
    .contact-section .left-absolute-map .scroll-element-in-section > div{
        width:100% !important;;position: relative !important;height: 400px !important;overflow: hidden;
    }
    .contact-section .right-content{
        width:100% !important;margin:0;padding:15px !Important;
    }
    .ff h2.type-t {
        font-size: 26px;
    }
    .nt3.reg{
        font-size:18px;line-height: 1.5;
    }
    .log-content-full .left-image{
        width:100%;
    }
    .log-content-full .right-info{
        width:100%;
    }
    .full-banner .owl-text{
        width:90%;left:5%;padding:0 50px;text-align:center;
    }
    .full-banner .owl-text h3 {
        font-size: 20px;
    }
    .full-banner .owl-text p{
        font-size:12px;
    }
    h3.title-l{
        font-size:28px;
    }
    .menu{
        border-radius:0;
        right:-100%;top:0;
        height: 100%;
        width: 80%;
    }
    .menu.mopen {
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 32324;
    }
    .menu .menu-container {
        padding: 0px;
        right: 0;
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        transition: 0.5s;
        display: flex;
        align-items: center;
    }
    .menu .left-menu-bg{
        width:100%;left:-100%;
    }
    .menu nav ul li,.menu.mopen nav ul li{
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition-delay: 0s;
    }
    .menu nav ul li a{
        white-space: nowrap; white-space: normal;
    }
    #owl-gallery .item .product-box-item .product-box-caption h3, .owl-gallery-p .item .product-box-item .product-box-caption h3{
        font-size:14px;
    }
    #owl-gallery.owl-theme .owl-nav, .owl-gallery-p.owl-theme .owl-nav {
        justify-content: center;
    }
    .simple-slider-nav{
        left:0px;text-align:center !important;
    }
    body .one-faq .faq-nubmer{
        font-size:70px;
    }
    body .one-faq .faq-title{
        font-size:34px;
    }
    .simple-faq-menu{
        transform: scale(0.6);
        margin-left: -12px;
    }
}
@media (max-width:480px){
    .search-faq-form .btn-send{
        min-width:100px;
    }
    body .one-faq .faq-nubmer{
        font-size:70px;
    }
    .section-item.container-center .container-item{
        padding-left:15px !important;padding-right:15px !important;
    }
    .lead {
        font-size: 1rem;
    }
    body .one-faq,body .one-faq p{
        font-size:15px;
    }
    body .one-faq .faq-title{
        font-size:26px;
    }
    .footer-logo{
        width:100px;
    }
    .full-banner .owl-text h3 {
        font-size: 18px;
    }
    .full-banner .owl-text p{
        font-size:11px;overflow: hidden;
    }
    .full-banner .btn{
        font-size:10px;padding:5px 10px;
    }
    .right-window{
        width:100%;
    }
    .owl-type h2 {
        font-size: 28px;
    }
    .content-page{
        padding-right: 0px;
    }
    .content-page > section{
        padding-right: 0;
    }
    body .maps-show-style,body .form-show-style{
        padding:13px 14px;font-size:13px;
    }
    body, p{
        font-size:12px;
    }
    .header-logo img {
        max-width: 60px;
    }
    .header-logo{
        top:5px;left:5px;
    }
    h2.type-t {
        font-size: 26px;
    }
    .button-class{
        font-size:10px;
    }
    .product-section p.shortdesc{
        margin-top:20px;
    }
    .price-info{
        margin-top:20px;
    }
    .product-opinion-list .comments-list{
        padding:0;
    }
    .comments-list .media-body{
        max-width: 100%;
    }
    .product-opinion-list .title-star .star-rating {
        display: inline-block;
        font-size: 16px;
        width: 95px;
        height: 24px;
        margin: 5px 0;
    }
    .product-opinion-list .title-star .star-rating i {
        padding: 0 2px;
    }
    .one-faq {
        padding:10px;
        width: 100%;
    }
    .section-images-w > .row .images-column img {
        width: 100%;
        min-height: 10px;
        max-width: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }
    #owl-feed .item div{
        height: auto !important;
    }
    .one-contact{
        width:100%;
    }
    h3.title-l{
        font-size:24px;line-height: 1.5;
    }
    .jconfirm .jconfirm-box div.jconfirm-content-pane{
        font-size:14px;
    }
    .one-delivery .prices-del{
        font-size:14px;
    }
    .basket-summary .basket-sum h3 > span{
        font-size:14px;
    }
    .basket-summary h3.text-right .bigf{
        font-size:20px;
    }
    .owl-social{
        padding:40px 0 !important;
    }
}
.search-more-label .btn.btn-primary:hover{
    background:#48bcc0;color:#fff;
}
.log-reg-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    font-size: 10px;
    line-height: 18px;
}
#basket-payment .custom-checkbox .custom-control-label::before,#basket-payment  .custom-control-label::after{
    top:0;
}

.social-integrations-item i{
    position: absolute;
    font-size:30px;top:10px;left:10px;color:#000;
}
.social-integrations-item span{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity:0;position:absolute;bottom:0;color:#fff;background:rgba(0,0,0,0.7);padding:5px;width:100%;text-align: center;opacity: 0;
}
.social-integrations-item:hover span{
    opacity:1;
}

#owl-feed.owl-carousel .owl-stage{
    display:flex;align-items:Center;
}



/*preloader do zastosowan*/

.preloader-slide::before {
    content: "";
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #fff;
    z-index: 0;
}
.active .preloader-slide::after {
    width: 33.333vw;
}
.preloader-slide::after {
    content: "";
    position: absolute;
    width: 0;
    top: 0;
    left: 33.333vw;
    bottom: 0;
    -webkit-transition: 1.6s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -moz-transition: 1.6s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -ms-transition: 1.6s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -o-transition: 1.6s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    transition: 1.6s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #48bcc0;
    z-index: 1;
}
.active .preloader-slide .preloader-slide-inner {
    width: 34vw;
}
.preloader-slide .preloader-slide-inner {
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: 0;
    -webkit-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.25s;
    -moz-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.25s;
    -ms-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.25s;
    -o-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.25s;
    transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.25s;
    object-fit: cover;
    background: #000;
    z-index: 2;
}
.active .content-offer {
    position: relative;
    left: 0;
}
.content-offer {
    left:-30%;
    -webkit-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.6s;
    -moz-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.6s;
    -ms-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.6s;
    -o-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.6s;
    transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.6s;
    background: none;
    overflow-x: hidden;
    overflow-y: hidden;
}
.active .preloader-slide {
    right: -100%;
}
.preloader-slide {
    position: fixed;
    width: 200vw;
    top: 0;
    right: 100%;
    bottom: 0;
    -webkit-transition: 1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.50s;
    -moz-transition: 1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.50s;
    -ms-transition: 1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.50s;
    -o-transition: 1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.50s;
    transition: 1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0.50s;
    overflow: hidden;
    z-index: 32;
}
.multi{
    margin: 4px 30px 0 0;
}
.certificates-itm{
    display: flex;align-items:center;justify-content: center;
}
.certificates-itm img{
    max-height: 90vh;
}
.owl-certificates{
    position:relative;
}
.owl-certificates:before{
    width:200%;left:-50%;background:transparent;position: absolute;height: 100%;z-index: 0;content:'';
}
.owl-certificates::after {
    width: 100%;
    left: 50%;
    background: url('/images/front/logo-white.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    position: absolute;
    height: 100%;
    z-index: 0;
    content: '';
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-width: 1000px;
    margin: 0 auto;
    opacity: 0.2;
    transform: translateX(-50%);
}
.owl-type.owl-certificates .right{
    color:#fff;
}
.img-certificate{
    padding:30px;
}
.num.white{
    color:#fff;
}
.owl-certificates .owl-stage-outer{
    z-index: 2;
}
@media (max-width:767px){
    .certificates-itm img{
        max-height:45vh  
    }
}
.text-block p{
    margin-bottom:10px;
}
.form-contact .contact_form .form-control.has-error, .form-control.has-error{
    box-shadow: 0 0 3px #48bcc0
}
.login-cst-chc.error-c{
    text-decoration: underline;color:red;
}
.login-cst-chc.error-c label{
    border-bottom: 2px solid #ff0000; color:#ff0000; 
}
.box-row .icon-box img{
    margin: 0 auto 5px;
}

@media (max-width:1199px){
    body .container:not(.container-item) {
        max-width: 1800px;
        width: 100%;
        padding: 0 15px;
    }
}

.autorotate{
    display:block;
    padding:5px;
    background-color:#86C840;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}
.autorotate.hidden.hide{
    display: none !important;
}
.menu .submenu-items{
    background: #fff;position: relative;
}
.menu .submenu-items.active{
    z-index: 3;
}
.menu .left-menu-bg{
    background: #fff;background-image: none;
}
.bannertype0 .count-nav-arrow{
    bottom:25px;right:90px;
}
.count-nav-arrow{
    position: absolute;
    font-size: 30px;
    bottom: 45px;
    right: 15px;
    z-index: 32323;
    display: inline-block;
    line-height: 1;
}
.count-nav-arrow .num{
    position: relative;bottom: auto;right: auto;
}
.owl-certificates img{
    object-fit: contain
}



@media (max-width:767px){
    .newsletter-form-width-t{flex-wrap:wrap}
    .logo-menu{
        display: none;
    }

    .newsletter-form-width-t{flex-wrap:wrap}
}
.logo-menu{
    z-index: 3;position: absolute;left: 15px;top:15px;display: none;
}
.logo-menu img{
    max-width: 100px;
}

@media (min-width:768px){
    .right-nav{
        border-left: 1px solid #f2f2f2;
    }
    .num{
        right:30px;
    }
}
.max-width-item > div:before,.max-width-item2 > div:before{
    position: absolute;bottom: 10px;left:20px;background:url('/images/front/360.png') no-repeat center center;width:100px;height: 50px;content:'';background-size:contain;
}

.menu .lines .line{
    opacity: 0.3;
}
#owl-gallery .item .product-box-item img, .owl-gallery-p .item .product-box-item img{
    border-color: transparent;
}
.owl-social .social-bg-itme{
    background:#ccc;background-size: cover;background-position:center;width:100%;max-width: 100%;padding-top:120%;;border:0px solid #fff;
}
div.flyel:nth-child(1){
    top:10%;left:15%
}
div.flyel:nth-child(2){
    top:50%;left:65%
}
div.flyel:nth-child(3){
    top:80%;left:65%
}
div.flyel:nth-child(4){
    top:70%;left:35%
}
div.flyel:nth-child(5){
    top:30%;left:65%
}

.owl-social .owl-stage{
    display:flex;
}
.imgsld-itm{
    padding:5px;
}
.imgsld-itm img{
    max-width: 100%;
}
.owl-baner-simple-slider{
    padding:40px 0;
}
.owl-baner-simple-slider ~ .count-nav-arrow{
    bottom:10px;
}
.imgsld-itm a{
    display:block;overflow: hidden;
}
.imgsld-itm img{
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.imgsld-itm a:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform:scale(1.15);
    transform: scale(1.15);
    opacity: 0.9;
}
.newsletter-form-width-t{
    align-items: flex-start !important;
}
.newsletter-form-width-t .custom-control-label{
    font-weight:400;
}
.newsletter-item  .newsletter-form-gr .btn-secondary{
    min-width:15%;
}
.owl-social .owl-carousel h2.type-t,.absolute-item h2.type-t{
    font-size:44px;
}
@media (max-width:1500px){
    .owl-social .owl-carousel h2.type-t,.absolute-item h2.type-t{
        font-size:36px;
    }
}
@media (min-width:1200px){
    .blog-filter a.blog-filtr + a.blog-filtr{
        margin-left: 20px;
    }
    .blog-filter{
        padding-left: 10px;
    }
}
.blog-filter a.blog-filtr{
    text-transform: uppercase;
}
@media (max-width:1199px){
    .owl-social .owl-carousel h2.type-t,.absolute-item h2.type-t{
        font-size:30px;
    }
}
body .content-page .blog-section > .container{
    padding-left:20px;padding-right: 20px;
}
.blog-filter a.blog-filtr.blog-reset-filter{
    font-size:14px;text-transform: capitalize;
}
.blog-filter a.blog-filtr.blog-reset-filter:hover{
    color:#48bcc0;
}
a.hover-underline:hover {
    text-decoration: underline;
}
a.hover-nounderline:hover, a.hover-nounderline:hover u{
    text-decoration: none;
}
.simple-button:hover{
    opacity: 1;
    color: #000;
    background: #fff !important;
}

video.original-size{
    max-width: 100vw;
    max-height: 100vh;
    object-fit: contain;
}
.fullscreen-bg__video{
    position: relative;top:0;left:0;transform: none;object-fit: cover;object-position: center center;width: 100%;height:100%;max-height: 100vh;
}
.copyright{
    font-size:10px;color:#fff;
}
.mds-logo{
    display:inline-block;height:30px;width:30px;margin:0 5px;background:url('/images/front/logo-white.png') no-repeat top center;vertical-align: middle;background-size:contain;margin-top: -10px;
}
.owl-social .owl-nav{
    justify-content: end;
}
.owl-social{
    position: relative;
}
.absolute-item{
    height:calc(100% - 35px);display: flex;align-items:center;position: absolute;top:0;left:0;width:calc(100% / 6);background:#e33d55;z-index: 34
}
@media (max-width:1700px){
    .absolute-item{
        width:calc(100% / 5)
    } 
}
@media (max-width:1300px){
    .absolute-item{
        width:calc(100% / 4)
    } 
}
@media (max-width:991px){
    .absolute-item{
        width:calc(100% / 3)
    } 
}
@media (max-width:767px){
    .absolute-item{
        width:calc(100% / 2)
    } 
    .owl-social  .owl-theme .owl-nav{
        justify-content: flex-end;
        padding-right: calc(25% - 35px);
    }
    .copyright{
        padding-top:15px;
    }
}
@media (max-width:420px){
    .owl-social .owl-carousel h2.type-t, .absolute-item h2.type-t {
        font-size: 26px;
    }
}
@media (max-width:480px){
    .cke_editable{
        padding:0 !important;
    }
    .text-block{
        padding-left: 0 !important;padding-right: 0 !important;
    }
    section .container-item.container{
        padding-left:15px !important;padding-right: 15px !important;
    }
    *{
        white-space: normal;
        word-break: break-word;
    }
    .owl-type h2{
        font-size:20px;
    }
    .owl-type .btn-groups a{
        margin:5px 0;
    }
    .right-nav {
        width: 30px;
    }
    .right-nav .slide-nav-right a {
        margin-right:  0px;
    }
    .menu-handle-a{
        right:10px;
    }
    .menu-handle .close-new{
        right: 10px;
    }
}
.youtube-wrapper{
    max-width: 100%;
}
.youtube-wrapper .embed-responsive{
    max-width: 100%;
    display: inline-block;
}
.youtube-wrapper iframe{
    max-width: 100%;
}

.login-cst-chc.custom-checkbox label a{

}
.login-cst-chc.custom-checkbox label a:hover{
    color:#999;text-decoration:underline
}
.right-banner-social{
    position: absolute;bottom:0;right: 0;width:69px;background:#fff;font-size:20px;padding:0px 0;transform: translateY(100%);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    opacity:0;
}
.right-banner-social.active{
    transform: translateY(0%);padding-bottom: 70px;opacity:1;
}
.right-banner-social a{
    margin: 20px auto;display: block;color:#48bcc0;
}
.right-banner-social a:hover{
    color:#222;
}

.social-icon-group{
    position: absolute;bottom:0;right: 0;width:100%;background:#fff;font-size:20px;padding:20px 0;cursor: pointer;color:#222;
    z-index: 12;
    color:#000 !important;
}
.social-icon-group:hover{
    color:#48bcc0 !important;
}
.social-icon-group.active i:before{
    content: "\f00d";
}

.menu-handle-a{
    position: fixed;left:50%;top:20px;
}

.full-banner .owl-text .text-fly h2{
    font-weight: 700;
    font-size: 15vw;
    margin: 0;
    color: #fff;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
}
.text-fly h2{
    margin: 0;
    position: relative;

}
.text-fly h2.abs {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    left:0;
    -webkit-animation: animatetxt 10s ease-in-out infinite;
    animation: animatetxt 10s ease-in-out infinite;
    background: radial-gradient(circle, rgba(255,255,255,1) 19%, rgba(240,240,240,1) 65%);
    background-clip: border-box;
    /*background: url('/images/front/menubg.jpg');*/
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;

}

.text-fly {
    -webkit-animation: text-fly 1s infinite alternate;
    animation: text-fly 1s infinite alternate;
    display: block;
    margin-bottom:10px;
    bottom: 10px;
    position: relative;
}
@-webkit-keyframes text-fly {
    0% { transform: translateY(-10%); }
    100% { transform: translateY(8%); }
}
@keyframes text-fly {
    0% { transform: translateY(-10%); }
    100% { transform: translateY(-8%); }
}
@keyframes animatetxt {
    0%,
    100% {
        clip-path:  circle(58.0% at 0 0);
    }
    25% {
        clip-path: circle(58.0% at 89% 80%);
    }
    50%{
        clip-path: circle(25.3% at 89% 80%);
    }
    75%{
        clip-path: circle(25.3% at 23% 30%);
    }
}

.full-banner.bannertype0 .btn-groups .btn{
    color:#000;background:#fff;border:2px solid #fff;padding:13px 30px;font-size:13px;font-weight: bold;letter-spacing: 1px;border-radius: 0;;overflow: hidden;display: inline-block;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    position: relative;
    border:none;box-shadow:0 0 0 2px #fff;
}
/*.full-banner.bannertype0 .btn-groups .btn:after{
    width:1px;height: 100%;background:#fff;content:'';z-index: 2;position: absolute;top:0;right: 0;
}*/
.full-banner.bannertype0 .btn-groups .btn:before{
    background:#fff;position: absolute;top:0;left:0;width:100%;height: 100%;content:'';z-index: -1;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.full-banner.bannertype0 .btn-groups .btn.btn-primary:hover{
    background:transparent !important;
    color:#fff;
}
.full-banner.bannertype0 .btn-groups .btn:hover:before{
    opacity: 0;
}

.full-banner.bannertype0 .btn-groups .btn.btn-secondary:before{
    background-color:transparent
}
.full-banner.bannertype0 .btn-groups .btn.btn-secondary:hover::before {
    opacity: 1;background-color:#fff !important;
}
.full-banner.bannertype0 .btn-groups .btn.btn-secondary{
    color:#fff !important;background-size: 0;
}
.full-banner.bannertype0 .btn-groups .btn.btn-secondary:hover{
    -webkit-background-clip: text;
    color: transparent !important;
    background-size: cover;
    position: relative;
}
.full-banner.bannertype0 .btn-groups .btn.btn-secondary:hover{
    background-color:transparent !important;background-size: 100%;
}

.right-image-anim{
    position: absolute;
    right: 0;
    padding-right: 5vw;top:45%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    max-width: 40vw;
    z-index: 324;
    opacity:0;
    max-height: 100vh;
    -webkit-animation: img-fly 2.5s infinite alternate;
    animation: img-fly 2.5s infinite alternate;
    -webkit-transition: all 600ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
    -moz-transition: all 600ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
    -ms-transition: all 600ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
    -o-transition: all 600ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
    transition: all 600ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
}
.right-image-anim img{
    max-height: 100vh;object-fit: contain;object-position: center;
}
.right-image-anim .hoverimg {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    opacity:0 !important;
    background-repeat: no-repeat;
    background-position-y: top;
    transition: all 1.0s ease-in-out 0s !important;
    max-height: unset !important;
}
.right-image-anim:hover .hoverimg,.right-image-anim .hoverimg.hover{
    height:100%;opacity:1 !important;
}
@-webkit-keyframes img-fly {
    0% { transform: translateY(-55%) scale(0.98) }
    100% { transform: translateY(-50%)  scale(1); }
}
@keyframes img-fly {
    0% { transform: translateY(-55%)  scale(0.98); }
    100% { transform: translateY(-50%)  scale(1); }
}
.static-tr{
    -webkit-animation: img-fly 2.5s infinite alternate;
    animation: img-fly 2.5s infinite alternate;
    position: absolute;
    bottom:0;left:8vw;
}

.active .right-image-anim{
    opacity:1;top:50%;
}
.full-banner.bannertype0 .owl-carousel .owl-item{
    max-height: 100vh;
}
@media (max-width:1199px){
    .full-banner .owl-text h3{
        font-size:22px;
    }
    .full-banner.bannertype0 .btn-groups .btn{
        font-size:12px;
        padding:8px 20px;
    }
}
@media (max-width:991px){
    .right-banner-social{
        width:49px;
    }
    .right-banner-social.active{
        padding-bottom:40px;
    }
    .right-nav .social-icon-group{
        width:49px;padding:7px 0;
    }
    .miniature-items-nav{
        display: none !important;
    }
}
@media (max-width:767px){
    .right-image-anim{
        max-width:90vw
    }
    .full-banner .owl-text h3{
        font-size:18px;margin-top:10px;
    }
    .full-banner.bannertype0 .btn-groups .btn{
        margin-top:0;
    }

}
@media (max-width:480px){
    .right-banner-social,.right-nav .social-icon-group{
        width:29px;padding:3px 0;
    }
    .right-banner-social.active{
        padding-bottom:35px;
    }
    .right-banner-social a{
        font-size:13px;
        margin:5px 0;
    }
    .full-banner .owl-text{
        width:96%;left:2%;
    }
    .fly-elem.flyel img{
        transform: scale(0.5);
    }
    .full-banner .owl-text .text-fly h2{
        font-size:46px !important;margin-bottom: 20px;
    }

}
.img-box{
    position: relative;
    -webkit-transition: all 1500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 1500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 1500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 1500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 1500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.img-box:hover, .img-box.hover{
    transform:scale(1.1) translateX(-8%);

}
.miniature-items-nav{
    position:absolute;z-index: 3233;right:90px;bottom:50px;display: flex;
}
.miniature-items-nav .btnJump {
    border:1px solid #fff;padding:30px 50px;position: relative; display: flex;cursor: pointer;margin-left:10px;
}
.miniature-items-nav .btnJump img{
    width:100px;max-width:5vw;object-fit: contain;object-position: center;position: relative;z-index: 2;max-height:70px;
}
.miniature-items-nav .btnJump .ttl{
    position: absolute;bottom:-3px;transform:translateY(100%);color:#fff;font-weight: bold;font-size:13px;right:1px;text-align: right;
}
.miniature-items-nav .btnJump .bg-hv{
    width:100%;height: 100%;position: absolute;top:0;left:0;background-size:cover;background-position: center;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    opacity:0;
}
.miniature-items-nav .btnJump:hover .bg-hv{
    opacity:1;
}
@media (max-width:1400px){
    .miniature-items-nav .btnJump{
        padding:15px 25px;
    }
    .full-banner .new-number {
        bottom: 105px;
    }
    .miniature-items-nav .btnJump .ttl{
        font-size:11px;
    }
}

@media (max-width:1400px) and (min-width:1200px){
    .full-banner .new-number{
        left:10px;bottom:10px;
    }
}
body{
    color:#fff;
    background-color:#e33d55;
    /*    background: rgb(244,59,82);
        background: -moz-linear-gradient(135deg, rgba(244,59,82,1) 0%, rgba(221,44,67,1) 100%);
        background: -webkit-linear-gradient(135deg, rgba(244,59,82,1) 0%, rgba(221,44,67,1) 100%);
        background: linear-gradient(135deg, rgba(244,59,82,1) 0%, rgba(221,44,67,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f43b52",endColorstr="#dd2c43",GradientType=1);*/
}
.slide-nav-right .fa:before{
    display: none;
}
.slide-nav-right .fa{
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    background-size: contain !important;
    width:20px;height: 20px;
}
.slide-nav-right .fa-puzzle-piece{
    background:url('/images/front/menu/1.png');
}
.slide-nav-right .fa-shopping-cart{
    background:url('/images/front/menu/2.png');
}
.slide-nav-right .fa-shopping-cart.cart-full{
    background:url('/images/front/menu/2a.png');
}
.slide-nav-right .fa-user{
    background:url('/images/front/menu/3.png');
}
.slide-nav-right .fa-globe{
    background:url('/images/front/menu/6.png');
}
.slide-nav-right .fa-comments{
    background:url('/images/front/menu/7.png');
}
.slide-nav-right .fa-envelope{
    background:url('/images/front/menu/5.png');
}
.slide-nav-right .fa-search{
    background:url('/images/front/menu/4.png');
}
.fa-search{
    background:url('/images/front/menu/4.png');
    background-size: contain !important;
}
.fa-search:before{
    opacity: 0;
}
.slide-nav-right a:hover i{
    filter: invert(20%);
    -webkit-filter: invert(20%);
}
.lang-main{
    padding:10px 0;color:#fff;font-size:17px;font-weight: bold;margin-top: 10px;
}
.lang-main a{cursor:pointer !important;color:#333;}
.lang-main a:hover{
    color:#ddd !important;
}
@media (max-width:767px){
    .slide-nav-right .fa{
        width:15px;height: 15px;
    }
    .menu .close-new::before, .menu .close-new::after {
        background-color: #000;
    }
    .menu .menu-handle .close-new{
        rigth:10px;
    }
    .demo-btn{
        display: none;
    }
    .one-blog-list .one-blog-info p{
        font-size:14px;
    }
    .one-blog-list a.title-blog{
        margin:5px 0 10px 0;
    }
    .one-blog-list a.bt-faq{
        margin-top:10px;
    }
}
@media (max-height:600px){
    .right-nav .slide-nav-right li{
        margin:12px 0;
    }
}
.demo-btn{
    color:#fff;background:transparent;padding: 12px 20px;border: 1px solid #fff;position: absolute;right: 90px;top:6px;font-weight: bold;font-size:14px;letter-spacing:1px;
}
.demo-btn:hover{
    background:#fff;color:#e33d55;
}

.one-blog-list .col-md-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
h2.type-t{
    color:#fff;
}
h2.type-t span,.f-title span{
    display: none;
}
.right-content h2.type-t{
    color:#48bcc0
}
@media (max-width:600px){
    .one-blog-list .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.right-window{
    color:#000;top:0;
}
.right-window .form-contact .btn-send{
    border-color:#48bcc0;color:#48bcc0 !important;
}
.right-window .form-contact .btn-send:hover{
    background:#48bcc0 !important;color:#fff !important;
}
.right-window .form-contact .contact_form .form-control{
    background:transparent;border:none;box-shadow: none !important; border-bottom: 1px solid #48bcc0;color:#000;padding-left:0;
}
.right-window form-control::placeholder,.right-window  input::placeholder,.right-window  textarea::placeholder {
    color: #48bcc0;
    opacity: 1;
}
.newsletter-control{
    color:#fff;border:none;border-bottom: 1px solid #fff;padding-left: 0;box-shadow: none !important;background: transparent;  border-radius: 0 !important;
}
.btn,.btn.btn-primary,.btn.btn-secondary{
    border-radius:0;padding:12px 20px;font-weight: bold;font-size:12px;text-transform: uppercase !important;letter-spacing:1px;
}
.right-window .search_w .input-search input{
    color:#000;border:none;border-bottom: 1px solid #48bcc0;padding-left: 0;box-shadow: none !important;background: transparent;
}
.search_w .input-search i{
    background:none;
}
.search_w .input-search i:before{
    opacity:1;
}
.btn.btn-secondary{
    border-radius: 0px;
    border: 1px solid #fff;
    text-transform: none;
    background: #fff;
    color:#e33d55 !important;
}
.btn.btn-secondary:hover{
    color:#fff !important;background-color:transparent !important;;
}
.custom-checkbox .custom-control-label::before, .custom-control-label::after {
    border-width:2px; width:20px;height:20px;                                                                                
}
body .custom-control-label::before {
    background: transparent;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    line-height: 20px;font-size:12px;
}
.btn-send{
    border-radius: 0px;
    border: 1px solid #fff;
    text-transform: none;
    background: #fff;
    color:#e33d55 !important;
    border-radius:0;padding:12px 20px;font-weight: bold;font-size:12px;text-transform: uppercase !important;letter-spacing:1px;
}
.btn-send:hover{
    color:#fff !important;background:transparent !important;;
}
.search-faq-form .search-input input{
    color:#fff;border:none;border-bottom: 2px solid #fff;padding-left: 0;box-shadow: none !important;background: transparent;
}
.form-control::placeholder,input::placeholder {
    color: #fdfdfd;
    opacity: 1;
}
.blog-filter .search-blog-form{
    display:flex;align-items: flex-end;
}
.one-blog-list a.title-blog:hover{
    color:#f4c892;
}

/*.one-blog-list a.bt-faq{
    text-indent: -9999px;position: relative;height:60px;
}
.one-blog-list a.bt-faq:before{
    background:#fff;width:60px;height: 60px;content:'';position: absolute;left:0;top:0;border-radius:50%;
}
.one-blog-list a.bt-faq:after{
    content:'';position: absolute;top:15px;left:29px;background:#ec919f;width:2px;height: 30px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.one-blog-list a.bt-faq:hover:after{
    transform: rotate(90deg);
}*/
/*.blog-list-content:before{
    background-image:url('/images/front/trojkaty.png');background-size: contain;
    width:30vw;max-width:300px;position: fixed;top:50%;right:100px;content:"";
    height: 30vh;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}*/
.menu nav ul li a.dyn{
    background-color: #000;  
    /* Create the gradient. */
    background-image: linear-gradient(
        60deg,
        #16bac4 16.666%, 
        #16bac4 16.666%, 
        #E16541 33.333%, 
        #45CC66 33.333%, 
        #45CC66 50%, 
        #EE374E 50%, 
        #EE374E 66.666%, 
        #16bac4 66.666%, 
        #16bac4 83.333%, 
        #A7489B 83.333%);

    background-size: 600%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    position:relative;
    -webkit-text-fill-color: transparent;   
    animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
}

.menu nav ul li > a.dyn:hover,.menu nav ul li > .dyn.active{
    animation: rainbow-text-simple-animation 0.5s ease-in forwards;
}
.menu nav ul li a.dyn{
    text-transform: none;
}

@keyframes rainbow-text-simple-animation-rev {
    0% {
        background-size: 100%;
    }
    40% {
        background-size: 600%;
    }
    100% {
        background-size: 600%;
    }
}
@keyframes rainbow-text-simple-animation {
    0% {
        background-size: 650%;
    }
    80% {
        background-size: 300%;
    }
    100% {
        background-size: 100%;
    }
}
.one-faq,.one-faq p{
    color:#fff;font-size:16px;
}
.one-faq .content p{
    font-size:15px;
}
.one-faq .faq-nubmer {
    font-weight: 700;
    font-size: 9vw;
    margin: 0;
    color: #fff;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    display: inline-block
}
.one-faq .faq-title{
    color:#fff;font-size:50px;font-weight: bold;line-height: 1.2
}

.one-faq a.bt-faq,.one-blog-info .bt-faq{
    position: relative;height:60px;color:transparent;
}
.one-faq a.bt-faq i,.one-blog-info .bt-faq i{
    position: absolute;top:29px;left:22px;background:#fff;width:16px;height: 2px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.one-faq a.bt-faq:hover i,.one-blog-info .bt-faq:hover i{
    opacity:0;width:0;left:30px;
}
.one-faq a.bt-faq i:before,.one-blog-info .bt-faq i:before{
    display: none;

}
.one-faq a.bt-faq:before,.one-blog-info .bt-faq:before{
    background:transparent;width:60px;height: 60px;content:'';position: absolute;left:0;top:0;border-radius:50%;border:2px solid #f4c892;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.one-faq a.bt-faq:hover:before,.one-blog-info .bt-faq:hover:before{
    background:#f4c892
}
.one-faq a.bt-faq:after,.one-blog-info .bt-faq:after{
    content:'';position: absolute;top:22px;left:29px;background:#fff;width:2px;height: 16px;content:'';
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.one-faq a.bt-faq:hover:after,.one-blog-info .bt-faq:hover:after{
    transform: rotate(90deg);
}
/*.faq-section:before{
    background-image:url('/images/front/trojkaty.png');background-size: contain;
    width:30vw;max-width:300px;position: fixed;top:20%;right:100px;content:"";
    height: 30vh;
    background-repeat: no-repeat;
    transform: translateY(-20%);
    z-index: -1;
}*/
.menu .submenu-items .one-item{
    height: 50vh;padding:0;
}
.menu .submenu-items .one-item a{
    display: block;position: relative;height: 100%;
}
.menu .submenu-items .one-item img{
    width:100%;height:100%;object-fit: cover;object-position: center;display: block;
}
.menu .submenu-items .one-item .submenu-title{
    position: absolute;bottom:20px;font-size:3.5vw;color:rgba(255,255,255,0.5);font-weight: bold;line-height: 1;padding:0 15px;
}

.img-menu-itm{
    width:100%;display: flex;align-items: center;justify-content: center;height: 100vh;position: absolute;z-index: 1;background:url('/images/front/menubg.jpg') no-repeat;background-size:cover;background-position:center;
}
.img-menu-itm-hover{
    -webkit-transition: all 400ms ease-in-out 0ms;
    -moz-transition: all 400ms ease-in-out 0ms;
    -ms-transition: all 400ms ease-in-out 0ms;
    -o-transition: all 400ms ease-in-out 0ms;
    transition: all 400ms ease-in-out 0ms;
    width:100%;display: flex;align-items: center;justify-content: center;height: 100vh;position: absolute;z-index: 2;background-color: transparent;background-size:cover;background-position:center;
    top:0%;opacity: 0;
}
.img-menu-itm-hover.active{
    top:0%;opacity:1;
}

.phone-menu{
    color:#fff;
    position: absolute;
    z-index: 32;
    bottom: 20px;
    right: 30px;
    font-size:22px;
    text-align: right;
    font-weight: 700;
}
.phone-menu b{
    font-size:30px;font-weight: normal;display: block;
}
.menu nav ul li.hassubmenu ul {
    padding-left:20px;margin-left:0;display: none;
}
.menu nav ul li.hassubmenu ul li a{
    font-size:36px;line-height: 1;font-weight:500;font-size: clamp(16px,2vw,43px);
}
.menu nav ul li.hassubmenu ul li {
    margin:0;
}
.menu nav ul li.hassubmenu ul li a span{
    font-size:20px;display:block;font-weight: 300;color:#16bac4;letter-spacing: 1px;
}
.hassubmenu > span.pluse-a:before {
    width:1px;height:26px;content:'';position: absolute;right:13px;top:50%;margin-top:-13px;background:#16bac4;
}
.hassubmenu > span.pluse-a {
    position: relative;
    padding: 10px;
    width: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 15px;
}
.hassubmenu > span.pluse-a:after {
    width:26px;height:1px;content:'';position: absolute;right:0px;top:50%;background:#16bac4;
}
.menu nav{
    flex-wrap:wrap;overflow-y: auto;height:100%;
}
.menu nav ul.social{
    width:100%;
}
.menu nav ul.social li .menu-social a{
    font-size:33px;margin:10px 0;margin-right: 15px;display: inline-block;
}
.menu nav ul.social li{
    font-size:18px;color:#000;margin:0;
}
.menu nav ul.social li .addrs{
    line-height: 1.4;font-weight: 400;
}
.menu nav ul.social li .addrs b{
    display:block;
}
body .menu nav ul{
    max-height: none;
}

@media (max-width:991px){

    .menu nav ul li.hassubmenu ul li a {
        font-size: 20px;
    }
    .menu nav ul.social li .menu-social a {
        font-size: 20px;
    }
    .menu nav ul li.hassubmenu ul li a span {
        font-size: 14px;
    }
    .hassubmenu > span.pluse-a::after {
        /*width: 12px;*/
        height: 1px;
    }
    .hassubmenu > span.pluse-a::before {
        width: 1px;
        /*        height: 12px;
                margin-top: -6px;*/
        right:6px;
    }
    .hassubmenu > span.pluse-a{
        height: 20px;width:20px;margin-left: 5px;
    }
    .menu nav ul.social li .addrs {
        line-height: 1.4;
        font-weight: 400;
        font-size: 14px;
        padding: 10px 0;
    }
}
@media (max-width:767px){
    .img-menu-itm,.img-menu-itm-hover{
        display: none !important;opacity:0;visibility: hidden;
    }
}

.left-window{
    width: 450px;
    max-width:100%;
    height: 100%;
    left:0;
    padding: 30px;
    position: fixed;
    background:#fff;
    z-index: 32344;
    transform: translateX(-100%);
    -webkit-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -moz-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -ms-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -o-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    top:0;
}
.left-window.active{
    transform: translateX(0%);
}
.left-window .window-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.left-window.absolute-cat-list{
    padding-left:0;padding-right: 0;
}
.window-faq-list a{
    display: block;font-size:16px;font-weight: 500;padding:18px 3px;margin:3px 0;color:#e33d55;
}
.window-faq-list a:hover{
    background:#e33d55;color:#f4c892;
}
.simple-faq-menu{
    position: fixed;
    top:30%;
    left: -50px;
    opacity:0;
    z-index: 32;
    font-size: 30px;
    cursor: pointer;
    width: 60px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display:flex;
    background:#fff;
    -webkit-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -moz-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -ms-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -o-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
}
.simple-faq-menu.active{
    left:105px;opacity:1;
}
.simple-menu, .simple-menu::before, .simple-menu::after {
    position: relative;
    width: 36px;
    height: 2px;
    border-radius: 0px;
    background-color: #e33d55;
    display: block;
    -webkit-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -moz-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -ms-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    -o-transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
    transition: all 500ms cubic-bezier(.0,.97,.7,1.5);
}
.simple-menu::before, .simple-menu::after {
    content:'';
}
.simple-menu {
    position: relative;
    display: block;
    cursor: pointer;
    width: 36px;
    margin:0 auto;   
    margin-top: -20px;
}
.simple-menu:before{
    top:20px;
}
.simple-menu:after{
    top:8px;width:20px;margin-left:8px;
}
.simple-faq-menu:hover .simple-menu::after{
    width:36px;margin-left:0px;
}

.one-faq .faq-nubmer{
    background-color: #f43b52;
    background: rgb(244,59,82);
    background: -moz-linear-gradient(135deg, rgba(244,59,82,1) 30%, rgba(0,44,67,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(244,59,82,1) 30%, rgba(0,44,67,1) 100%);
    background: linear-gradient(135deg, rgba(244,59,82,1) 30%, rgba(0,44,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f43b52",endColorstr="#dd2c43",GradientType=1);
    background-clip: border-box;
    -webkit-background-clip: text;
}
.list-lang{
    position: absolute;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 0;
    opacity:0;top:0;
    -webkit-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.lang-main{
    position: relative;z-index:2;
}
.lang-main:hover .list-lang{
    opacity: 1;top:100%;
}

.one-faq .faq-nubmer {
    background: rgb(235,67,91);
    background: -moz-linear-gradient(139deg, rgba(235,67,91,1) 2%, rgba(229,59,83,1) 31%, rgba(214,52,76,1) 72%, rgba(183,32,56,1) 100%);
    background: -webkit-linear-gradient(139deg, rgba(235,67,91,1) 2%, rgba(229,59,83,1) 31%, rgba(214,52,76,1) 72%, rgba(183,32,56,1) 100%);
    background: linear-gradient(139deg, rgba(235,67,91,1) 2%, rgba(229,59,83,1) 31%, rgba(214,52,76,1) 72%, rgba(183,32,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb435b",endColorstr="#b72038",GradientType=1); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    position: relative;
    -webkit-text-stroke:2px rgba(255,255,255,0.03);
}

.one-faq .faq-nubmer:after {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 12px 10px 10px rgba(191,31,51, 0.49);
    top: 0;
    z-index: -1;
}

.form-contact .contact_form .form-control{
    background:transparent;border:none;
    border-bottom: 1px solid #48bcc0;
}
.faq-title-ct{
    color:rgba(0,0,0,0.04) !important;opacity:0.9 !important;line-height: 1.2 !important;display:block !important;
}
.one-faq .faq-title{
    margin-bottom: 40px;position: relative;
}
.one-faq .faq-title:before{
    width:60px;height: 2px;background:#f4c892;content:'';position: absolute;bottom:-20px;left:0;
}

.contact-window-form{
    background:url('/images/front/error-bg.png') no-repeat center center #48bcc0;
    background-size:cover;
}
.contact-window .window-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color:#fff;
}
.contact-window .window-content .form-contact .contact_form .form-control{
    border-bottom-color:#fff;outline:none !important;box-shadow: none !important;font-size: 14px;padding:10px 0;
}
.contact-window .form-contact .has-error, .contact_form .form-control.has-error{
    border-bottom-color:#f00 !important;
}
.contact-window .window-content .contact_form{
    max-width: 50%;
}
.contact-window .window-content .container{
    max-height: 100%;overflow: auto;
}
.contact-window  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,.contact-window .custom-checkbox .custom-control-label::before,.contact-window .custom-control-label::after{
    border-color:#fff;
}
.contact-window-form .special-row-contact .col-md-6 {
    padding: 0 15px;
}
.contact-window-form .close-new::before,.contact-window-form .close-new::after{
    background:#fff;
}
.contact-window-form .btn-send{
    color:#48bcc0 !Important
}
.contact-window-form .btn-send:hover{
    color:#fff !Important
}
.right-contact-social{
    font-size:38px;float:none;padding:25px 0 10px 0px
}
.right-contact-social a{
    color:#fff;padding: 5px;margin:0 8px;
}
.right-contact-social a:hover{
    color:#376D7F
}
.contact-window-form .form-contact{
    position: relative;padding:40px 0;margin: 10px 0;
}
.triangles-contact{
    position: absolute;top:0%;right: 4%;width:45%;max-width:510px;height:100%;
    background:url('/images/front/contact-form.png') no-repeat center center;
    background-size:contain;
    -webkit-animation: background-fly 2.5s infinite alternate;
    animation: background-fly 2.5s infinite alternate;
    z-index: -1;
}

@-webkit-keyframes background-fly {
    0% { transform: translateY(2%) scale(0.98) }
    100% { transform: translateY(-2%)  scale(1); }
}
@keyframes background-fly {
    0% { transform: translateY(2%)  scale(0.98); }
    100% { transform: translateY(-2%)  scale(1); }
}
@media (max-width:600px){
    .contact-window .window-content .contact_form {
        max-width: 100%;
    }
    .triangles-contact{
        width:85%;right:5%;opacity:0.7;
    }
}
.one-contact-info{
    padding:30px 0;
}
.one-contact-info h3{
    font-size:34px;font-weight: bold;margin-bottom: 15px;
}
.one-contact-info .one-info{
    font-size:22px;margin:10px 0;display: block;
}
.one-contact-info .one-info i{
    width:30px;text-align: center;font-size:24px;
}
.one-contact-info .one-info:last-of-type{
    font-size:30px;
}
.one-contact-info .one-info i.fa-mobile-phone{
    font-size:40px;
}
.maps-show-style{
    padding:18px 17px; color:#e33d55 !important;background:#fff;font-weight: bold;font-size:12px;text-transform: uppercase;border:1px solid #fff;cursor: pointer;margin-right: 30px;display: inline-block;letter-spacing:1px;
}
.maps-show-style:hover{
    background:transparent;color:#fff !important;
}
.form-show-style{
    padding:18px 25px; color:#fff;background:transparent;font-weight: bold;font-size:12px;text-transform: uppercase;border:1px solid transparent;cursor: pointer;position: relative;margin-right: 30px;display: inline-block;letter-spacing:1px;
}
.form-show-style:before{
    width:15px;height: 1px;content:'';position: absolute;bottom:8px;background:#fff;
    -webkit-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.form-show-style:after{
    width: 0; 
    height: 0; 
    bottom:4px;
    left:40px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:'';
    position: absolute;
    border-left: 5px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.form-show-style:hover{
    background:transparent;color:#b73143 !important;
}
.form-show-style:hover:before{
    width:calc(100% - 40px);
}
.form-show-style:hover:after{
    left:calc(100% - 20px);
}
.contact-window.contact-window-form{
    transform: translateX(-100%);
}
.contact-window.contact-window-form.active{
    transform: translateX(0%);
}
@keyframes bgcolor {
    0% {
        background-color: #48bcc0
    }
    40% {
        background-color: #e33d55
    }
    60% {
        background-color: #3C7186
    }
    100% {
        background-color: #48bcc0
    }
}

body {
    line-height:1.5;
}

.one-faq .faq-nubmer::after{
    filter: drop-shadow(-17px -13px 6px rgba(255,255,255,0.3))
}
.lines .line::before {
    transform:scale(0.8);
}
.form-control{
    letter-spacing:1px;
}

.contact-window-form .btn-send{
    margin-top:30px;
}
.custom-control label {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
}
.button-class{
    border-width:1px;letter-spacing:1px;
}
.window-centered a.button-class, .window-centered button.button-class{
    width: auto;
    float: right;
}
.window-centered .search_w{
    width:100%;
}
.window-centered {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.empty-basket h3{
    text-transform:none;
}
.window-centered > div.select,.window-faq-list{
    width:100%;
}

.background-change{
    position:absolute;width:100%;height: 100%;z-index: -1;background:#e33d55;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}


.btn-groups.color-btn a{
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.btn-groups.color-btn a:before,.btn-groups.color-btn a:after{
    display: none !important;opacity:0 !important;visibility: hidden !important;
}
.btn-groups.color-btn a:hover:before,.btn-groups.color-btn a:hover:after{
    display: none !important;opacity:0 !important;visibility: hidden !important;
}
.full-banner.bannertype0 .btn-groups.color-btn .btn.btn-primary {
    background-color: #fff !important;background-clip: unset;
}
.full-banner.bannertype0 .btn-groups.color-btn .btn.btn-primary:hover {
    background-color: transparent !important;background-clip: unset;color:#fff !Important;
}
.full-banner.bannertype0 .btn-groups.color-btn .btn.btn-secondary {
    background: transparent !important;
    background-clip: unset;
    color: #fff !important;
}
.full-banner.bannertype0 .btn-groups.color-btn .btn.btn-secondary:hover {
    background: #fff !important;
    color:#48bcc0 !important;
}
.new-navi-banner{
    position: absolute;z-index: 12;top:80%;left:110px;
}
.new-navi-banner i{
    font-size:24px;width:50px;height: 50px;border:1px solid #fff;text-align: center;display: inline-block;margin:0 5px;line-height: 44px;border-radius:50%;cursor: pointer;
    margin-top:-25px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.new-navi-banner i:hover{
    transform: scale(1.2);
}
.new-number{
    bottom: 180px;
    right: 75px;
    position: absolute;
    width:200px;
}

.new-number  .num{
    text-shadow: none;color:#fff;font-weight: 700 !important;
    font-size: 28px;
}
.new-number .num div{
    opacity: 0.6;display: inline;
}
.new-number .num span.main{
    opacity:1;border-bottom: 5px solid #fff;color:#fff;font-weight: 700 !important;opacity:1;
}
.to-top{
    border:2px solid #fff;background:transparent;
}
.to-top i{
    line-height: 32px;
}
.to-top:hover{
    color:#e33d55;background:#fff;
}
.to-top:hover i{
    color:#e33d55;
}
.right-window .custom-control label{
    color:#999
}
.right-window .search_w .input-search i{
    color:#48bcc0;
}

@media (max-width:1400px){
    .one-contact-info .one-info{
        font-size:20px;word-break: break-all;
    }
    .one-contact-info .one-info:last-of-type {
        font-size: 26px;
    }
    .one-contact-info h3{
        font-size:32px;
    }
}
@media (max-width:991px){
    .full-banner .new-navi-banner {
        top: auto;
        bottom:15px;
        left: 70px;
    }
    .full-banner .new-number {
        bottom: -15px;
    }
    .one-contact-info .one-info{
        font-size:18px;
    }
    .one-contact-info .one-info:last-of-type {
        font-size: 24px;
    }
    .one-contact-info h3{
        font-size:28px;
    }

}
@media (max-width:480px){
    .full-banner .new-navi-banner {
        left: 20px;
    }
    .full-banner.bannertype0 .btn-groups .btn{
        margin:5px;
    }
    .full-banner .owl-text{
        padding:0 30px;
    }
    .fly-elem .flyel img,.fly-elem .static-tr img{
        transform: scale(0.5);
    }
    .static-tr {
        bottom: -15vh;
    }
}
.usage-new{
    display: flex;flex-wrap:wrap;
}
.background-itm2{
    position:absolute;z-index:-1;background-size:cover;background-position:center;width:100%;height:100%;left: 0;top: 0;
}
.usage-new .one-item{
    display:flex;align-items:center;min-height: 50vh;width:50%;position: relative;overflow: hidden;text-align: center;padding:15px;
}
.usage-new .one-item h2{
    font-weight: bold;color:#fff;line-height: 1;transition: all 200ms cubic-bezier(0.600, -0.280, 0.735, 0.045)
}
.usage-new .one-item p{
    font-size:17px;font-weight:400;letter-spacing: 1px;line-height: 1.5;padding:15px 0;
}
.usage-new .one-item .right{
    overflow: hidden;width:100%;
}
.text-item{
    opacity:0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    position: relative;
    max-height:0;
}
.usage-new .one-item:hover .text-item{
    opacity:1;
    max-height: 50vh;
}
@media (max-width:1199px){
    .usage-new .one-item p{
        font-size:15px;
    }
}
@media (max-width:480px){
    .one-contact-info .one-info{
        font-size:16px;
    }
    .one-contact-info .one-info:last-of-type {
        font-size: 22px;
    }
    .one-contact-info h3{
        font-size:24px;
    }
    .usage-new .one-item{
        width:100%;height: auto;min-height: 300px;
    }  
    .usage-new .one-item h2{
        font-size:34px !important;
    }
    .usage-new .one-item p{
        font-size:13px;
    }
    .text-item{
        max-height: none;opacity: 1;
    }
    .menu nav ul li.hassubmenu ul {
        padding-left: 15px;
    }
}
.log-content-full .right-info{
    z-index: 32;
    position: relative;
    background: rgba(227, 61, 85,0.85);
}
.log-content-full .left-image {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
    height: 100%;
}
.log-content-full .left-image video {
    height: 100%;
    left: 0;
    position: absolute;
    transform:none;
    top: 0;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.menu nav ul li a.dyn > span {
    font-size: 18px;
    display: block;
    margin:5px 0 -10px 0;
    position: relative;
    font-weight: 400;
    line-height: 1.2;
    max-width:70%;
    color: #000;
    letter-spacing: 1px;
    -webkit-text-fill-color:#000
}
@media (max-width:1199px){
    .menu nav ul li a.dyn > span{
        display: none;
    }
}


header > .menu-handle-a:before{
    content:'menu';position: absolute;width:100%;top:100%;color:#fff;font-size:12px;text-align: center;margin-top:-4px;font-weight: bold;
}
.st-lg .menu-handle-a{
    left:100%;
    z-index: 21;
    transform: translateX(-100%);
    top:10px;
}
.st-lg .lang-main{
    margin-top:60px;
}
@media (min-width:768px){
    .st-lg .menu{
        right:35px;top:24px;
    }
    .st-lg  .menu.mopen {
        right: -200vw;
        top: -200vw;
    }
}
@media (max-width:1400px){
    .st-lg .menu-handle-a{
        margin-left:-12px;
    }
}
@media (max-width:1199px){
    .st-lg .menu-handle-a{
        margin-left:-7px;
    }
}
.menu  .menu-handle .menu-handle-a{

}
.st-lg .menu  .menu-handle .menu-handle-a{
    right: -60px;
    left: auto !important;
}
section .b-card{
    padding:30px 0;
}
.flip-card {
    background-color: transparent;
    width: 600px;
    position: relative;
    margin:15px auto;
    max-width: 100%;
    perspective: 1500px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    padding-top:100%;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    display: flex;
    align-items:center;
    justify-content: center;
    top:0;
    padding:15px;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #efefef;
    color: transparent;
}

/* Style the back side */
.flip-card-back {
    background-color: #48bcc0;
    color: white;
    transform: rotateY(180deg);
}
.card-text{
    width:100%;text-align: center;
}
.card-text h1{
    font-size:32px;font-weight: bold;
}
.card-text p{
    margin-top:10px;
}
.card-text p a{
    color:#e33d55;
}
.card-text p a:hover{
    color:#fff;
}
@media (max-width:767px){
    .flip-card {
        margin:20px auto;
    }
}
@media (min-width:768px){
    .col-mdb-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.contact-window .window-content .form-contact .contact_form .form-control{
    color:#fff
}

.contact-window.contact-window-form.white .window-content .form-contact .contact_form .form-control{
    color:#48bcc0
}

.contact-window.contact-window-form.white{
    background:#fff;
}
.contact-window.contact-window-form.white h2.type-t{
    color:#48bcc0
}
.contact-window.contact-window-form.white .window-content .form-contact .contact_form .form-control{
    border-bottom-color:#48bcc0;
}
.contact-window.contact-window-form.white .window-content .form-contact .contact_form .form-control::placeholder, .contact-window.contact-window-form.white .window-content .form-contact .contact_form .form-control::placeholder {
    color: #48bcc0;
    opacity: 1;
}
.contact-window.contact-window-form.white .form-contact .btn-send{
    border-color:#48bcc0
}
.contact-window.contact-window-form.white .form-contact .btn-send{
    background:#48bcc0 !important;color:#fff !important;
}
.contact-window.contact-window-form.white .form-contact .btn-send:hover{
    background:transparent !important;color:#48bcc0  !important;
}
.contact-window.contact-window-form.white .right-contact-social a{
    color: #48bcc0;
}

.contact-window.contact-window-form.white .custom-control label{
    color:#777
}

.contact-window.contact-window-form.white .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .contact-window.contact-window-form.white .custom-checkbox .custom-control-label::before, .contact-window.contact-window-form.white.custom-control-label::after {
    border-color: #48bcc0;
}
.contact-window.contact-window-form.white .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .contact-window.contact-window-form.white .custom-checkbox .custom-control-label::before, .contact-window.contact-window-form.white .custom-control-label::after {
    border-color: #48bcc0;
}

.contact-window.contact-window-form.white .close-new::before, .contact-window.contact-window-form.white .close-new::after {
    background: #48bcc0;
}
@media (min-width:768px){
    body{
        /*background-image:url('/images/front/bgcolor.jpg');*/
        background-attachment:fixed;
        background-size:cover;
        background-color: #E53E56;
    }
}

.links-hidden{
    display: none;
}
footer ul.links.links-hidden li a {
  font-weight: normal;
  font-size: 110%;
  line-height: 1;
  margin-top: -10px;
  position: relative;
  display: block;
}
.footer-link-group{
    display: flex;align-items:center;max-width: 250px;cursor: pointer;
}
.footer-link-group:after{
    position: relative;right: 0;content:'+';font-size:30px;display: inline-block;margin-left: auto;margin-right: 20px;line-height: 10px;padding-left: 10px;
}
.show.footer-link-group:after{
    content:'-'
}
.footer-contact{
    padding-top:10px;padding-bottom: 10px;
}
.copyright{
    margin-top:30px;
}
footer .logo-footer{
    flex:0 0 100px;
}
footer .logo-footer img{
    filter: drop-shadow(0 0 0.75rem crimson);
}
.whatsup{
    padding:4px;box-shadow: 0 0 10px 0px rgba(0,0,0,.3);border-radius:5px;background:#f35067;margin-right: 20px;
}
@media (max-width:1200px){
    footer{
        padding:0 60px;
    }
}

@media (max-width:767px){
    .footer-link-group{
        max-width: 100%;
    }   
    .footer-link-group::after {
        margin-left: 0;margin-right: -15px;
    }
    footer ul.links li a{
        justify-content: center;
    }
    .whatsup{
        display: block;
        margin: 15px auto;
    }
    .footer-contact{
        text-align: left;
    }
    footer{
        padding:0 10px;
    }
}
.text-scroll{
    padding:0 70px;
}
.eocjs-newsticker {
    padding: 10px 0;
    color:#fff;font-weight: bold;
}
.eocjs-newsticker a{
    color:#fff;white-space:nowrap;
}
.eocjs-newsticker .eocjs-newsticker-container {
    position: relative;
    height: 10vw;
    overflow: hidden;
    font-size:10vw;
}

.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
    position: absolute;
    left: 0;
    top: 0;
    height: 10vw;
    line-height: 8vw;
    white-space: nowrap;
}
.border-font{
    font-weight: 700;
    font-size: 5vw;
    line-height: 1;
    margin: 0;
    color: #fff;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
}
@media (max-width:767px){
    .border-font{
        font-size:40px;
    }
    .eocjs-newsticker .eocjs-newsticker-container {
        height: 40px;
    }
    .eocjs-newsticker .eocjs-newsticker-one,
    .eocjs-newsticker .eocjs-newsticker-two {
        height: 40px;line-height: 30px;font-size:30px;
    }
    .text-scroll{
        padding:0;
    }
    .eocjs-newsticker .eocjs-newsticker-container{
        font-size:40px;
    }
}

.whatsup{
    margin-top:50px;
}
footer{
    padding-top:50px;
}
.usage-new .one-item.full-height-item{
    min-height:100vh;
}

/*logowanie nowe*/

.new-login .login-bg{
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1); 
}

.new-login .right-info{
    width:30%;background:#fff;
}
.log-content-full.new-login .left-image img{
    height:auto;display: block;
}
.log-content-full.new-login .left-image img.login-logo{
    width:90px;padding:10px;
}
.log-content-full.new-login .left-image img.ast{
    position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)
}
.log-content-full.new-login .left-image{
    width:70%;left:0;
}

.log-content-full.new-login .right-info .log-reg-box .ff{
    min-height: calc(100vh - 140px); color:#000;padding:20px;max-width: 100%;
}
.log-content-full.new-login .left-login label{
    color:#000
}
.new-login h2.type-t,.new-login *{
    color:#000
}
.log-content-full.new-login .nav-a a.close-l span.close-new{
    right:0;top:-10px;
}
.new-login .nt3.reg{
    color:#000;
}

.log-content-full.new-login .left-login input.txtbox, .log-content-full.new-login .active-reg input.txtbox,.new-login input.form-control,.login-window input{
    width: 325px;max-width: 100%;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 15px 20px;
    border-radius: 30px 30px 0 0 !important;
    border-color: #dadada;
    color:#1a1717;
    text-transform: none;
}

.new-login .field-icon.fa-fw{
    margin-top:0;font-size: 18px;
}
.log-content-full.new-login .left-login label,.login-window label{
    font-weight: bold;font-size:12px;
}
.log-content-full.new-login h2.type-t,.new-hdr{
    margin-bottom: 5px;font-size:36px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.1;text-transform: capitalize;
}
.new-hdr{
    font-size:28px;
}
.log-content-full.new-login p.lead-l{
    font-size:14px;font-weight: 300;padding:10px 0;
}
.new-login #login-site{
    margin-top:30px;margin-bottom: 30px;
}
.new-login .login-site a#submit_btn{
    float:none
}

.new-button-class{
    background:#fd3f68;font-size:14px;font-weight: bold;border-color:#fd3f68
}
.new-login .new-button-class:hover{
    color:#fd3f68 !important;background:#fff !important;
}
.new-login.log-content-full.new-login .left-login label.custom-control-label{
    font-weight: normal;font-size:12px;
}
.new-login .log-reg-box .custom-control-label::before,.new-login .log-reg-box .custom-control-label::after {
    border-radius:50%;
}
.new-login .log-register-box a.button-class-invert{
    margin-top:10px;background:#e4e4e4 !important;color:#000 !important;border-color:#e4e4e4 !important
}
.new-login .log-register-box a.button-class-invert:hover{
    background:#fd3f68 !important;color:#fff !important;border-color:#fd3f68
}

.new-login .lubinfo{
    width:100%;position: relative;text-align: center;
}
.new-login .lubinfo:before{
    width:100%;top:50%;height: 1px;background:#e1e1e1;content:'';position: absolute;left:0;
}
.new-login .lubinfo span{
    background:#fff;padding:5px 10px;;z-index: 2;position: relative;display: inline-block;color:#7f7f7f;
}
.new-login .one-box-login{
    display: inline-block;width:50%;
}
.new-login .one-box-login a{
    margin:10px;border:1px solid #ededed;padding:15px;display: block;display:flex;align-items:center;justify-content: space-between;font-size:13px;height: calc(100% - 20px)
}
.new-login .one-box-login a span{
    padding:5px;
}
.new-login .one-box-login a:hover{
    background:#ededed
}
.new-login .one-box-login a i{
    font-size:28px;padding-right: 5px;
}
.flex-box-login-btn{
    display:flex;flex-wrap:wrap;
}
.facebook i {
    color:#395999
}
.google i {
    color:#dd442e
}
.new-login *{
    outline: none !important;
}

@media (max-width:767px){
    .log-content-full.new-login .right-info{
        width: 100%;
    }
    .log-content-full.new-login h2.type-t,.new-hdr{
        font-size:28px;
    }
    .new-button-class{
        font-size:12px;
    }
}

@media (max-width:480px){
    .new-login .one-box-login{
        width:100%;
    }
    .log-content-full.new-login .right-info .log-reg-box .ff{
        padding:10px;
    }
    body .login-window{
        min-width: 100%;
    }
}
.login-window{
    /*    min-width:400px;
        width: 30%;*/
    max-width: 100%;text-align: left;
}

.link-rem-act{
    font-size:12px;margin:5px 10px;cursor: pointer;
}
.link-rem-act:hover{
    text-decoration: underline !important;
}
.login-window .window-centered{
    justify-content: flex-start;
    text-align: left;
    padding:5px;
}
.login-window .window-centered a.button-class{
    margin-top:0;float:none;
}
.login-window .window-centered form{
    margin-top: 30px;
    margin-bottom: 30px;
    max-width:100%;
}
.login-window label{
    margin: 0 0 3px 0;
}
.menu-dimness-login.active{
    z-index: 45;
}
.google-login-btn{
    margin-top:-5px;
}
.google-login-btn a{
    margin:5px;
}

.right-window.big-right-window {
    width:100%;padding:0; 
}
.user-window .log-content-full.new-login .left-image{
    height: auto;position: relative;
}

.right-window.big-right-window {
    width: 30%;
    padding: 0;
    min-width: 500px;
}
.user-window .log-content-full.new-login .left-image{
    display: none;
}
.user-window .new-login .right-info{
    width:100%;min-width:100%;
}
@media (max-width:600px){
    .right-window, .right-window.big-right-window {
        min-width: 100%;
    }
}

@media (max-width:991px){
    .user-window .log-content-full.new-login .left-image{
        display: none;
    }
}
.log-content-full.new-login .left-login label{
    margin-bottom: 5px;
}
.new-login .pass-strong{
    width:300px;max-width:100%;
}
.new-login.new-register .right-info{
    width:40%;
}
.user-register-window .new-login.new-register .right-info{
    min-width:100%;
}
.log-content-full.new-login.new-register .left-image{
    width:60%;
}
.nip-items{
    display: none;
}
.new-register .ll-width-w .label-radio-c label::before {
    width:20px;height: 20px;
}
.new-register .ll-width-w{
    max-width: 100%;text-align: left;margin:10px 0 20px 0;
}
.new-register .ll-width-w .label-radio-c input[type="radio"]:checked + label::after {
    background: #707070;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 4px;
    top: 3px;
}
.new-register .ll-width-w .label-radio-c label::before{
    background:#eeeeee;box-shadow: 0 0 1px 0 #eeeeee;
}
.new-register .ll-width-w .label-radio-c label {
    position: relative;
    padding-left: 30px;
    margin-right: 30px;
    line-height: 20px;
}
.login-in-window .left-login{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.right-window.big-right-window.login-in-window{
    min-width: 400px;
    max-width: 100%;
}
.right-window.big-right-window.login-in-window .new-login .right-info{
    min-width: 100%;
}
.right-window.big-right-window.user-register-window{
    width:40%;min-width:600px;
}
.new-login .register-bg{
    background: rgb(245,77,116);
    background: -moz-linear-gradient(211deg, rgba(245,77,116,1) 8%, rgba(243,60,100,1) 50%);
    background: -webkit-linear-gradient(211deg, rgba(245,77,116,1) 8%, rgba(243,60,100,1) 50%);
    background: linear-gradient(211deg, rgba(245,77,116,1) 8%, rgba(243,60,100,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f54d74",endColorstr="#f33c64",GradientType=1); 
}
.menu-dimness.register{
    background: rgb(245,77,116);
}
.new-login.log-content-full.new-login .custom-new-checkbox label{
    margin:0;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    margin-right: 30px;
    line-height: 20px;
}
.new-login .custom-new-checkbox .custom-control-label::before,.new-login .custom-new-checkbox .custom-control-label::after {
    background: #eeeeee;
    box-shadow: 0 0 1px 0 #eeeeee;
    border-color:#eeeeee;
    top:0;
    left:0;
    width: 20px;
    height: 20px;
    border:none;
}
.new-login .custom-new-checkbox{
    padding:0;margin:0;
}
.new-login .custom-new-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background: #707070;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 3;
}
.gus-info{
    display: none;
}
.gus-info .flex-info-gus{
    display: flex;margin-bottom: 30px;align-items:center;
}
.gus-info .flex-info-gus p{
    width:220px;max-width: 60%;font-weight: bold;font-size:14px;padding-right: 20px;
}
.gus-info .flex-info-gus a{
    font-size:12px;border-radius: 40px;background:#cf0a34;border-color:#cf0a34;margin:5px;
}
.gus-info .flex-info-gus a:hover{
    background:#fff;color:#cf0a34 !important;
}
.person-info-form{
    display:none;
}
.register-btn.new-button-class{
    min-width: 150px;
}
.new-login .person-info-form input.form-control{
    width: 100%;
}

@media (min-width:1900px){
    .new-login.new-register .right-info{
        width:750px;
    }
    .log-content-full.new-login.new-register .left-image{
        width:calc(100% - 750px);
    }
}
.person-info-company{
    display: none;
}
.more-info-btn{
    margin:20px 0;
}
.log-content-full.new-login .login-go-info  p.lead-l{
    font-weight: 700;
}
.login-go-info a{
    font-weight: bold;color:#fd3f68;text-decoration: underline !important;
}
.new-login .label-radio-c.error label{
    border-bottom: 2px solid #ff0000;
}
.big-right-window{
    overflow: hidden;
}
.big-right-window > *{
    overflow-y: auto;max-height: 100%;min-height:100%;
}

@media (max-width:767px){
    .right-window{
        padding:15px
    }
}
@media (max-width:480px){
    .right-window{
        padding:15px
    }
    .log-content-full.new-login h2.type-t, .new-hdr{
        font-size:24px;
    }
    .link-rem-act{
        display: block;
    }
}
@media (max-width:900px){
    .new-login.new-register .right-info{
        min-width: 100%;max-width: 100%;
    }
}
@media (max-width:700px){
    .right-window.big-right-window.user-register-window{
        width:100%;min-width:100%;
    }
}
@media (min-width:1920px){
    .right-window.big-right-window.user-register-window{
        width:750px;min-width:750px
    }
    .right-window.big-right-window{
        width:600px;
    }
    .right-window{
        width:600px;        
    } 
}
/*new-preloader*/
.loader{
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1);
    width:100%;height: 100%;position: fixed;z-index: 1000000;display: flex;align-items: center;justify-content: center;
}
.backgroundloader{
    position: fixed;width: 100%;height: 100%;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.ml4 {
    position: relative;
    font-weight: 700;
    font-size: clamp(40px,10vw,150px);
    width:100%;
    display: block;
    line-height: 1;
    height: 180px;
    text-align: center;
}
.ml4 .letters {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    top:30%;
    right: 0;
    opacity: 0; 	
    padding:0 15px;
}
.ml4 .letters:before{
    content:attr(data-title);left: 0;right: 0;top: -80%;position: absolute;color:#fff;opacity: 0.25;font-size:140%;
}
.ml4 .letters.letters-finish:before{
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.ml4 .letters.letters-finish img{
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ml4 .letters.letters-finish img{
    max-width: 80%;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
    transform: translate(-50%,-50%);
}
@media (max-width:1480px){
    .ml4 .letters.letters-finish img{
        max-width: 28vw;
    }
    .ml4 .letters.letters-finish::before {
        font-size:120%;
    }
}
@media (max-width:767px){
    .ml4{
        height: auto;
    }
    .ml4 .letters.letters-finish img {
        max-width: 30%;
    }
}
/*.loader{
    background: linear-gradient(52deg, #e23c54, #48ced5, #f2ac56, #aec948,#e23c54,#48ced5);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 23s ease infinite;
    -moz-animation: AnimationName 23s ease infinite;
    animation: AnimationName 23s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 88%}
    50%{background-position:100% 13%}
    100%{background-position:0% 88%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 88%}
    50%{background-position:100% 13%}
    100%{background-position:0% 88%}
}
@keyframes AnimationName {
    0%{background-position:0% 88%}
    50%{background-position:100% 13%}
    100%{background-position:0% 88%}
}*/

.log-content-full.new-login .left-image img.ast.registeri {
    -webkit-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    top: auto;
    bottom: 0;
    left:99%;
    max-height: 60vh;
    object-fit: contain;
}
@media (min-width:1400px){
    .full-banner .owl-text p{font-size:18px}
}
@media (min-width:1200px){
    header > .menu-handle-a::before {
        width: auto;    
        font-size: 14px;
        left: 50%;
        transform: translateX(-50%);
    }
    .st-lg .menu-handle-a{
        top:20px;
    }
}
.close-new::before, .close-new::after{
    width:3px;
}
.skip-intro{
    position:absolute;bottom:30px;color:#fff;font-size:18px;
}
.skip-intro:hover{
    color:#ccc;text-decoration: underline;
}
.log-content-full.new-login .left-image.login-bg:before{
    background-image:url('/images/front/milkyway.png');width:100%;height: 100%;position: absolute;z-index: -1;content:'';
}
.text-rr{
    padding:10px 90px;color:#fff;position: relative;z-index: 2;
}
.log-content-full.new-login.new-register .left-image .text-rr h4{
    font-size:clamp(24px,3vw,48px);font-weight: bold;color:#fff;margin:20px 0 0;line-height: 1.2;
}
.log-content-full.new-login.new-register .left-image .text-rr p{
    font-size:clamp(16px,2vw,30px);font-weight: normal;color:#fff;margin-bottom: 20px;margin-top:-5px;
}
.log-content-full.new-login.new-register .left-image .text-rr a{
    margin: 5px 0;
    margin-left: 0px;
    background: transparent;
    color: #fff;
    padding: 10px 20px;
    min-width: 160px;
    text-align: center;
    border: 2px solid #fff;
    font-size: 14px;
    display: inline-block;
}
.log-content-full.new-login.new-register .left-image .text-rr a:hover{
    color:#fd3f68;background:#fff;
}
.log-content-full.new-login .left-image img.sml{
    max-width: 9vw;
}
@media (max-width:1199px){
    .text-rr {
        padding: 10px 30px;
        max-width: 70%;
    }
}
.menu nav{
    padding:10px;
}
.img-menu-itm{
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1);
}
.triangle-menu{
    position: absolute;
    z-index:0;
    left:0;
    top:0;
}
.qcode{
    width:100%;padding:50px;position: relative;z-index: 3;
    max-height: 100%;
    overflow: auto;
}
.q-code-img{
    display: inline-block;margin-right: 30px;font-size:18px;
}
.q-code-img a{
    color:#fff;
}
.qcontact-col{
    display: inline-block;padding:0 15px;
}
.img-menu-itm-hover .q-code-img img{
    vertical-align: middle;
    margin-right: 10px;
    max-width: 4.5vw;
    margin:5px 10px 5px 0;
}
.qcode .m-title{
    color:#08474a;
    font-weight:300;
    font-size:24px;
    opacity: 0.7;
    margin:50px 0 15px 0;
}
.img-menu-itm-hover{
    z-index: 0;
}
.img-menu-itm-hover.active{
    z-index: 2;
}
.qcode h3{
    font-size: 60px;font-weight: 700;font-size:clamp(30px,3vw,60px);
}

@media (max-width:1600px){
    .qcode .m-title{
        margin:10px 0 5px 0;font-size:20px;
    }
    .q-code-img{
        font-size:16px;
    }
    .qcode{
        padding:40px;
    }
    .q-code-img{
        margin-right: 20px;
    }
}
@media (max-width:1199px){
    .q-code-img img{
        max-width: 60px;
    }
    .menu .menu-container{
        overflow-x: hidden;
    }
    .qcode{
        padding:30px;
    }
    .qcode .demo-btn{
        display: none;
    }
}

.right-window.big-right-window.user-window{
    border-radius:30px 0 0 30px;
}
.new-window-user-i{
    flex-wrap:wrap;padding:0;
}
.log-content-full .nav-a.grey-top-color{
    background:#f9f9f9;   
}
.grey-top-u{
    background:#f9f9f9;position: relative;width:100%;padding:10px 40px 0 60px;text-align: left;
}
.grey-top-u p{
    font-size: 19px;font-weight: 500;line-height: 1.2;margin:10px 0;
}
.grey-top-u p b{
    font-weight:500;color:#00c6cd
}
.grey-top-u img{
    max-width:70%;border-radius:50%;margin-top:20px;width:140px;
}
.grey-top-u span{
    font-size:18px;color:#00c6cd;padding-bottom:15px;
}
.new-window-user-i .ppp{
    width:100%;text-align: left;padding:10px 40px 10px 60px;
}
.log-content-full.new-login .new-window-user-i .ppp h2.type-t{
    font-size: 32px;
    font-weight: 700;
}
.user-options-menu a{
    padding:5px 0;
}
.icon-dsh-ms {
    text-align: right;
}
.icon-dsh-ms a{
    position: relative;margin:10px;
}
.icon-dsh-ms i{
    font-size:28px;color:#777;
}
.icon-dsh-ms a span{
    position: absolute;font-size:12px;color:#fff;background:#00c6cd !important;width:16px;height:16px;line-height:16px;border-radius: 50%;text-align: center;
}
.user-options-menu hr{
    max-width:50%;margin: 5px 0;
}
.lang-and-logout{
    margin-top: 30%;
    text-align: right;
}
.lang-and-logout a.nav-link{
    font-weight: 500;
    font-size: 12px;
    color:#00c6cd;
}
.lang-and-logout a.nav-link:hover{
    color:#222;
}

@media (min-width:1200px){
    .ml4 .letters::before{
        top:auto;bottom:40%;line-height: 0.8;
    }
}
body #chat-application{
    top:2px !important;right:80px !important;z-index: 100 !important;
}
.login-id-info {padding-bottom: 20px;}
.login-id-info h3{
    font-size:26px;font-weight: bold;margin:10px auto;line-height: 1.2;
}
.infouser{
    display: flex;flex-wrap:wrap;margin:0 -5px 0 -5px;
}
.infouser .one-infouser{
    margin:5px;
}
.infouser .one-infouser input{
    display: none;
}
.infouser .one-infouser label{
    padding:10px 20px;border:1px solid #b7b7b7;margin:0;font-weight: normal !important;color:#b7b7b7 !important;border-radius: 25px;position: relative;cursor: pointer;
}
.infouser .one-infouser input:checked + label{
    border-color:#f33c64;color:#f33c64 !important;
}
.infouser .one-infouser input:checked + label:after{
    content:'x';position: absolute;right:8px;top:50%;margin-top:-6px;line-height: 12px;font-size:12px;
}

.produkt.st-lg .header-logo{
    filter:invert(1);
}
.product-dsn .absolute-info{
    width:34%;min-height: 100vh;display: flex;padding: 80px;align-items: center;display: flex;position: fixed;left:0;background:#fff;z-index:5;overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.product-dsn .absolute-info .left{
    position: relative;overflow: auto;z-index: 3;
}
.product-dsn.active .absolute-info{
    transform: translateX(-100%);
}
.product-dsn .product-info{
    width:66%;background:#999;display: flex;flex-wrap:wrap;margin-left: auto;
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.product-dsn.active .product-info{
    width:100%;
}

.product-info .one{
    width:50%;padding:80px;text-align: center;
    background: transparent linear-gradient(159deg, #00CAD2 0%, #03BFCC 73%, #0E90B0 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}
.product-info .one:nth-of-type(2n){
    background: transparent linear-gradient(207deg, #EC4860 0%, #E43D55 76%, #C22037 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}
.product-info .one img{
    width:350px;max-width:100%;height:350px;object-fit: contain;object-position: center;margin:20px auto;
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);

}
.product-info .one:hover .img-d img{
    transform:translateY(-20px) scale(1.05);
}

.product-info .one .img-d{
    -webkit-animation: hvrimglv 3s ease-out infinite;
    -moz-animation: hvrimglv 3s ease-out infinite;
    -ms-animation: hvrimglv 3s ease-out infinite;
    -o-animation: hvrimglv 3s ease-out infinite;
    animation: hvrimglv 3s ease-out infinite;
}

@keyframes hvrimglv {
    0% {
        transform:translateY(0px);
    }
    50% {
        transform:translateY(10px);
    }
    100% {
        transform:translateY(0px);
    }
}

.product-info .one  h2{    
    font-size: clamp(40px,5vw,95px);;color:#fff;font-weight: 700;line-height: 1.2
}
.product-info .one .text{
    width:442px;max-width:100%;margin: 0 auto;letter-spacing: 0.85px;padding: 0; 
}
.product-info .one .text p{
    font-size:18px;letter-spacing: 0.67px;line-height: 1.8;
}
.product-info .one .text .btn{
    border-radius: 28px 28px 0px 0px;color:#fff;border-color:#fff;padding: 17px 30px;
}
.product-info .one .text .btn:hover{
    background:#fff;color:#01C6D0;
}
.product-info .one:nth-of-type(2n) .text .btn:hover{
    color:#E43D55;
}
.product-info .one:nth-of-type(2n) .text  .btn.btn-secondary{
    color:#E43D55 !important;
}
.product-info .one:nth-of-type(2n) .text  .btn.btn-secondary:hover{
    color:#fff !important;
}
.product-info .one .text .btn.btn-secondary{
    color:#01C6D0 !important
}
.product-info .one .text .btn.btn-secondary:hover{
    color:#fff !important;
}
.product-info .one .text .btn-groups{
    display: flex;flex-wrap: wrap;justify-content: space-evenly;
}
.product-info .one .text .btn{
    margin:5px 0;width:44%;

}
.product-dsn.active .slideWshow{
    left: 3px;filter:invert(1);
}
.slideWshow{
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 300ms;
    position: fixed;
    bottom: 75px;
    left: -200px;
    cursor: pointer !important;
    transform: rotate(90deg);
}
.slideWshow.no-rotate{    
    transform: rotate(0deg);
}
.slideWshow.no-rotate span[data-mds-title]{
    display: inline-flex;
}
.slideWshow.no-rotate span.mds-t-right[data-mds-title]:before{
    margin-left: -5px;
}
.slideWshow.no-rotate span.mds-t-right[data-mds-title]:after{
    margin-left: 5px;
}
.slideWshow.no-rotate svg{
    transform: rotate(90deg);
    margin-left: 5px;
}
.product-dsn.active .slideWclose{
    top: -120px;
}
.slideWclose{
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer !important;
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045)  300ms;
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 300ms;
}
.slideWclose svg,.slideWshow svg{
    max-width: 100%;
}
@media (max-width:1199px){
    .product-dsn .absolute-info{
        width:50%;
    }
    .product-dsn .product-info{
        width:100%;
    }
    .product-info .one{
        width:100%;
    }
}
@media (max-width:991px){
    .product-dsn .absolute-info {
        padding:50px;
    }
    .product-info .one .text p {
        font-size: 14px;
    }
}
@media (max-width:575px){
    .product-info .one{
        padding:30px;
    }
    .product-dsn .absolute-info {
        padding:30px;
        width: calc(100% - 49px);
    }
    .slideWclose{
        top:60px;right:10px;
    }
    .product-info .one .text .btn {
        font-size:11px;
        padding: 12px 20px;
    }
}

@media (max-width:480px){
    .product-info .one .text .btn{
        width:100%;
    }
    .product-info .one img{
        width:150px;height: 150px;
    }
    .product-info .one{
        padding-top: 70px;
    }
}


.product-info .one img {

    -webkit-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -moz-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -ms-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -o-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -webkit-transform: translate(0%, 10%) scale(0.9);
    -moz-transform: translate(0%, 10%) scale(0.9);
    -ms-transform: translate(0%, 10%) scale(0.9);
    -o-transform: translate(0%, 10%) scale(0.9);
    transform: translate(0%, 10%) scale(0.9);
}
.product-info .one:before{
    width:100%;height:100%;background:#000;opacity: 0;position: absolute;content:'';left:0;top:0;
    -webkit-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -moz-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -ms-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    -o-transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
    transition: all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);
}
.product-info .one{
    position: relative;display: flex;align-items: center;
}
.product-info .one:hover:before{
    opacity: 0.2;
}
.product-info .one .text{
    position: relative;z-index: 3;
}

.btn, .btn.btn-primary, .btn.btn-secondary,.button-class, .gus-btn{
    border-radius: 0px 0px 0px 0px !important;
}
.white-basket .right-nav .lang-main{
    color:#333;
}
.preview-theme-row .form-contact .contact_form .form-control,
.right-window .search_w .input-search input, body * input,.right-window .form-contact .contact_form .form-control,.log-content-full .left-login input.txtbox, .log-content-full .active-reg input.txtbox, input.form-control,.contact-window .window-content .form-contact .contact_form .form-control{
    background: transparent;
    border: 2px solid #00B6C1;
    border-radius: 28px 28px 0 0 !important;
    max-width: 100%;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 15px 20px;
    border-radius: 30px 30px 0 0 !important;
    border-color: #dadada;
}
.contact-window.contact-window-form.white .window-content .form-contact .contact_form .form-control {
    border-color: #48bcc0 !important;
}
.contact-window .window-content .form-contact .contact_form .form-control{
    background: transparent !important; border-color: #fff !important;
}
body .jconfirm.jconfirm-white .jconfirm-box,body .jconfirm.jconfirm-light .jconfirm-box{
    border-radius: 30px;
}
body .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font: normal normal bold 24px/29px Raleway;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum";
}
body .jconfirm .formNip label{
    font-weight: normal;
}
body .jconfirm input {
    background:#ECECEC !important;
    border-color:#ECECEC !important;
    width: 300px;
    margin: 5px auto;
    max-width: 100%;
}
body .jconfirm input::placeholder {
    color: #333;
}
body .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,body .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
    padding:12px 25px;
}
body .jconfirm .jconfirm-box div.jconfirm-closeIcon{
    font-size: 56px !important;
    color: #000;
}


/*menu nowe*/
.menu nav ul li a.dyn{
    color:#000;-webkit-background-clip: unset;background: transparent;-webkit-text-fill-color: unset;animation: none;position: static;margin-bottom: 20px;display: inline-block;

    font-size: clamp(24px,3vw,60px);
}
.menu nav ul li a.dyn > span,.menu nav ul li.hassubmenu ul li a span{
    position: absolute;color:#0eaeb8;height: 0px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width:100%;-webkit-text-fill-color:unset;opacity: 0;margin-top: -10px;   
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 5px;
    padding-left: 2px;
}
.menu nav ul li.hassubmenu ul li a span{
    font-size: clamp(12px,1.8vw,16px) !important;
}
.menu nav ul li a.dyn:hover{
    color:#0eaeb8
}
.menu nav ul li a.dyn:hover > span,.menu nav ul li.hassubmenu ul li a:hover span{
    opacity:1;margin-top:0px;height: 30px;font-size:clamp(12px,2vw,18px);
}
.menu nav ul li.hassubmenu ul li{
    width:50%;display: inline-block;vertical-align: top;line-height: 0.5;
}
.menu nav ul li.hassubmenu ul{
    padding:0;overflow: unset;padding-bottom: 15px;padding-top:18px;
}
.menu nav ul li.ul-opened a.dyn{
    margin-bottom: 0;
}
.menu nav ul li.ul-opened a.dyn:hover >span{
    opacity: 0;
}
.menu nav .triangle-menu{
    display: none;
}
.hassubmenu > span.pluse-a::after{
    height: 2px;
}
.hassubmenu > span.pluse-a::before{
    width:2px;
}
.hassubmenu.ul-opened > span.pluse-a::before{
    width: 0;
}
.menu nav ul li{
    line-height: 1;
}
.menu nav ul{
    margin-left: 15%;
}
.menu.mopen nav ul li{
    font-size: 18px;margin:9px 0 9px 0;
}
.hassubmenu > span.pluse-a{
    vertical-align: baseline;
}
.menu nav ul.minimenu{
    position: relative;;;display: flex;flex-direction: unset;width: calc(100% - 20%);margin-top:0;
}
.menu nav ul.minimenu li{
    min-width: 25%;flex:0 0 25%;
}
.menu nav ul.minimenu li a{
    font-size:24px;
}
body .menu nav > ul{
    margin-top:45px;
}

@media (max-width:480px){
    .menu nav ul.minimenu{
        flex-direction: column;
    }
    .menu nav ul.minimenu li {
        min-width: 100%;
        flex: 0 0 100%;
    }
    .menu nav ul.minimenu li a {
        font-size: 20px;
    }
}

.hassubmenu > span.pluse-a::before{
    width:8px;top: 2px;right: 11px;margin:0;background:#000;
}
.hassubmenu > span.pluse-a::after{
    height: 8px;
    right: 2px;background:#000;
    top: 11px;
}
.hassubmenu > span.pluse-a{
    transform: scale(0.85);
    top: -2px;
    margin-left: 30px;
}
@font-face{
    font-family:'digital-7';
    src: url('/css/front/fonts/digital/digital-7.ttf');
}
.img-menu-itm .clock-design{
    font-size:70px;color:#fff;font-weight: bold;font-family: 'digital-7', sans-serif;
    font-size:clamp(20px, 4vw,70px)
}

.img-menu-itm .clock-design span {
    background: rgba(0,0,0,0.2);
    box-shadow: 4px 4px 5px 0 rgba(0,0,0,.3) inset;
    text-shadow: 2px 2px 1px #000;
    padding: 4px 15px;
    margin-left: 5px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 5px;
}
.home-itm{
    width:100%;height:100%;padding:50px;overflow-y: auto;
}
.home-itm h2{
    font-size:clamp(40px, 7vw,150px);font-weight: 700;line-height: 1;
}
.home-itm img{
    margin-left: auto;display: inline-block;margin-top: -40px;margin-right: -10px;margin-bottom: -80px;max-width: 18vw;
}
.home-itm .text{
    font-size:clamp(20px, 2.5vw,41px);font-weight: 700;padding:0;margin-bottom: 20px;margin-top:20px;
}
.home-itm .subtitle{
    font-size:clamp(14px, 1.8vw,18px);margin-bottom: 60px;
}
.img-menu-itm{
    background-image:url('/images/front/menutop/tlo.svg');background-size: cover;
}
.home-itm .btn-groups .btn-primary{
    background:transparent;color:#fff;border-color:#fff;
}
.home-itm .btn-groups .btn-primary:hover{
    background:#fff;color:#e33d55 !important
}
.home-itm .btn-groups .btn{
    padding:16px 30px;
}

.img-menu-itm.kontakt-menu ,.img-menu-itm.news-menu,.img-menu-itm.uslugi-menu,.img-menu-itm.davi-menu,.img-menu-itm.zasoby-menu,.img-menu-itm.faq-menu{
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background-size: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1);
}
.img-menu-itm.kontakt-menu
h3 {
    font-size: clamp(40px, 6vw,120px);
    font-weight: 700;
    line-height: 1;
}
.qcode .m-title{
    font-size: clamp(12px, 1.5vw,28px);
}
.wsparcie-menu,.idavi-menu{
    background-image:url('/images/front/menutop/tlokaczka.svg');
}
.rozwiazania-menu{
    flex-wrap:wrap;
}
.rozwiazania-menu .half{
    width:100%;height: 50%;
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background-size: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1);
    position: relative;text-align: right;
}
.rozwiazania-menu .half.idavi,.zasoby2-menu{
    background-image:url('/images/front/menutop/tlokaczka.svg');background-size:cover;
}
.img-menu-itm-hover .half h3,.rozwiazania-menu .half h3{
    font-size: clamp(40px, 10vw,180px);color:#fff;opacity: 0.4;
    font-weight: 700;
    line-height: 1;
    position: absolute;top:50%;left:10%;
    transform: translateY(-50%);
}
.rozwiazania-menu .half img{
    max-height: 100%;max-width: 100%;object-fit: contain;position: relative;z-index: 3;margin-right:10%;
}

.rozwiazania-menu .half.davi img{
    margin-top:60px;margin-right:8%;
}
.rozwiazania-menu .half.davi h3{
    margin-top: -60px;left:12%;
}
.img-menu-itm-hover img{
    max-width: 100%;transform: scale(0.95);
    -webkit-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -moz-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -ms-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    -o-transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    transition: 1.1s cubic-bezier(0.67, 0.02, 0.2, 0.97) 0s;
    max-height: 100%;
}
.img-menu-itm-hover img.triangle-menu{
    transform: none;transition:none;z-index: -1;
}
.img-menu-itm-hover.active img{
    transform: scale(1);
}
.idavi-menu .half h3,.davi-menu .half h3{
    margin-top:-100px;
}
.idavi-menu .half img,.davi-menu .half img{
    margin: 40% 0 0 25%;
}

.zasoby-menu img{
    position: absolute;max-width: 80%;max-height: 50vh;
}
.zasoby-menu img:nth-of-type(1){
    top: 5%;
    left: 6%;
}
.zasoby-menu img:nth-of-type(2){
    bottom: 0;
    left: 15%;
}
.zasoby-menu img:nth-of-type(3){
    top:20%;right:0%;
}
.qcontact-col{
    width:50%;
}
.q-code-img img{
    width:80px;
}
.triangle-menu{
    z-index: -1;
}
.img-menu-itm-hover .oneroz h3{
    font-size: clamp(40px, 10vw,180px);color:#fff;opacity: 0.4;
    font-weight: 700;
    line-height: 1;
}
.img-menu-itm-hover .oneroz h4{
    font-size: clamp(20px, 2.4vw,46px);color:#fff; font-weight: 700;
}
.img-menu-itm-hover .oneroz{
    text-align: center;
    padding-top: 50vh;
}
.img-menu-itm-hover .oneroz img{
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    object-fit: contain;
    transform: translateX(-50%);
    height: 75vh;
}

.img-menu-itm-hover.active  .oneroz img{
    transform: translateX(-45%) scale(1);
}

.davi .paymant_final .button-order-finish{
    background: #5BC3C6;
}

.davi .paymant_final .button-order-finish:hover{
    border-color: #5BC3C6;
}

.paymant_final .button-order-finish{
    border-color: #fff;
}
.paymant_final .button-order-finish:hover{
    background: rgba(255,255,255,0.9);
}

.right-window.lang-window .window-centered,
.right-window.search-kariera-window .window-centered,
.right-window.search-window .window-centered{
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}
.right-window .search_w .input-search i{
    right: 18px;
    background: #fff;
    font-size: 18px;
}
.right-window .search_w .form-control.error{
    border-bottom-color: #ff0000;
}
.search-result .flex-content h3 a {
    color: #fff;
}
.search-result .flex-content .price,
.search-result .flex-content .meta-search{
    color: #fff;
}
body.blog-wpis-dsg .content-page,.blog-wpis-dsg h2.type-t{
    background: #fff !important;
    color:#000 !important;
}
.blog-wpis-dsg a.back-to,.blog-wpis-dsg a.back-to i{
    color:#000;
}
.blog-wpis-dsg .lines{
    display: none;
}
.blog-wpis-dsg section.full-section.social-newsl{
    overflow: hidden;
}
body.blog-wpis-dsg .container:not(.container-item){
    max-width: 100%;
}

body.white-basket.blog-wpis-dsg,body.white-basket.blog-bg {
    background-image: url('/images/front/bgcolor.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-color: #e33d55;
}

.back-btn-top svg g{    
    -webkit-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.back-btn-top:hover svg g#Rectangle_5{
    transform: translate(19px, 0)
}
.back-btn-top:hover svg g#Rectangle_6{
    transform: translate(19px, 19px)
}
.back-btn-top:hover svg g#Rectangle_7{
    transform: translate(0px, 0px)
}
.back-btn-top:hover svg g#Rectangle_8{
    transform: translate(0px,19px)
}
.back-btn-top svg g#Rectangle_5{
    transform: translate(0, 0px)
}
.back-btn-top svg g#Rectangle_6{
    transform: translate(19px, 0px)
}
.back-btn-top svg g#Rectangle_7{
    transform: translate(0px, 19px)
}
.back-btn-top svg g#Rectangle_8{
    transform: translate(19px, 19px)
}
.back-btn-top span{
    font-size: 0;position: absolute;
    -webkit-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    width: 86px;
    left: -25px;
    text-align: center;color:#fff !important;
}
.back-btn-top:hover span{
    font-size:14px;color:#fff !important;
}

.filter-container .bootstrap-select .dropdown-menu li a{
    fotn-size:14px;font-weight: 400;color:#828282;
}
.filter-container .dropdown-menu{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #000000;
    border:none;
}
.filter-container .bootstrap-select .dropdown-menu  .active,.filter-container .bootstrap-select .dropdown-menu  li a:hover{
    background:transparent !important;
}
.product-info .filter-container .bootstrap-select .dropdown-menu  .active,.product-info .filter-container .bootstrap-select .dropdown-menu  li a:hover{
    background-color: #48bcc0 !important;
}
/*.bootstrap-select .dropdown-menu li a.active span.text, .bootstrap-select .dropdown-menu li a:hover span.text{
    color:#00B6C1 !important
}*/
.bootstrap-select .dropdown-menu > .active > a span.text, .bootstrap-select .dropdown-menu > .active > a:focus span.text, .bootstrap-select .dropdown-menu > .active > a:hover span.text{
    color:#fff !important
}
.filter-container .dropdown-menu{
    min-width: 200px !important;
    padding:8px 0;
    right: 0;
}
.filter-container .bootstrap-select .dropdown-menu li a{
    text-align: left;padding:8px;padding-left: 15px;text-transform: lowercase;color:#828282;
}
.filter-container  .bootstrap-select .dropdown-menu li a span.text{
    color:#828282;
}

.menu-dimness.active, .menu-dimness-login.active{
    opacity: 1;background:rgba(72, 188, 192,0.9);
}
.menu-dimness::before {
    position: fixed;
    z-index: 2;
    width: calc(100% - 500px);
    max-width:980px;
    background-image: url('/images/front/menu/triangles.png');
    height: 100%;
    background-size: contain;
    content: '';
    background-repeat: repeat;
    background-position: center;
    left: 20px;
}
@media (min-width: 1300px){
    .menu-dimness::before {
        width: 980px;
        background-repeat: no-repeat;
        left: calc(50% - 500px - 250px);
    }
}

.product-dsn .absolute-info.red{
    background-color: #e33d55;
    background-image: url('/images/front/menutop/tlokaczka.svg');
    background-size: cover;
}

.product-dsn .absolute-info.blue{    
    background: rgb(0,145,158);
    background: -moz-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: -webkit-linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background: linear-gradient(21deg, rgba(0,145,158,1) 13%, rgba(0,203,211,1) 70%);
    background-size: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00919e",endColorstr="#00cbd3",GradientType=1);
}
.product-dsn .absolute-info.radius{
    border-radius: 0 30px 30px 0;
}
.copyright {
    margin-top: 30px;
    margin-bottom: -20px;
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
}
.mds-logo {
    background-image: url('/images/front/logo-white.png');
    width: 50px;
    height: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    transform: translateY(0px);
}
.mds-logo:hover {
    opacity: 0.8;
    transform: translateY(4px);
}
.right-nav .slide-nav-right a{
    display: inline-block;
}
[data-mds-title]:after {
    content: attr(data-mds-title);
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
    font-size: 12px;
    position: absolute;
    padding: 4px 15px 4px 15px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    opacity: 0;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 7px;
    z-index: 99999;
    visibility: hidden;
}
[data-mds-title]:before {
    content: "▲";
    position: absolute;     
    opacity: 0;
    visibility: hidden;
    z-index: 100000;
    line-height: 1;
    color:#000;
    border: 0;
    font-size: 13px;
}
[data-mds-title]:hover:after,
[data-mds-title]:hover:before {
    opacity: 1;
    transition: all 0.1s ease 0.1s;
    visibility: visible;
}
[data-mds-title] {
    position: relative;
}
.mds-t-left[data-mds-title]:before,
.right-nav [data-mds-title]:before {
    top: 45%;
    transform: translateY(-50%) rotate(90deg) scale(1.4, 0.9); 
    right: 100%;
    margin-top: -1px;
    margin-right: -0px; 
    text-shadow: 0px -2px 3px rgba(0, 0, 0, 0.8);
}
.mds-t-left[data-mds-title]:after,   
.right-nav [data-mds-title]:after {    
    top: 45%;
    transform: translateY(-50%);
    right: 100%;
    margin-right: 10px;
    text-transform: capitalize;
}

.mds-t-top[data-mds-title]:before {       
    top: 0%;
    transform: translateX(-50%) rotate(180deg) scale(1.8, 0.9);
    left: 50%;
    margin-top: -4px;
    margin-left: -2px; 
}
.mds-t-top[data-mds-title]:after{
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -4px;
}

.lighttp[data-mds-title]:after{
    color:#fff;
    background: rgba(72, 188, 192, 1);
    border-color: rgba(72, 188, 192, 1);
    box-shadow: 1px 1px 3px rgba(72, 188, 192, 0.9);
}
.lighttp[data-mds-title]:before {  
    color:rgba(72, 188, 192, 1);
    text-shadow: 0px -2px 3px rgba(72, 188, 192, 0.9);
}

.mds-t-white[data-mds-title]:after{
    color:#333;
    background: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 4px rgba(72, 188, 192, 0.8);
}
.mds-t-white[data-mds-title]:before{
    color: #fff;    
    text-shadow: 0px -3px 3px rgba(72, 188, 192, 0.8);    
}

.mds-t-left.mds-t-white[data-mds-title]:before,   
.right-nav .mds-t-white[data-mds-title]:before{
    color: #fff;    
    text-shadow: 1px -2px 3px rgba(72, 188, 192, 0.8)  
}

.mds-t-right.mds-t-white[data-mds-title]:before{
    color: #fff;    
    text-shadow: -1px -2px 3px rgba(72, 188, 192, 0.8)  
}
.mds-t-right[data-mds-title]:before{
    top: 45%;
    transform: translateY(-50%) rotate(270deg) scale(1.4, 0.9); 
    left: 100%;
    margin-top: -1px;
    margin-right: -0px; 
    text-shadow: 0px -2px 3px rgba(0, 0, 0, 0.8);
}
.mds-t-right[data-mds-title]:after{    
    top: 45%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 10px;
}


.cart-r-window #basket-top .rTableCell .product-info .border-image img{
    object-fit: contain;
}
.cart-r-window #basket-top{
    width: 100%;
}
.cart-r-window #basket-top .rTableBody .rTableRow .rTableCell{
    width: auto;
}
#basket-count span{
    top: -10px;
    border-radius: 50%;
}
.cart-r-window #basket-top .basket-top-class.empty-basket{
    width:100%;
}
.menu-dimness.menu-cart-davi:after,
.menu-dimness.menu-cart-idavi:after {
    position: fixed;
    z-index: 2;
    width: calc(100% - 500px);
    max-width: 980px;
    height: 60%;
    background-size: contain;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    top: 20%;
    left: 20px;
}
.menu-dimness.menu-cart-idavi:after {    
    background-image: url('/images/front/questionare.png');
}
.menu-dimness.menu-cart-davi:after {
    background-image: url('/images/front/davilogo.png');
}

.basket-top-class .rTableRow{
    border: 0;
}

.basket-top-class .zasoby-basket .one-pzl-of-bas{
    margin:10px 0;border:1px solid transparent;padding:0 15px;font-size:13px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .btn-remove{
    padding:5px 10px;border:1px solid #fd3f68;background:#fd3f68;color:#fff;margin-top:5px;display:inline-block;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas img{
    width:60px;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .title{
    font-weight:bold;font-size:14px;margin:6px 0;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .txt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .txt > *{
    width:40%;text-align: left;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .txt > *:last-of-type{
    width:20%;text-align: center;
}
.basket-top-class .zasoby-basket .one-pzl-of-bas .txt .price{
    font-size: 14px;
}
@media (max-width:480px){
    .basket-top-class .zasoby-basket .one-pzl-of-bas .txt{
        flex-wrap: nowrap; padding: 0px 0;
    }
    .basket-top-class .zasoby-basket .one-pzl-of-bas .txt > *{
        width:50%;font-size: 14px;
    }
    .basket-top-class .zasoby-basket .one-pzl-of-bas .txt .price{
        font-size: 12px; padding:0 10px;line-height: 1.5;
    }
    .basket-top-class .zasoby-basket .one-pzl-of-bas .txt div.img-b,
    .basket-top-class .zasoby-basket .one-pzl-of-bas .txt img.img-responsive{
        width: 45px !important;
        min-width: 45px !important;
    }
    .basket-top-class .rTablePrice{
        margin-top: -40px !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 1300px){
    .menu-dimness.menu-cart-davi:after,
    .menu-dimness.menu-cart-idavi:after {
        width: 980px;
        background-repeat: no-repeat;
        left: calc(50% - 500px - 250px);
    }
}
@media (max-width:640px){
    .basket-top-class .table-prod .n1{
        font-size: 15px !important;
    }
    .basket-top-class .table-prod .n2,
    .basket-top-class .table-prod .n3{
        font-size: 13px !important;
    }


}

.right-window .close-new{
    z-index: 501;
}

@media (max-width: 1380px){
    body .menu nav > ul{
        margin-top: 20px;
    }
    .home-itm h2 {
        font-size: clamp(40px, 6.5vw,150px);
    }
    .home-itm .text {
        font-size: clamp(20px, 2.1vw,41px)
    }
    .home-itm .subtitle{
        margin-bottom: 35px;
    }
    .home-itm{
        padding:35px 50px 10px;
    }
    .home-itm .btn-groups .btn {
        padding: 12px 23px;
        margin: 5px;
    }
}
#smartsupp-widget-container > div{
    right:80px !important; bottom:10px !important;
}
.to-top{
    right:138px;
}
.menu-opened #smartsupp-widget-container{z-index: -1;visibility: hidden;}
.product-info .one.disable-bn .btn-groups{
    opacity: 0;visibility: hidden;
}
.product-info .one.disable-bn{
    filter:grayscale(1);opacity: 0.3;
}
.product-dsn .product-info.dandid{
    background:#fff;
}
.product-dsn.active .slideWshow {
  left: 0;
}
@media (max-width:480px){
    .menu nav ul li a.dyn{
        margin-bottom:0;
    }
    .menu nav {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .menu nav ul.minimenu {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .hassubmenu > span.pluse-a::before {
        width: 5px;
        top: 1px;
        right: 12px;
    }
    .hassubmenu > span.pluse-a::after {
        height: 5px;
    }
    .full-banner .new-number .num {
        transform: scale(0.8)
    }
    .new-navi-banner i {
        font-size: 20px;
        line-height: 34px;
        width: 40px;
        height: 40px;
    }
    .one-slide .btn-df .btn{
        text-align: center;
    }
    body .post-content .container .psc .blog-list-content{margin-left:-15px;margin-right: -15px;}
    .st-lg.blog-bg.white-basket  .right-nav{background:transparent;}
    .slideWclose svg{width: 30px;}
    .slideWclose{z-index: 21;}
    .slideWshow svg{width: 30px;}
    .empty-basket .top-cnt-bs div{flex-wrap: wrap;justify-content: center;}
    .empty-basket .top-cnt-bs .button-class{margin:5px !important;}
    .ml4 .letters:before{font-size:124%}
    .skip-intro{font-size:16px;}
    .content-page .product-dsn.active .product-info .zasoby-content,.content-page .product-dsn.active .product-info .uslugi-content{
        width: 100%;
        padding-right: 0px;
    }
    .content-page .one-zs{
        height:auto;
        min-height:50vh;
    }
    .content-page .one-zs .icon-i{
        margin-bottom: 35px;
    }
    .content-page .nav-cat{
        height: 120px;
    }
    .content-page .product-dsn .absolute-info.radius{
        border-radius:0;
    }
    .sort-by .bootstrap-select .dropdown-menu > .active > a span.text{
        color:#000 !important;
    }
    .content-page .filter-container{
        padding:10px 30px 10px 0 !important
    }
    .sort-by-title{
        display: none;
    }
    .filter-container .dropdown-menu{
        left:0;
    }
    .back-btn-top span{
        left:50%;
        transform: translateX(-50%);
        margin-top: 2px !important;
    }
    .product-info .filter-container + .puzzle-cnt{
        margin:0;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .filters a{
        cursor: pointer;
    }
    .bootstrap-select > .dropdown-toggle{
        letter-spacing: normal;
    }
    .showform header .header-logo{
        left:-50px !important
    }
    .preview-theme-row h3.title{
        font-size:24px !important;
    }
    .more-info-b .p-name-integration{display: none;}
    .new-number .num{letter-spacing: -2px;}
   .pomoc  .product-info .filter-container + div{margin-right: 0 !important}
   .pomoc .one-pzl-of .ttt{font-size:18px;}
   .pomoc .puzzle-cnt{padding:10px;}
}

.order-table .table-striped tbody tr.empty,
.order-table tr.empty,
.address-table tr.empty{
    background-color: transparent !important;
}
.product-dsn .filter-container  .bootstrap-select .dropdown-menu li.active a span.text{
    color:#000 !important;
}
.subcategories-content{
    display: flex;
    flex-wrap:wrap;
    padding-top: 80px;
    margin-bottom: -80px;
    z-index: 2;
    position: relative;
    width:100%;margin-right: 70px;
}
.subcategories-content .one-zs {
    width: 33.33%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 0 1px #f2f2f2;
    flex-direction: column;
    padding:15px 20px;
}
.subcategories-content .one-zs .hover-nw {
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    width: 0;
    height: 0;
    border-radius: 50%;
    position: absolute;
    background: #00B6C1;
    opacity: 0.4;
}
.subcategories-content .one-zs:hover * {
    color:#fff !important;
}
.subcategories-content .one-zs:hover .hover-nw {
    transform: scale(3);
    width: 300px;
    height: 300px;
    opacity: 1;
    border-radius: 50%;
    background: #00B6C1;
}
.subcategories-content .one-zs img{
    width:60%;
    max-height: 20vh;
    margin:0 !important;
    position: relative;
    object-fit: contain;
    z-index: 2;
    transform: scale(0.8);
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.subcategories-content .one-zs:hover img{
    transform: scale(1)
}
.subcategories-content .one-zs * {
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.subcategories-content .one-zs .title {
    position: relative;
    z-index: 3;
    font-size: clamp(18px,1.8vw,32px);
    font-weight: 700;
    line-height: 1.2;text-align: center;
    letter-spacing: 0.16px;
    color: #000000;
    z-index: 2;
    margin-bottom: 15px;
}
.subcategories-content .one-zs .mrs {
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0.36px;
    font-size: 15px;
    color: #000;
    position: relative;
    z-index: 2;
}
.one-pzl-of .txt .flip-card img{
    max-height:100%
}

@media (max-width:1199px){
    .subcategories-content{
        margin:0;
        padding:0;
        margin-right: 30.5px;
    }
}

@media (max-width:480px){
    .subcategories-content .one-zs{
        width:50%;
    }
    .subcategories-content{
        margin-right: 40px;
        padding:0 1px;
    }
    .content-page .subcategories-content .one-zs{
        min-height: 1px;
    }
}
.cont-d div.p h1{
	line-height:1;font-size:clamp(28px,2.6vw,46px);
}
.cont-d div.p h2{
	line-height:1;font-size:clamp(22px,2.2vw,36px);font-weight: bold;
}
.cont-d div.p h3{
	line-height:1;font-size:clamp(18px,1.8vw,30px);
}

.has-error-p{
    position: relative;
}
.has-error-p::before {
  color: #fff;
  content: "\f071";
  font: normal normal normal 14px/1 FontAwesome;
  display: block;
  position: absolute;
  right: 10px;
  top: 16px;
}
[class^='col-'].has-error-p::before {
    padding-right: 15px;
}
.form-contact-fast .has-error-p::before {
    color:#D12D28;
    padding-top: 3px;
}
div.p img{
    max-width: 100%;
    height: auto !important;    
    object-fit: contain;
    object-position: center;
}

i.fcx{
    display:block;color: #48bcc0;font-size: 10px;line-height: 1.2;
}
#CybotCookiebotDialogPoweredbyCybot,#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo{display:none !important;opacity:0;}
#CookiebotWidget:not(.CookiebotWidget-inactive){z-index:122 !important;}
body > .loader{z-index:999999999}
.hide.hidden.none{display:none !important;}


.custom-control-label a{
    text-decoration: underline;
}