/*
Author: Sentav Design
Website: sentav.design
Contact: info@sentav.design
*/
/* H1 block */
main section:first-child{max-width: initial;min-height: calc(100% - 200px);overflow: hidden;max-height: 900px;}
main .h1-block{margin: 63px 0px 0px 0px;position: relative;float: left;width: 100%;min-height: 570px;height: calc(100vh - 263px);max-height: 800px;display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;opacity: 0;top: 10px;transition: opacity .8s ease-in-out, top .5s ease-in-out;text-align: center;}
.h1-block.visible{opacity: 1;top: 0px;}
.h1-block h1{font-weight: 500;color: #040630;font-size: 80px;line-height: 92px;white-space: normal;display: inline-block;float: left;position: relative;margin: -22px 0px -13px 0px;}
.h1-block span{display: inline-block;}
.h1-block-txt{font-weight: 300;color: #101010;font-size: 20px;line-height: 34px;margin: 40px 0px 40px 0px;position: relative;display: inline-block;width: 100%;text-align: center;}
.h1-block-txt p {display: inline-block;}
.h1-block-h1-txt-button{display: inline-block;float: left;max-width: 930px;z-index: 100;position: relative;width: 100%;}
.h1-block .button-large{float:initial}
.tree-animation{text-align: center;display: inline-block;float: left;width: 100%;position: absolute;height: calc(100% - 20px);margin: 20px 0px 0px 0px;min-width: 1660px;transform: translate(-50%, 0);left: 50%;}
#tree-leftside{height:100%;display:block;transform: translate3d(0,0,0);position: absolute;left: 0px;}
#tree-rightside{height:100%;display:block;transform: translate3d(0,0,0);position: absolute;right: 0px;}
#tree-leftside path{fill: #1BFDFF;}
#tree-rightside path{fill: #1BFDFF;}
/* Description system */
.description-system-section{max-width: 100%;z-index: 300;background-color: #050730;}
.description-system{text-align: center;display:inline-block;float:left;width:100%;position: relative;background-color: #03041f;color: #FFF;}
.description-system-container{max-width: 2000px;width: 100%;margin: 160px auto 160px auto;display: flex;align-items: flex-start;flex-wrap: wrap;}
.description-system-box{width: calc(25% - 80px);margin: 0px 40px 0px 40px;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
.description-system-box h2{color: #ffffff;display: inline-block;float: left;font-size: 30px;font-weight: 300;line-height: 46px;width: 100%;}
.description-system-box-txt{display: inline-block;float: left;font-size: 16px;line-height: 32px;margin: 19px 0px -10px 0px;width: 100%;}
.description-system-box-txt p{margin: 10px 0px 10px 0px;display: inline-block;float: left;width: 100%;}
.description-system-box-txt p span{display: inline-block;}
.description-system-box-txt p:last-child{margin: 10px 0px 0px 0px;}
.description-system-box-txt p:first-child{margin: 0px 0px 10px 0px;}
.description-system-box-txt p a{color: #ffffff;font-weight: 300;text-decoration: underline;}
.description-system-box-txt p a:hover{color: #0ce0e2;text-shadow: 0px 0px 0px #08fdff;}
.description-system-icon{display: inline-block;height: 200px;width: 200px;margin: 0px 0px 21px 0px;}
.description-system-icon.icon1{background-image: url('data:image/svg+xml;utf8,');}
.description-system-icon.icon2{background-image: url('data:image/svg+xml;utf8,');}
.description-system-icon.icon3{background-image: url('data:image/svg+xml;utf8,');}
.description-system-icon.icon4{background-image: url('data:image/svg+xml;utf8,');}
.description-system-box:nth-child(1) .description-system-box-txt{max-width: 370px;}
.description-system-box:nth-child(2) .description-system-box-txt{max-width: 390px;}
.description-system-box:nth-child(4) .description-system-box-txt{max-width: 390px;}
/* Advantages */
.advantages{text-align: center;display: inline-block;float: left;width: 100%;position: relative;color: #FFF;}
.advantages-container{max-width: 2000px;width: 100%;margin: 80px 0px 0px 0px;display: inline-block;}
.advantages-box{width: calc(25% - 80px);float: left;height: 233px;margin: 0px 40px 80px 40px;}
.advantages-box:nth-child(9) {display: none;}
.advantages-box-txt{font-size: 18px;color: #383838;max-width: 340px;line-height: 30px;margin: 0 auto;font-weight: 200;}
.advantages-box-icon{background-repeat: no-repeat;display: inline-block;float: initial;height: 150px;margin: 0 auto 26px;width: 190px;background-position: 50% 50%;}
.advantages-box-icon.icon1{background-image: url(../images/design/advantages/advantages-icon1.svg);}
.advantages-box-icon.icon2{background-image: url(../images/design/advantages/advantages-icon2.svg);}
.advantages-box-icon.icon3{background-image: url(../images/design/advantages/advantages-icon3.svg);}
.advantages-box-icon.icon4{background-image: url(../images/design/advantages/advantages-icon4.svg);}
.advantages-box-icon.icon5{background-image: url(../images/design/advantages/advantages-icon5.svg);}
.advantages-box-icon.icon6{background-image: url(../images/design/advantages/advantages-icon6.svg);}
.advantages-box-icon.icon7{background-image: url(../images/design/advantages/advantages-icon7.svg);}
.advantages-box-icon.icon8{background-image: url(../images/design/advantages/advantages-icon8.svg);}
.advantages-box-icon.icon9{background-image: url(../images/design/advantages/advantages-icon9.svg);}
.advantages-box:nth-last-child(1){margin: 0px 40px 0px 40px;}
.advantages-box:nth-last-child(2){margin: 0px 40px 0px 40px;}
.advantages-box:nth-last-child(3){margin: 0px 40px 0px 40px;}
.advantages-box:nth-last-child(4){margin: 0px 40px 0px 40px;}
.advantages-box:nth-last-child(5){margin: 0px 40px 0px 40px;}
/* Promo block */
.promo-block-section{max-width: 100%;background-image: url(../images/design/promo-block/mountain-pic.jpg);background-size: cover;overflow:hidden;background-position: 50% 0%;margin: 0px auto -80px auto;}
.promo-block-section:before{content: '';display: inline-block;float: left;width: 100%;background-color: rgba(10, 255, 255, 0.8);position: absolute;height: 100%;left: 0px;top: 0px;}
.promo-block{z-index: 100;position: relative;background-repeat: no-repeat;height:400px;margin:0 auto;width:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;}
.promo-block-container{width: 100%;}
.promo-block-txt{display: inline-block;float: left;font-size: 50px;font-weight: 300;line-height: 66px;font-family: 'playfairdisplay';width: 100%;color: #fff;text-shadow: 0px 0px 160px rgba(5, 7, 48, 0.54);}
/* ******* ******* SMARTPHONE TABLET ******* ******* SMARTPHONE TABLET ******* ******* SMARTPHONE TABLET ******* */
/* width max: 1600px */
@media screen and (max-width: 1600px) {
/* Description system */
.description-system-box h2 {max-width: 240px;}
}
/* width max: 1300px */
@media screen and (max-width: 1300px) {
/* Description system */
.description-system-container {margin: 0px 0px 0px 0px;}
.description-system-box{width: calc(50% - 180px);}
.description-system-box:nth-child(1){margin: 120px 60px 60px 120px;}
.description-system-box:nth-child(2){margin: 120px 120px 60px 60px;}
.description-system-box:nth-child(3){margin: 60px 60px 120px 120px;}
.description-system-box:nth-child(4){margin: 60px 120px 120px 60px;}
}
/* width max: 1100px */
@media screen and (max-width: 1100px) {
/* H1 block */
main .h1-block {max-height: 700px;}
.h1-block h1 {font-size: 60px;line-height: 81px;margin: -22px 0px -16px 0px;}
.h1-block-h1-txt-button {max-width: 700px;}
.h1-block-txt p{max-width: 420px;}
.tree-animation {min-width: 1370px;}
/* Description system */
.description-system-box{width: calc(50% - 160px);}
.description-system-box:nth-child(1){margin: 80px 80px 40px 80px;}
.description-system-box:nth-child(2){margin: 80px 80px 40px 80px;}
.description-system-box:nth-child(3){margin: 40px 80px 80px 80px;}
.description-system-box:nth-child(4){margin: 40px 80px 80px 80px;}
}
/* width max: 1000px */
@media screen and (max-width: 1000px) {
/* Description system */
.description-system-box{width: calc(50% - 60px);}
.description-system-box:nth-child(1){margin: 80px 20px 40px 40px;}
.description-system-box:nth-child(2){margin: 80px 40px 40px 20px;}
.description-system-box:nth-child(3){margin: 40px 20px 80px 40px;}
.description-system-box:nth-child(4){margin: 40px 40px 80px 20px;}
}
/* width max: 800px */
@media screen and (max-width: 800px) {
/* H1 block */
.h1-block h1 {font-size: 40px;line-height: 53px;margin: -15px 0px -10px 0px;}
.h1-block-h1-txt-button {max-width: 470px;}
.h1-block-txt {margin: 30px 0px 30px 0px;}
main .h1-block {min-height: 460px;max-height: 540px;height: calc(100vh - 163px);}
.tree-animation {min-width: 1150px;}
}
/* width max: 700px */
@media screen and (max-width: 700px) {
/* Description system */
.description-system-box{width: calc(100% - 80px);}
.description-system-box:nth-child(1){margin: 80px 40px 40px 40px;}
.description-system-box:nth-child(2){margin: 40px 40px 40px 40px;}
.description-system-box:nth-child(3){margin: 40px 40px 40px 40px;}
.description-system-box:nth-child(4){margin: 40px 40px 80px 40px;}
/* H1 block */
.h1-block h1 {font-size: 40px;line-height: 53px;}
}
/* width max: 500px */
@media screen and (max-width: 500px) {
/* H1 block */
.h1-block h1 {font-size: 34px;line-height: 50px;}
.h1-block-container {margin: 0px 20px 0px 20px;}
main .h1-block {margin: 42px 0px 0px 0px;min-height: 550px;max-height: 800px;height: calc(100vh - 42px);}
.tree-animation{transform: translate(-50%, 0) rotate(90deg);min-width: 1410px;/* width: 900px; */height: calc(100% - 0px);margin: 29px 0px 0px 60px;}
/* Description system */
.description-system-container {margin: 0px 0px 0px 0px;}
.description-system-box{width: calc(100% - 40px);}
.description-system-box:nth-child(1){margin: 80px 20px 40px 20px;}
.description-system-box:nth-child(2){margin: 40px 20px 40px 20px;}
.description-system-box:nth-child(3){margin: 40px 20px 40px 20px;}
.description-system-box:nth-child(4){margin: 40px 20px 80px 20px;}
.description-system-box h3{text-align:left;}
}
/* width max: 400px */
@media screen and (max-width: 400px) {
/* H1 block */
.h1-block-container {max-width: initial;}
.h1-block-container {margin: 0px 20px 0px 20px;}
}