header{background:rgba(0,0,0,0.03)}.wrapper{padding:30px 0 0 0;position:relative}.wrapper h2{color:#070002;font-size:18px;font-weight:600;line-height:24px;text-align:left;margin-bottom:16px}.ten-reasons h3{color:#070002;font-size:16px;font-weight:600;line-height:22px;padding-top:10px;text-align:left;margin-bottom:15px}.ten-reasons p{color:#040000;font-size:14px;line-height:18px;padding-bottom:10px;text-indent:16px}.ten-reasons .redround{text-indent:15px}.ten-reasons .redround:before{content:'';margin-top:7px;margin-left:-14px;width:7px;height:7px;background:#e92626;text-indent:10px;position:absolute;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}.ten-reasons .redroundp:before{content:'';margin-top:4px;margin-left:-14px;width:7px;height:7px;background:#e92626;text-indent:10px;position:absolute;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}.ten-reasons .img-kont{text-align:center;width:100%;margin-top:10px}.other-text-two a{color:#e92626}.ten-reasons .img-kont img{width:100%}.ten-reasons .img-kont-two{text-align:center;width:100%;display:none;margin-top:10px}.ten-reasons .img-kont-two img{width:100%}.ten-reasons h5{color:#040000;font-size:10px;font-weight:200;text-align:center}footer{background:rgba(0,0,0,0.03);box-shadow:2px 0 10px rgba(0,0,0,0.1)}.learn{margin-top:60px;position:relative}.learn::after{content:'';top:-10%;left:0;width:100%;height:25%;position:absolute;background:url("../img/learn-bg2.png") no-repeat 50% 50%;background-size:cover}.learn .learn-content{z-index:1;padding:15px 0;position:relative}.learn .learn-content h4{width:100%;color:#030303;font-size:20px;font-weight:400;line-height:28px;text-align:center;margin-bottom:20px}.learn .learn-content h4 span{color:#d3571a}.learn .learn-content ul{position:relative;margin-left:10px;padding:15px 0 15px 25px}.learn .learn-content ul::after{content:'';top:0;left:0;width:2px;height:100%;position:absolute;background:#717171}.learn .learn-content ul li{color:#030303;font-size:16px;font-weight:400;line-height:20px;position:relative;margin-bottom:10px;padding-bottom:10px}.learn .learn-content ul li:hover span{border:1px solid #e70f0f}.learn .learn-content ul li:hover span::after{background:#e70f0f}.learn .learn-content ul li:hover p{transform:translate(10px, 0)}.learn .learn-content ul li::before{content:'';left:10%;bottom:0;height:1px;width:200px;position:absolute;background:#717171}.learn .learn-content ul li:last-child{margin-bottom:0;padding-bottom:10px}.learn .learn-content ul li span{top:-3px;left:-38px;width:28px;height:28px;border-radius:50%;position:absolute;border:1px solid #717171;transition:all 0.5s}.learn .learn-content ul li span::after{content:'';top:50%;left:50%;width:6px;height:6px;position:absolute;border-radius:50%;background:#717171;transform:translate(-50%, -50%)}.learn .learn-content ul li p{padding:0;transition:all 0.5s}.learn .learn-content ul li p a{color:#030303;display:inline-block}.learn .learn-img{width:240px;margin:0 auto;position:relative}.learn .learn-img img{width:100%;display:flex}.learn .learn-img .links{left:50%;bottom:10%;width:100%;text-align:center;position:absolute;transform:translate(-50%, 0)}.learn .learn-img .links .contact-link{z-index:2;font-size:14px;color:#ffffff;font-weight:400;line-height:22px;border-radius:5px;position:relative;display:inline-block;padding:7px 20px 5px;border:1px solid #d3571a;background-color:#d3571a;transition:all 0.5s}.learn .learn-img .links .contact-link:hover{color:#d3571a;background-color:#ffffff}.learn .learn-img .links .sosial{left:50%;z-index:1;width:100%;bottom:40px;position:absolute;transition:all 0.5s;transform:translate(-50%, 0)}.learn .learn-img .links .sosial li{margin:0 5px;display:inline-block;transform:translate(0, 160%);transition:all 0.5s}.learn .learn-img .links .sosial li:nth-child(2){transition:all 0.5s 0.2s}.learn .learn-img .links .sosial li:nth-child(3){transition:all 0.5s 0.3s}.learn .learn-img .links .sosial li:nth-child(4){transition:all 0.5s 0.4s}.learn .learn-img .links .sosial li img{width:24px}.learn .learn-img .links .sosial li .mob{display:block}.learn .learn-img .links .sosial li .desc{display:none}.learn .learn-img .links .sosial.active li{transform:translate(0, 0)}.col-2{top:0;left:0;width:100px;display:none;position:absolute}.title{text-align:left;margin-bottom:10px}.title h2{color:#050001;font-size:26px;font-weight:400;line-height:30px;padding-right:80px;margin-bottom:15px;display:inline-block;letter-spacing:0.5px;border-bottom:1px solid #050001}@media screen and (min-width: 768px){.col-2{top:26px;left:20px;width:130px;display:block}.wrapper h2{font-size:26px;line-height:32px;margin-bottom:35px}.wrapper h3{font-size:22px;line-height:28px}.wrapper p{font-size:18px;line-height:22px;padding-bottom:15px}.ten-reasons .redround:before{margin-top:9px}.ten-reasons .redroundp:before{margin-top:7px;width:8px;height:8px}.learn::after{top:35%;opacity:0.5;height:50%}.learn .learn-content{width:56%;padding:20px 0 75px}.learn .learn-content h4{font-size:26px;text-align:left;line-height:34px}.learn .learn-content ul li{font-size:18px;line-height:22px;margin-bottom:20px;padding-bottom:10px}.learn .learn-content ul li::before{width:300px}.learn .learn-content ul li span{top:-4px}.learn .learn-img{bottom:0;right:6%;position:absolute}.title{margin-bottom:25px}.title h2{font-size:38px;line-height:46px;margin-bottom:15px;padding-right:115px;letter-spacing:0.5px}}@media screen and (min-width: 1024px){.wrapper{padding:55px 0 0}.wrapper .resp{width:56%;float:left}.wrapper .img-kont{width:40%;margin-top:0px;float:right}.wrapper .img-kont-two{width:40%;float:left;display:block}.wrapper .resp-two{width:56%;float:right}.wrapper .resp-two img{width:100%}.ten-reasons .redround{text-indent:20px}.ten-reasons .redround:before{margin-left:-19px;width:9px;height:9px}.ten-reasons .redroundp:before{margin-left:-20px}.ten-reasons h3{padding-top:0px}.ten-reasons p{text-indent:21px}.ten-reasons .img-kont img{margin-top:10px}.learn .learn-img .links .sosial li .mob{display:none}.learn .learn-img .links .sosial li .desc{display:block}.title{text-align:left;margin-bottom:20px}.title h2{font-size:32px;line-height:38px}}@media screen and (min-width: 1340px){.wrapper p{font-size:18px;line-height:32px;padding-bottom:15px}.wrapper .resp{width:70%}.wrapper .img-kont{width:25%}.wrapper .img-kont-two{width:25%}.wrapper .resp-two{width:70%}.other-text-two{margin-top:26px}.ten-reasons .redroundp:before{margin-top:12px}.learn::after{top:33%;height:100%}.learn .learn-content{width:65%}.learn .learn-content ul li p{font-size:18px;line-height:22px}.learn .learn-img{width:260px}.title{margin-bottom:30px}.title h2{font-size:45px;line-height:52px;margin-bottom:15px}}@media screen and (min-width: 1340px){.title h2{font-size:50px;line-height:60px}}

.video-popup{
    z-index: 99;
}

.ten-video h4{
    color: #050001;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.ten-video h4 span{
    color: #d3571a;
}

.ten-video .ten-video-content .img{
    margin-bottom: 30px;   
}

.ten-video .ten-video-content .img .video{
    cursor: pointer;
    position: relative;
}

.ten-video .ten-video-content .img .video img{
    width: 100%;
}

.ten-video .ten-video-content .img .video .play {
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 36px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    background: url('../img/youtube.svg') no-repeat 50% 50%;
    background-size: cover;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.ten-video .ten-video-content .img .video:hover .play {
    transform: translate(-50%, -50%) scale(1.4);
}

.ten-video .ten-video-content .img span{
    display: block;
    color: #050001;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

.ten-video .ten-video-content .text p {
    color: #040000;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
    text-indent: 16px;
}

.fag{
    padding-top: 50px;
}

@media screen and (min-width: 768px) {

    .ten-video .ten-video-content .text p {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 15px;
    }

    .ten-video .ten-video-content .img .video .play {
        width: 60px;
        height: 42px;
    }

    .fag{
        padding-top: 70px;
    }

}

@media screen and (min-width: 1024px) {

    .ten-video {
        margin-bottom: 25px;
    }

    .ten-video h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .ten-video .ten-video-content {
        display: flex;
        justify-content: space-between;
    }
    
    .ten-video .ten-video-content .img{
        width: 48%;
    }

    .ten-video .ten-video-content .text{
        width: 48%;
    }

    .fag{
        padding-top: 110px;
    }

}