/*Top slide*/
.home .headnav{position: absolute;z-index:3;left:0;right: 25px; color:#fff;}
.home .s_mn svg {fill: #fff;}
.home .brand{position: relative;transform: none;left:0;top:0;display: block;text-align: left;}
.home .brand .logohg{max-width:320px;height:250px;}

@media (max-width:1147px){
.home .brand{top: 50px;}
.home .brand .logohg{height: 220px;}
}

.home .top-section .brand_santa{position:absolute;right:auto;left: 115px;top: 27px;transform:rotate(4deg);z-index:3;}

.top_slides_tp{position:relative;overflow: hidden;box-shadow: 0 20px 40px 0 rgba(0,0,0,0.4);}
.top_slides_bt{width:100%;max-width:1147px;margin: 0 auto;position:relative;}
.top_section_wrap{position: absolute;bottom:220px;left:0;width:100%;z-index:2;}
.top-section{text-align: center;color:#fff;}
.top_slides_tp h1{display:block;margin:0;padding:0 0 15px;position:relative;font-size:2.8em;line-height:1;font-style:normal;font-weight:500;}
.top_slides_tp h1 sub{font-size:70%;display: block;line-height:1.1;padding:0 0 10px;}
.top_slides_tp .text-block{line-height:1.1;font-size:2.1em;padding:0 0 10px;}
.top_slides_tp a:hover{text-decoration:none}

.owlidx{opacity:1;display: block;position:relative;min-height:635px;height:75vh;}
.owlidx .owl-wrapper-outer{position:relative;height:75vh;min-height:635px;}
.owlidx .owl-wrapper-outer .owl-wrapper{position:relative;height:75vh;min-height:635px;}
.owlidx .owl-item {height:75vh;min-height:635px;position: relative;}
.owlidx .owl-item::after{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.65);}
.owlidx .owl-item img {margin-top:25%;transform: translateY(-50%);height:auto;}


.owlidx .owl-nav{width: 120px;height: 60px;}


.top_slides_tp .owl-headnav{width:120px;height:60px;position:absolute;bottom:10px;right:0;z-index:2;}
.top_slides_tp .owl-prev{top:0;}
.top_slides_tp .owl-next{top:0;}
.top_slides_tp .owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.top_slides_tp .owl-theme .owl-controls .owl-buttons div:hover{opacity: 1;}

.descr_wrap_pg{position:absolute;bottom:80px;left:50%;transform: translateX(-50%);width:100%;max-width:1147px; z-index: 2;color:#fff;}
.description_pg{position:absolute;right: 0;bottom: 0;}
.area_numttl{display: flex;align-items:center;flex-wrap: wrap;margin:0 0 10px;}
.area_numttl h2{margin-bottom:0;}
.description_pg .number{font-size:22px;margin:0 0 0 25px;position: relative;}
.description_pg .number span{text-shadow: 0 0 6px #555;z-index: 2;color: #fff;display:flex;align-items: center;justify-content: center;}
.description_pg .number span:before{content:'';z-index: -1;position:absolute;left: 50%;top:50%;transform: translate(-50%,-50%); background:rgba(96,125,139,0.53);width:90px;height:90px;border-radius: 50px;box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);}
.description_pg .more{text-decoration: underline;}
.description_pg .more:hover{color:#2AA93E}


@media (max-width:1147px){
.owlidx .owl-item img {margin-top:0;transform: translateY(0);height:100%;width: auto;}
.description_pg{right:20px;}
.top_slides_tp .owl-headnav{right:20px;}
}
@media (max-width:768px){
.brand{top: 25px;}
.home .brand{display:inline-block;text-align: left;}
.top_slides_tp{min-height:0;text-align: center;}
.top_section_wrap{justify-content: center;text-align: center;top:0;left: 50%;transform: translateX(-50%);}
.top_slides_bt {position: absolute;top: 0;left: 0;height: 100%;}
.top_slides_tp h1{font-size: 1.7em;line-height: 1;padding:0 10px 10px;}
.top_slides_tp .text-block{font-size:1.3em;padding:0 10px 15px;}
.top_slides_tp .owl-headnav{left: 50%;transform: translateX(-50%);bottom: 20px;right:auto;}
.descr_wrap_pg{bottom:80px;}
.description_pg{left:10px;right:10px;bottom:0;text-align: center;}
.area_numttl {justify-content: center;}
.description_pg .number {text-align: center;}
.description_pg .number span:before{width:80px;height:80px;}

.owlidx,
.owlidx .owl-wrapper-outer,
.owlidx .owl-wrapper-outer .owl-wrapper,
.owlidx .owl-item {min-height:570px;}
}


/*featured*/
.show_last{background:#171a23;color:#fff;}
.show_last .section-title {margin-bottom:20px;}

.featured_img{border-right:1px solid #2AA93E;}


.featured-works-carousel .slide{position:relative;padding:0 0 40px;text-align:left}
.featured-works-carousel .slide .image{position:relative;}
.featured-works-carousel .slide .image:before{content: '';z-index:2;position:absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(49,49,49,0.4) 100%);}
.featured-works-carousel .slide .image img{border-radius:10px;filter: grayscale(0.2);}
.featured-works-carousel .slide .title{padding-bottom:15px;}
.featured-works-carousel .slide .title h3{display:inline-block;margin: 0;font-size:30px;font-weight:300}
.featured-works-carousel .slide .info{margin-bottom:20px}
.featured-works-carousel .slide p{margin-bottom:20px}
.featured-works-carousel .owl-controls{position:absolute;left:40px;bottom:33px;z-index: 2;}
.featured-works-carousel .owl-nav{width:120px;height:65px;}

@media (min-width: 992px) and (max-width: 1199px) {
.featured-works-carousel .slide .image{width:560px}
}

@media (min-width: 768px) and (max-width: 991px) {
.show_last .section-title {text-align: center;}
.show_last .separator {margin: 10px auto;}
.show_last .btn_leftctr {justify-content: center;}
.featured-works-carousel .slide .image{width:420px}
.featured-works-carousel .slide .title h3{font-size:26px}
.featured-works-carousel .slide .title{padding:25px}
.featured-works-carousel .owl-controls{bottom:-20px}
}


@media (max-width: 767px) {
.show_last .section-title {text-align: center;}
.show_last .separator {margin: 10px auto;}
.featured-works-carousel .slide{padding: 30px 0 70px;}
.featured-works-carousel .slide .image{width:100%;margin-bottom:30px}
.featured-works-carousel .slide .image img{max-width:100%;width:100%;height:auto;}
.featured-works-carousel .slide .title{right:inherit}
.featured-works-carousel .owl-controls{bottom:5px;left: 50%;transform: translateX(-50%);}
.featured-block{margin:50px 0}
.featured_info{text-align:center;}
.featured-works-carousel .owl-nav {position: relative;top: auto;transform: none;}
 }


/*Lego*/ 
.lego_container{position: relative;overflow: hidden;padding:100px 0 40px;}
.lego_container:before{opacity:0.3;content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-width:800px;width:100%;height:100%;background: url(../images/fbg.webp)no-repeat 14% 10%;background-size:auto 120%;}
.lego_wrap{position: relative;max-width: 800px;margin: 0 auto;min-height:450px;}
.lego_wrap:before{content:'';position:absolute;z-index:0; width:300px;height:300px;top:10%;left:0;border: 2px dashed #ddd;border-radius:15px;}
.lego_wrap:after{content:'';position:absolute;z-index:0; width:200px;height:200px;right: 0;bottom:0;border: 2px dashed #ddd;border-radius:15px;}

.btn_info_wrap{position:absolute;top:5%;left:-25px;}
.ordercall{top:0;left:0;}
.seeall{top:60px;left:0;}
.ordercall:before{background:#2AA93E url(../images/svg/info.svg)no-repeat center;}
.seeall:before{background:#2AA93E url(../images/svg/light.svg)no-repeat center;}
.btn_info{position:absolute;z-index:5;width:50px;height:50px;border-radius:50px;background:#2AA93E;}
.btn_info:before{content:'';position:absolute;top:0;left:0;z-index:5;width:50px;height:50px;border-radius:50px;animation:rotate 1.5s infinite ease-in-out;box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}
.btn_info span{position:absolute;top:7px;left:25px;border-radius:50px;color:#fff;visibility: hidden;transform:translateX(-100%);opacity:0;white-space:nowrap;line-height:1;padding:10px 15px 10px 35px;transition:0.4s ease-in-out;}
.btn_info:hover span{visibility:visible;transform:translateX(0);opacity:1;background:#607D8B;}
.btn_info span:hover{background:#2AA93E;}

  

.lego_item{max-width:100%;height:auto;position:absolute;top:0;left:0;z-index:1;}
.lego1{animation:lego1 8s linear;animation-iteration-count:infinite}
.lego2{animation:lego2 8s linear;animation-iteration-count:infinite}
.lego3{animation:lego3 8s linear;animation-iteration-count:infinite;z-index:3;}
.lego4{animation:lego4 8s linear;animation-iteration-count:infinite;z-index:2;}
.lego5{animation:lego5 8s linear;animation-iteration-count:infinite}
.lego6{animation:lego6 8s linear;animation-iteration-count:infinite}
.lego7{animation:lego7 8s linear;animation-iteration-count:infinite;z-index:3;}
.lego8{animation:lego8 8s linear;animation-iteration-count:infinite;z-index:3;}
.lego9{animation:lego9 8s linear;animation-iteration-count:infinite;z-index:4;}


@keyframes lego1 {0%{transform:translateY(100%);opacity:0;}8%{transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(100%);opacity:0;}}
@keyframes lego2 {0%{transform:translateX(100%);opacity:0;}8%{transform:translateX(100%);opacity:0;}16%{transform:translateX(0);opacity:1;}95%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}
@keyframes lego3 {0%{transform:translateX(-100%);opacity:0;}16%{transform:translateX(-100%);opacity:0;}24%{transform:translateX(0);opacity:1;}95%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}
@keyframes lego4 {0%{transform:translateY(-100%);opacity:0;}24%{transform:translateY(-100%);opacity:0;}32%{transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(-100%);opacity:0;}}
@keyframes lego5 {0%{transform:translateX(-100%);opacity:0;}32%{transform:translateX(-100%);opacity:0;}40%{transform:translateX(0);opacity:1;}95%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}
@keyframes lego6 {0%{transform:translateX(100%);opacity:0;}40%{transform:translateX(100%);opacity:0;}48%{transform:translateX(0);opacity:1;}95%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}
@keyframes lego7 {0%{transform:translateY(-100%);opacity:0;}48%{transform:translateY(-100%);opacity:0;}56%{transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(-100%);opacity:0;}}
@keyframes lego8 {0%{opacity:0}56%{opacity:0;transform:scale(3)}64%{opacity:0.87;transform:scale(1)}95%{opacity:0.87;transform:scale(1)}91%{opacity:0.87;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes lego9 {0%{transform:translateY(-100%);opacity:0;}64%{transform:translateY(-100%);opacity:0;}72%{transform:translateY(0);opacity:1;}95%{transform:translateY(0);opacity:1;}100%{transform:translateY(-100%);opacity:0;}}

@media (max-width:920px) {
.btn_info_wrap{position:absolute;top:9%;left:-2px;}
}
@media (max-width:768px) {
.lego_container{padding:20px 10px;}
.lego_wrap{min-height:205px;background:transparent;}
.lego_wrap:before{width:180px;height:180px;}
.lego_wrap:after{width:100px;height:100px;}

}

/*time line*/
.stick-to-footer{padding-bottom:30px;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;}
@media (max-width:768px) {
.stick-to-footer{margin-bottom:0;}
}

.time-line{display: flex;align-items: center;justify-content: center;}
.time-line .time-line-item{text-align: center; width:33%;position:relative;padding:25px;border-radius:10px;box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15);}
.time-line .time-line-item img{margin-bottom:15px;}
.time-line .time-line-item:first-child{border:2px dashed #ddd;box-shadow:none;animation:step1 5s linear;animation-iteration-count:infinite;}
.time-line .time-line-item:nth-child(2){background:#fff;margin:40px 0 0 -15px;animation:step2 5s linear;animation-iteration-count:infinite;}
.time-line .time-line-item:last-child{background:#2AA93E;margin:80px 0 0 -15px;color:#fff;animation:step3 5s linear;animation-iteration-count:infinite;}
.time-line .time-line-item:last-child img{filter: invert(1);}
.time-line .time-line-item .date{font-weight:bold;position:relative}

@keyframes step1 {0%{transform:translateY(0)} 10%{transform:translateY(-10%)}15%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes step2 {0%{transform:translateY(0)} 25%{transform:translateY(0)} 30%{transform:translateY(-10%)}35%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes step3 {0%{transform:translateY(0)} 45%{transform:translateY(0)} 50%{transform:translateY(-10%)}55%{transform:translateY(0)}100%{transform:translateY(0)}}


@media (min-width:700px) {
    .time-line{min-height: 290px;}
}

@media (max-width: 992px) {
.lofotime-line{display:none;}
}
@media (max-width: 767px) {
.time-line{padding:20px 0}
}
@media (max-width:700px) {
.time-line{flex-wrap: wrap;}
.time-line .time-line-item{width:100%;}
.time-line .time-line-item:nth-child(2){margin:10px 0 0;}
.time-line .time-line-item:last-child{margin:10px 0 0;}
}

.about_text{margin: 50px auto 0;}
.about_text ol {counter-reset:point;margin:5px 0 5px 2px;padding:0;line-height:1.6;}
.about_text ol li{list-style:none;position:relative;padding:0 0 5px 50px;}
.about_text ol li:last-child{border-left:none;}
.about_text ol > li:before {content: counter(point);color:#fff;counter-increment:point 1;position: absolute;top:2px;left:7px;background:#2AA93E;border-radius:50%;font-size:15px;line-height:24px;height:24px;width:24px;text-align:center;}
.about_text ul{margin: 5px 0 5px 40px;padding: 0;line-height:1.6;}
.about_text ul li{list-style:none;position:relative;padding:0 0 10px;}
.about_text ul > li:before {content:'';display:block;top:9px;left:-25px;position:absolute;width:6px;height:6px;background:transparent;background:#2AA93E;border-radius:50%;}
.about_text ul > li > ul > li:before {content:'';display:block;transform: translateY(-50%);top:15px;left:-25px;position:absolute;width:4px;height:4px;background:#2AA93E;border:none;border-radius:50%;}
.about_text ol{list-style:decimal;}
@media (max-width: 768px){
.about_text{margin:20px auto 0;}
} 



#works{padding:50px 0 0;}
#works .section-title{margin-bottom:20px;}

@media (max-width: 768px){
#works{padding: 0;}
}