body{
	padding: 0px;
	margin: 0px;
    background-color: #ffffff;
    font-family: 'Cera Pro';
}
body::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    background-color: #f0f5f1;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f0f5f1;
}
body::-webkit-scrollbar-thumb {
    background-color: #60ca65; 
    border-radius: 10px;
}
ul{
	padding: 0px;
	margin: 0px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: unset;
	cursor: pointer;
}
h1, h2, h3, h4, h5{
	margin: 0px;
    font-weight: unset;
}
p{
    margin: 0px;
}
input, button, textarea, select{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    font-family: 'Cera Pro';
}
.center{
    width: 90%;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
}

/* HEADER */
header{
    width: 100%;
    height: auto;
    float: left;
    background-color: rgb(240, 245, 241, 0.8);
    padding: 10px 0;
    position: fixed;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 3;
}
.header__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.header__item{
    width: fit-content;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.header__item:nth-child(2){
    flex-direction: column;
    align-items: flex-end;
}
.header__item-logo{
    width: fit-content;
    height: auto;
    float: left;
}
.header__item-logo img{
    width: 96px;
    height: auto;
    float: left;
    object-fit: contain;
    object-position: center;
}
.header__item ul{
    width: fit-content;
    height: auto;
    margin: 0 0 0 30px;
}
.header__item ul > li{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 17px 0 0;
}
.header__item ul > li > a{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 15px;
    color: #2e2e2e;
    transition: .2s;
}
.header__item ul > li > a:hover{
    color: #c02e3b;
    transition: .2s;
}
.header__item-call{
    width: fit-content;
    height: auto;
    color: #c02e3b;
    background-color: #ffffff;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
    border: unset;
    padding: 14px 25px 13px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 0 0 10px;
    transition: .2s;
}
.header__item-call:hover{
    color: #ffffff;
    background-color: #c02e3b;
    transition: .2s;
}
.header__item-phone{
    width: fit-content;
    height: auto;
    float: right;
    color: #666666;
    font-weight: 600;
    text-align: right;
    font-size: 23px;
}
.header__item-phone b{
    font-weight: 600;
    color: #49c558;
}
.header__item-whatsapp{
    width: fit-content;
    height: auto;
    float: right;
    color: #2e2e2e;
    text-align: right;
    position: relative;
    font-size: 15px;
    margin: 2px 0 0;
    transition: .2s;
    padding: 0 0 0 28px;
}
.header__item-whatsapp::before{
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    background-image: url("../images/icon/whatsapp.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0%;
    top: 49%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.header__item-whatsapp:hover{
    color: #49c558;
    transition: .2s;
}
.header__item-bar {
    width: 25px;
    height: 22px;
    border: unset;
    background-image: url("../images/icon/bar.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: none;
    padding: 0;
    top: 23px;
    background-color: unset;
    cursor: pointer;
}
/* HEADER */

/* MAIN */
.main{
    width: 100%;
    height: auto;
    float: left;
    background-color: #f0f5f1;
    padding: 110px 0 50px;
}
.main__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.main__item{
    width: 50%;
    height: auto;
    position: relative;
}
/* .main__item:nth-child(2)::before{
    content: "";
    position: absolute;
    width: 102%;
    height: 102%;
    left: -1%;
    top: -1%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/vectory/main-2.png");
} */
.main__item-poster{
    width: 100%;
    height: auto;
    float: left;
    object-fit: contain;
    object-position: center;
}
.main__item-title{
    width: 100%;
    height: auto;
    float: left;
    text-transform: uppercase;
    color: #2e2e2e;
    font-weight: 900;
    font-size: 52px;
    text-align: left;
    z-index: 2;
    position: relative;
}
.main__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    margin: 15px 0 0 0;
}
.main__item__info{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 45px 0 0;
}
.main__item__info__box{
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.main__item__info__box div:nth-child(1){
    width: 55px;
    height: auto;
}
.main__item__info__box div:nth-child(2){
    width: calc(100% - 70px);
    height: auto;
}
.main__item__info__box div > img{
    width: 55px;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: .2s;
}
.main__item__info__box:hover div > img{
    transform: translateY(-50%) translateY(0.5rem) rotate(16deg);
    transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
    transition: .2s;
}
.main__item__info__box div > p{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 18px;
}
.main__item-call{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    margin: 45px 0 0;
    padding: 22px 70px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.main__item-call:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.main__item video{
    width: 100%;
    height: 500px;
    float: left;
    object-fit: none;
    object-position: center;
}
/* MAIN */

/* PRODUCTS */
.products{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
}
.products-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}
.products-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 0 0;
}
.products__row{
    width: 100%;
    height: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0;
}
.products__item{
    width: calc(50% - 10px);
    height: auto;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    background-color: #f0f5f1;
    padding: 30px 50px 30px 40px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}
.products__box:nth-child(1){
    width: 55%;
    height: auto;
}
.products__box:nth-child(2){
    width: 34%;
    height: auto;
}
.products__box-type{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}
.products__box-title{
    width: 100%;
    height: auto;
    float: left;
    color: #60ca65;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2px 0 0;
}
.products__box-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 15px;
    margin: 15px 0 0 0;
}
.products__box-vectory{
    width: 100%;
    height: auto;
    float: right;
    animation: pulse-top 4s infinite;
    margin: 66px 0 0 0;
}
@keyframes pulse-top {
    0%, 100% {
      transform: translate(0, 5%);
    }
    50% {
      transform: translate(0, 0);
    }
  }
.products__box__button{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0 0;
}
.products__box__button button:nth-child(1){
    width: 48%;
    height: auto;
    float: left;
    font-size: 14px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 15px 0px 20px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.products__box__button button:nth-child(2){
    width: 48%;
    height: auto;
    float: left;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #c02e3b;
    background: #ffffff;
    border: 1px solid #c02e3b;
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgb(184 55 52 / 20%), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 15px 0px 15px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.products__box__button button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.products__box__sale{
    width: 200px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}
.products__box__sale div:nth-child(1){
    width: fit-content;
    height: 30px;
    background-color: #ffffff;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 9px;
    box-shadow: -0.147em 0.147em 0.147em rgba(0, 0, 0, 0.2);
    order: 2;
}
.products__box__sale div:nth-child(1) b{
    color: #2e2e2e;
    font-size: 15px;
    text-decoration: line-through;
}
.products__box__sale div:nth-child(1) sub{
    color: #2e2e2e;
    font-size: 10px;
    text-decoration: line-through;
}
.products__box__sale div:nth-child(2){
    width: fit-content;
    height: 40px;
    padding: 0 10px;
    background-color: #e03232;
    box-shadow: -0.147em 0.147em 0.147em rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    display: flex;
    align-content: center;
    align-items: center;
    order: 3;
}
.products__box__sale div:nth-child(2) b{
    color: #ffffff;
    font-size: 21px;
}
.products__box__sale div:nth-child(2) sub{
    color: #ffffff;
    font-size: 11px;
    margin: 3px 0 0 2px;
}
.products__box__sale p{
    width: 100%;
    height: auto;
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: #c02e3b;
    order: 1;
    margin: 0 0 4px;
}
/* PRODUCTS */

/* SALE */
.sale{
    width: 100%;
    height: auto;
    float: left;
}
.sale__row{
    width: 100%;
    height: auto;
    float: left;
    border: 10px solid #f0f5f1;
    background-image: url("../images/bg/sale.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding: 0 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
}
.sale__item:nth-child(1){
    width: 55%;
    height: auto;
}
.sale__item:nth-child(1) form{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sale__item:nth-child(1) form > label{
    width: calc(50% - 10px);
    height: auto;
    float: left;
    background-color: #Fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #5bc55a;
}
.sale__item:nth-child(1) form > label > span{
    width: 100%;
    height: auto;
    font-size: 10px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    text-transform: uppercase;
}
.sale__item:nth-child(1) form > label > input{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    border: unset;
    margin: 5px 0 0 0;
}
.sale__item:nth-child(1) form > button{
    width: calc(50% - 10px);
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.sale__item:nth-child(1) form > button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.sale__item-checkbox{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 40px;
    position: relative;
}
.sale__item-checkbox input{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    z-index: 1;
    margin: 0;
}
.sale__item-checkbox p{
    width: 100%;
    height: auto;
    float: left;
    font-size: 11px;
    text-align: left;
    color: #ffffff;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}
.sale__item-checkbox p::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ffffff;
    border-radius: 100px;
}
.sale__item-checkbox input:checked + p::before{
    background-color: #c02e3b;
}
.sale__item-checkbox p > a {
    color: #c02e3b;
    text-decoration: underline;
    display: contents;
}
.sale__item:nth-child(2){
    width: 37%;
    height: auto;
    background-color: #f0f5f1;
    margin: 50px 0 0 0;
    border-radius: 10px 10px 0 0;
    padding: 32px 32px 45px 32px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.sale__item:nth-child(2)::before{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px dashed #60ca65;
    top: 15px;
    left: 15px;
    border-radius: 5px;
}
.sale__item:nth-child(2)::after{
    content: "";
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 120px;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/vectory/meshok.png");
}
.sale__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    position: relative;
    padding: 35px 0 0;
    margin: 10px 0 0 0;
}
.sale__item-title::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 155px;
    height: 25px;
    background-position: center;
    background-repeat: repeat-x;
    background-size: 32px 25px;
    background-image: url("../images/icon/star.svg");
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.sale__item-date{
    width:fit-content;
    height: auto;
    float: left;
    color: #e03232;
    font-weight: 800;
    font-size: 23px;
    text-align: center;
    border-top: 1px solid #c02e3b;
    border-bottom: 1px solid #c02e3b;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 5px 0;
    letter-spacing: 0.5px;
}
.sale__item-subject{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    margin: 20px 0 0 0;
}
.sale__item ul{
    width: 70%;
    height: auto;
    float: left;
    margin: 3px 30% 0 0;
}
.sale__item ul > li{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    border-left: 4px solid #60ca65;
    font-weight: 500;
    font-size: 14px;
}
/* SALE */

/* PLANS */
.plans{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
    background: linear-gradient(0deg, #f0f5f1 0%, #f0f5f1 29.66%, #f0f5f1 35.62%, #ffffff 43.25%, #ffffff 56.3%, #ffffff 100%);
}
.plans-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}
.plans-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 0 0;
}
.plans__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 40px auto 0;
}
.plans__item{
    width: 25%;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
}
.plans__item::before{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px dashed #f0f5f1;
    top: 15px;
    left: 15px;
    border-radius: 5px;
}
.plans__item:nth-child(2){
    z-index: 1;
}
.plans__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
}
.plans__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #49c558;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    margin: 5px 0 0 0;
}
.plans__item-subject{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 500;
    font-size: 11px;
    text-align: left;
    margin: 15px 0 0 0;
    text-transform: uppercase;
}
.plans__item ul{
    width: 100%;
    height: auto;
    float: left;
    overflow-y: scroll;
    margin: 5px 0 0 0;
    position: relative;
}
.plans__item ul::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    background-color: #f0f5f1;
}
.plans__item ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f0f5f1;
}
.plans__item ul::-webkit-scrollbar-thumb {
    background-color: #60ca65; 
    border-radius: 10px;
}
.plans__item ul > li{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-size: 12px;
    margin: 5px 0 0 0;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    position: relative;
}
.plans__item ul > li::before{
    content: "";
    position: absolute;
    width: 7.5px;
    height: 7.5px;
    background-image: url("../images/icon/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0%;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.plans__item:nth-child(1) ul{
    height: 100px;
}
.plans__item:nth-child(2) ul{
    height: 175px;
}
.plans__item:nth-child(3) ul{
    height: 100px;
}
.plans__item__price{
    width: fit-content;
    height: auto;
    float: left;
    margin: 30px auto 0;
}
.plans__item__price sup{
    width: fit-content;
    height: auto;
    float: left;
    margin: 0 5px 0 0;
}
.plans__item__price sub{
    width: fit-content;
    height: auto;
}
.plans__item__price b{
    font-size: 50px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.5px;
}
.plans__item-button{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
    margin: 25px 0 0 0;
    position: relative;
}
.plans__item-button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
/* PLANS */

/* ADVERTISEMENT */
.advertisement{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0 0;
}
.advertisement__row{
    width: 100%;
    height: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.advertisement__item:nth-child(1){
    width: 48%;
    height: auto;
}
.advertisement__item:nth-child(2){
    width: 48%;
    height: auto;
}
.advertisement__item-poster {
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.advertisement__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}
.advertisement__item-title b{
    color: #c02e3b;
}
.advertisement__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 18px;
    margin: 20px 0 0 0;
}
.advertisement__item ul{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
}
.advertisement__item ul > li{
    width: calc(70% - 17px);
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    margin: 15px 0 0 17px;
    list-style: circle;
}
.advertisement__item ul > li > b{
    color: #60ca65;
}
.advertisement__list{
    width: 100%;
    height: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0 0;
}
.advertisement__list__box{
    width: 30%;
    height: auto;
}
.advertisement__list__box img{
    width: 30px;
    height: 30px;
    background-color: #60ca65;
    padding: 8px;
    border-radius: 5px;
    float: left;
}
.advertisement__list__box p{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.advertisement__item button{
    width: fit-content;
    height: auto;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
    margin: 30px 0 0 0;
}
.advertisement__item button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
/* ADVERTISEMENT */

/* GALLERY */
.gallery{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
}
.gallery-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}
.gallery-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 0 0;
}
.gallery__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
}
.gallery__row .owl-stage{
    margin: 0 0 0 -80px;
}
.gallery__row .owl-dots{
    width: fit-content;
    height: auto;
    margin: 35px auto 0;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
}
.gallery__row .owl-dots::before{
    content: "";
    position: absolute;
    background-color: #d9d9d9;
    width: calc(100% - 40px);
    height: 1px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.gallery__row .owl-dots > button{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    margin: 0 20px;
    position: relative;
}
.gallery__row .owl-dots > button.active{
    width: 35px;
    height: 35px;
    background-color: #c9d5ce !important;
}
.gallery__row .owl-dots > button.active::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    width: 18px;
    height: 18px;
    background: linear-gradient(#31ce44 0%, #32943d 24.67%, #36873f 44.34%, #2f9b3c 60.66%, #30ce43 85.76%, #29c93d 100%);
    border: 0.1em solid #ffffff;
    border-radius: 50%;
    box-shadow: 0.4em 0.4em 0.1em rgba(0, 0, 0, 0.16);
    transition: all 0.3s ease-in-out;
}
.gallery__row .owl-dots > button.active::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
}
.gallery__item{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
    border: 3px solid #ffffff;
}
.gallery__item::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(46, 46, 46, 0.1);
    transition: .2s;
}
.gallery__item:hover::before{
    background-color: rgb(46, 46, 46, 0.4);
    transition: .2s;
}
.gallery__item::after{
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background-image: url("../images/icon/icon-zoom.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .2s;
}
.gallery__item:hover::after{
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
    transition: .2s;
}
.gallery__item-poster{
    width: 100%;
    height: 400px;
    float: left;
    object-fit: cover;
    object-position: center;
}
.gallery__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
/* GALLERY */

/* CHART */
.chart{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
    position: relative;
}
.chart::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f0f5f1;
    background: linear-gradient(180deg, rgb(240 245 241) 0%, rgb(255 255 255) 100%);
    z-index: -1;
}
.chart-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}
.chart-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 0 0;
}
.chart__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0 0;
}
.chart__item:nth-child(1){
    width: 65%;
    position: relative;
    background-image: url("../images/bg/chart.png");
    background-position: -110px -165px;
    background-repeat: no-repeat;
    background-size: 1550px;
}
.chart__item:nth-child(2){
    width: 35%;
    height: auto;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #f0f5f1;
    padding: 15px 20px;
    box-sizing: border-box;
}
.chart__box{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.chart__box div:nth-child(1){
    width: 24px;
    height: 24px;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.chart__item:nth-child(1) div{
    width: 24px;
    height: 24px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 0.9em rgba(0, 0, 0, 0.15);
    position: absolute;
}
.chart__item:nth-child(1) div.active{
    animation: pulse-top-long 1.5s infinite;
}
.chart__box div:nth-child(1)::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    top: 5px;
    right: 0px;
    transition: .2s;
}
.chart__item:nth-child(1) div::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 12.5px solid #ffffff;
    border-right: 7.5px solid transparent;
    border-left: 7.5px solid transparent;
    top: 32px;
    right: 5px;
    transition: .2s;
}
.chart__box div:nth-child(1):hover::before,
.chart__box.active div:nth-child(1)::before{
    right: -20px;
    transition: .2s;
}
.chart__box div:nth-child(1)[data-id="1"],
.chart__item:nth-child(1) div[data-id="1"]{
    background-color: #a0c73a;
}
.chart__box div:nth-child(1)[data-id="1"]::before{
    border-left: 12px solid #a0c73a;
}
.chart__box div:nth-child(1)[data-id="2"],
.chart__item:nth-child(1) div[data-id="2"]{
    background-color: #6c4a31;
}
.chart__box div:nth-child(1)[data-id="2"]::before{
    border-left: 12px solid #6c4a31;
}
.chart__box div:nth-child(1)[data-id="3"],
.chart__item:nth-child(1) div[data-id="3"]{
    background-color: #95c652;
}
.chart__box div:nth-child(1)[data-id="3"]::before{
    border-left: 12px solid #95c652;
}
.chart__box div:nth-child(1)[data-id="4"],
.chart__item:nth-child(1) div[data-id="4"]{
    background-color: #7d9d3c;
}
.chart__box div:nth-child(1)[data-id="4"]::before{
    border-left: 12px solid #7d9d3c;
}
.chart__box div:nth-child(1)[data-id="5"],
.chart__item:nth-child(1) div[data-id="5"]{
    background-color: #51831b;
}
.chart__box div:nth-child(1)[data-id="5"]::before{
    border-left: 12px solid #51831b;
}
.chart__box div:nth-child(1)[data-id="6"],
.chart__item:nth-child(1) div[data-id="6"]{
    background-color: #477b1a;
}
.chart__box div:nth-child(1)[data-id="6"]::before{
    border-left: 12px solid #477b1a;
}
.chart__box div:nth-child(1)[data-id="7"],
.chart__item:nth-child(1) div[data-id="7"]{
    background-color: #e2b675;
}
.chart__box div:nth-child(1)[data-id="7"]::before{
    border-left: 12px solid #e2b675;
}
.chart__box div:nth-child(1)[data-id="8"],
.chart__item:nth-child(1) div[data-id="8"]{
    background-color: #ce9158;
}
.chart__box div:nth-child(1)[data-id="8"]::before{
    border-left: 12px solid #ce9158;
}
.chart__box div:nth-child(1)[data-id="9"],
.chart__item:nth-child(1) div[data-id="9"]{
    background-color: #352720;
}
.chart__box div:nth-child(1)[data-id="9"]::before{
    border-left: 12px solid #352720;
}
.chart__box div:nth-child(1)[data-id="10"],
.chart__item:nth-child(1) div[data-id="10"]{
    background-color: #b9967c;
}
.chart__box div:nth-child(1)[data-id="10"]::before{
    border-left: 12px solid #b9967c;
}
.chart__item:nth-child(1) div[data-id="1"]{
    left: 140px;
    top: 325px;
}
.chart__item:nth-child(1) div[data-id="2"]{
    left: 230px;
    top: 410px;
}
.chart__item:nth-child(1) div[data-id="3"]{
    left: 440px;
    top: 300px;
}
.chart__item:nth-child(1) div[data-id="4"]{
    left: 620px;
    top: 300px;
}
.chart__item:nth-child(1) div[data-id="5"]{
    left: 520px;
    top: 305px;
}
.chart__item:nth-child(1) div[data-id="5"]{
    left: 520px;
    top: 325px;
}
.chart__item:nth-child(1) div[data-id="6"]{
    left: 710px;
    top: 340px;
}
.chart__item:nth-child(1) div[data-id="7"]{
    left: 350px;
    top: 360px;
}
.chart__item:nth-child(1) div[data-id="8"]{
    left: 520px;
    top: 405px;
}
.chart__item:nth-child(1) div[data-id="9"]{
    left: 640px;
    top: 420px;
}
.chart__item:nth-child(1) div[data-id="10"]{
    left: 400px;
    top: 440px;
}
@keyframes pulse-top-long {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    50% {
      transform: translateY(-10px);
      opacity: 0.7;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
.chart__box div:nth-child(2){
    width: calc(100% - 50px);
    height: auto;
    border-bottom: 1px dashed #fc2c2c;
}
.chart__box:last-child div:nth-child(2){
    border: unset;
}
.chart__box div > p{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #2e2e2e;
    font-weight: 500;
    padding: 8px 0;
}
/* CHART */

/* RECOMMENDATIONS */
.recommendations{
    width: 100%;
    height: auto;
    float: left;
    background-image: url("../images/bg/recommendation.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}
.recommendations__row{
    width: 60%;
    height: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    backdrop-filter: blur(1.5em);
    --webkit-backdrop-filter: blur(1.5em);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
}
.recommendations__item{
    width: 50%;
    height: auto;
    position: relative;
}
.recommendations__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    font-weight: 700;
    font-size: 23px;
    text-align: left;
}
.recommendations__item-download{
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 0 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
    margin: 30px 0 0;
}
.recommendations__item-download:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.recommendations__item-information{
    width: 100%;
    height: auto;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #ffffff;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    position: relative;
}
.recommendations__item-information::before{
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background-image: url("../images/icon/download.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 0%;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.recommendations__item-poster{
    width: 100%;
    height: 240px;
    float: left;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
/* RECOMMENDATIONS */

/* WATERING */
.watering{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0 0;
}
.watering__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.watering__item:nth-child(1){
    width: 40%;
    height: auto;
    background-color: #f0f5f1;
    padding: 50px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
}
.watering__item:nth-child(2){
    width: 60%;
    height: auto;
}
.watering__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}
.watering__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
    border-left: 3px solid #5bc55a;
}
.watering__item-btn{
    width: fit-content;
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
    margin: 30px 0 0 0;
}
.watering__item-btn:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.watering__item-inforamtion{
    width: 100%;
    height: auto;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    margin: 10px 0 0 0;
}
.watering__item__products{
    width: 100%;
    height: auto;
    float: left;
}
.watering__item__products__box{
    width: 100%;
    height: auto;
    float: left;
    border-radius: 10px;
    padding: 90px 10% 45px;
    position: relative;
    margin: 0 0 18px;
    box-sizing: border-box;
}
.watering__item__products__box::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0, 0.1);
    border-radius: 10px;
}
.watering__item__products__box[data-poster="1"]{
    background-image: url("../images/poster/price__item-1.jpg");
}
.watering__item__products__box[data-poster="2"]{
    background-image: url("../images/poster/price__item-2.jpg");
}
.watering__item__products__box[data-poster="3"]{
    background-image: url("../images/poster/price__item-3.jpg");
}
.watering__item__products__box[data-poster="4"]{
    background-image: url("../images/poster/price__item-4.jpg");
}
.watering__item__products__box[data-poster="5"]{
    background-image: url("../images/poster/price__item-5.jpg");
}
.watering__item__products__box[data-poster="6"]{
    background-image: url("../images/poster/price__item-6.jpg");
}
.watering__item__products__box[data-poster="7"]{
    background-image: url("../images/poster/price__item-7.jpg");
}
.watering__item__products__box-price{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    text-align: right;
    color: #FFF;
    position: relative;
}
.watering__item__products__box-price b{
    width: 100%;
    height: auto;
    float: left;
    font-size: 38px;
    font-weight: 600;
    line-height: 39px;
    text-align: right;
}
.watering__item__products__box-price b > sup{
    font-size: 16px;
    font-weight: 400;
}
.watering__item__products__box-description{
    width: 100%;
    height: auto;
    float: left;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    position: relative;
    margin: 13px 0 0 0;
}
.watering__item__products__box button{
    width: 85%;
    height: auto;
    color: #c02e3b;
    border: 1px solid #c02e3b;
    background-color: #ffffff;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
    padding: 13px 0 12px;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: -18px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    white-space: pre;
    transition: .2s;
}
.watering__item__products__box button:hover{
    color: #ffffff;
    background-color: #c02e3b;
    transition: .2s;
}
/* WATERING */

/* REVIEW */
.review{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
}
.review-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}
.review-dscription{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 18px;
    margin: 15px 0 0 0;
}
.review-button{
    width: fit-content;
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    margin: -81px 0 0;
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.review-button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.review__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0 0 0;
}
.review__row .owl-stage{
    height: 500px;
    display: flex;
    align-content: center;
    align-items: center;
}
.review__item{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}
.review__item video{
    width: 100%;
    height: 380px;
    float: left;
    object-fit: cover;
    object-position: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
    border: 3px solid #ffffff;
    box-sizing: border-box;
    margin: 10px 0 40px;
    cursor: pointer;
    transition: .2s;
}
.review__item-subject{
    width: 300px;
    background-color: #ffffff;
    border-radius: 5px;
    outline: 1px dashed #49c558;
    outline-offset: -5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    padding: 19px 0;
    z-index: 1;
    position: absolute;
    left: 50%;
    bottom: 12px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.review__item-subject::before{
    content: "";
    width: 45px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-image: url("../images/logo/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.review__item-subject p{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #2e2e2e;
}
.review__row .owl-item.center video{
    height: 430px;
    transition: .2s;
}
.review__controler{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.review__controler button{
    width: 65px;
    height: 65px;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin: 0 10px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    transition: .2s;
    cursor: pointer;
}
.review__controler button:nth-child(1){
    background-image: url("../images/icon/icon-arrow.svg");
    transform: rotate(180deg);
}
.review__controler button:nth-child(2){
    background-image: url("../images/icon/icon-arrow.svg");
}
.review__controler button:hover{
    border: 1px solid #e03232;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.15);
    transition: .2s;
}
/* REVIEW */

/* APPLICATION */
.application{
    width: 100%;
    height: auto;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/bg/application.jpg");
    position: relative;
}
.application::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0.89) 12.54%, rgba(255, 255, 255, 0.3) 28.45%, rgba(255, 255, 255, 0) 45.59%, rgba(255, 255, 255, 0.02) 61.91%, rgba(255, 255, 255, 0.5) 80.75%, #ffffff 100%);
}
.application-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    position: relative;
}
.application__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 0;
}
.application__item{
    width: 100%;
    max-width: 800px;
    height: auto;
    float: left;
    backdrop-filter: blur(15px);
    --webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 35px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.application__box:nth-child(1){
    width: 35%;
    height: auto;
}
.application__box:nth-child(2){
    width: calc(65% - 20px);
    height: auto;
}
.application__box:last-child{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 20px 0 0 0;
}
.application__box:last-child div:nth-child(1){
    width: 45%;
    height: auto;
    display: flex;
}
.application__box:last-child div:nth-child(2){
    width: calc(55% - 25px);
    height: auto;
}
.application__box p{
    width: 100%;
    height: auto;
    font-size: 11px;
    text-align: left;
    color: #2e2e2e;
    float: left;
}
.application__box p > a{
    color: #c02e3b;
    text-decoration: underline;
}
.application__box button{
    width: fit-content;
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
}
.application__box button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.application__box label{
    width: 100%;
    height: auto;
    float: left;
    background-color: #Fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #5bc55a;
}
.application__box:nth-child(1) label:nth-child(2){
    margin: 20px 0 0 0;
}
.application__box label > span{
    width: 100%;
    height: auto;
    font-size: 10px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    text-transform: uppercase;
}
.application__box label > input{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    border: unset;
    margin: 2px 0 0 0;
}
.application__box label > textarea{
    width: 100%;
    height: 97px;
    float: left;
    font-size: 16px;
    border: unset;
    margin: 2px 0 0 0;
    resize: unset;
}
.application__box-checkbox{
    width: fit-content;
    height: auto;
    position: relative;
    margin: 0 10px 0 0;
}
.application__box-checkbox label{
    width: 17px;
    height: 17px;
    border-radius: 100px;
    border: 1.5px solid #49c558;
    box-sizing: border-box;
    padding: 0;
    background-color: unset;
    position: relative;
}
.application__box-checkbox > input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.application__box-checkbox > input:checked + label{
    background-color: #ae0000;
}
/* APPLICATION */

/* FOOTER */
footer{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0;
    background-color: #ffffff;
}
.footer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer__item{
    width: 49%;
    height: auto;
}
.footer__box{
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 30px;
}
.footer__box:last-child{
    border-top: 1px dashed #49c558;
    margin: 0;
    padding: 30px 0 0;
}
.footer__box__address{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.footer__box__address div{
    width: fit-content;
    height: auto;
}
.footer__box__address div > ul{
    width: fit-content;
    height: auto;
}
.footer__box__address div > ul > li{
    width: fit-content;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    padding: 0 13px;
    border-left: 4px solid #5bc559;
    margin: 0 0 0 15px;
}
.footer__box__address-title{
    width: fit-content;
    height: auto;
    float: left;
    color: #49c558;
    font-size: 17px;
    text-align: left;
    font-weight: 700;
}
.footer__box__company{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.footer__box__company__block{
    width: fit-content;
    height: auto;
    display: flex;
    flex-direction: column;
}
.footer__box__company__block-logo{
    width: fit-content;
    height: auto;
    float: left;
}
.footer__box__company__block-logo img{
    width: 96px;
    height: auto;
    float: left;
    object-fit: contain;
    object-position: center;
}
.footer__box__company__block-address{
    width: fit-content;
    height: auto;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #2e2e2e;
}
.footer__box__company__block-time{
    width: fit-content;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    margin: 10px 0 0 0;
}
.footer__box__company__block-phone{
    width: fit-content;
    height: auto;
    float: right;
    text-align: right;
    font-size: 23px;
    font-weight: 900;
    color: #c02e3b;
}
.footer__box__company__block-email{
    width: fit-content;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    margin: 10px auto 0;
}
.footer__item iframe{
    width: 100%;
    height: 100%;
    float: left;
    border: 5px solid #f0f5f1;
    box-sizing: border-box;
}
.footer__box__copyright{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer__box__copyright__block:nth-child(1){
    width: 35%;
    height: auto;
}
.footer__box__copyright__block:nth-child(2){
    width: 60%;
    height: auto;
}
.footer__box__copyright__block-company{
    width: 100%;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: left;
}
.footer__box__copyright__block-priavcy{
    width: fit-content;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #2e2e2e;
    float: right;
    text-decoration: underline;
}
.footer__box__copyright__block-description{
    width: 100%;
    height: auto;
    font-size: 11px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    margin: 20px 0 0 0;
}
/* FOOTER */

/* MODAL */
.modal{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1005;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.modal__row{
    width: 100%;
    height: auto;
    max-width: 400px;
}
.modal__item{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    background-color: #f7f7f7;
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 40px;
    position: relative;
}
.modal__item-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 25px;
    text-align: left;
}
.modal__item-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 15px;
    margin: 5px 0 0 0;
}
.modal__item-close{
    width: 20px;
    height: 20px;
    background-image: url("../images/icon/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    background-color: unset;
    border: unset;
    position: absolute;
    right: 25px;
    top: 25px;
}
.modal__item form{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0;
}
.modal__item form > label{
    width: 100%;
    height: auto;
    float: left;
    background-color: #Fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #5bc55a;
}
.modal__item form > label > span{
    width: 100%;
    height: auto;
    font-size: 10px;
    text-align: left;
    color: #2e2e2e;
    float: left;
    text-transform: uppercase;
}
.modal__item form > label > input{
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    border: unset;
    margin: 5px 0 0 0;
}
.modal__item form > button{
    width: 100%;
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 50px 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    margin: 20px 0 0;
    cursor: pointer;
}
.modal__item form > button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
.modal__item-checkbox{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0;
    position: relative;
}
.modal__item-checkbox input{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    z-index: 1;
    margin: 0;
}
.modal__item-checkbox p{
    width: 100%;
    height: auto;
    float: left;
    font-size: 11px;
    text-align: left;
    color: #2e2e2e;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}
.modal__item-checkbox p > br{
    display: none;
}
.modal__item-checkbox p::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #5bc55a;
    border-radius: 100px;
}
.modal__item-checkbox input:checked + p::before{
    background-color: #c02e3b;
}
.modal__item-checkbox p > a {
    color: #c02e3b;
    text-decoration: underline;
    display: contents;
}
.modal[data-modal="recommendations"] .modal__row{
    max-width: 650px;
}
.modal[data-modal="recommendations"] .modal__item form {
    width: 50%;
}
.modal[data-modal="recommendations"] .modal__item-title{
    width: 80%;
}
.modal[data-modal="recommendations"]  .modal__item-description{
    width: 60%;
}
.modal[data-modal="recommendations"] form > label:nth-child(2){
    margin: 15px 0 0 0;
}
.modal[data-modal="recommendations"] .modal__item{
    background-image: url("../images/vectory/recomendation.png");
    background-repeat: no-repeat;
    background-position: 100% 71%;
    background-size: 50%;
}
/* MODAL */

/* DOCUMENTS */
.documents{
    width: 100%;
    height: auto;
    float: left;
    padding: 140px 0 80px;
}
.documents-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}
.documents-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: left;
    font-size: 15px;
    line-height: 23px;
    margin: 15px 0 0 0;
}
/* DOCUMENTS */

.scroll-up{
    width: 43px;
    height: 97px;
    background-image: url("../images/icon/up.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: unset;
    border: unset;
    cursor: pointer;
}

/* CALL BANNER */
.call{
    width: calc(100% - 20px);
    height: auto;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 3;
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: none;
}
.call__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6px;
    box-sizing: border-box;
}
.call__item{
    width: 50%;
    height: auto;
}
.call__item-whatsapp{
    width: 100%;
    height: 45px;
    float: left;
    background-color: #49c558;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.call__item-call{
    width: 100%;
    height: 45px;
    float: left;
    background-color: #f0f0f0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.call__item-whatsapp span,
.call__item-call span{
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    padding: 0 0 0 23px;
    position: relative;
}
.call__item-whatsapp span::before,
.call__item-call span::before{
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0%;
    top: 49%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.call__item-whatsapp span::before{
    background-image: url("../images/icon/whatsapp.svg");
}
.call__item-call span::before{
    background-image: url("../images/icon/call.svg");
    width: 15px;
    height: 15px;
}
.call__item-whatsapp span{
    color: #f0f0f0;
}
.call__item-call span{
    color: #49c558;
}
/* CALL BANNER */

/* SUCCESS */
.success{
    width: 100%;
    height: auto;
    float: left;
    padding: 200px 0 100px;
}
.success-title{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    padding: 100px 0 0 0;
    position: relative;
}
.success-title::before{
    content: "";
    position: absolute;
    width: 96px;
    height: 72px;
    background-image: url("../images/logo/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.success-description{
    width: 100%;
    height: auto;
    float: left;
    color: #2e2e2e;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    margin: 15px 0 0 0;
}
.success__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 0;
}
.success__item{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.success__item-button{
    width: 250px;
    height: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    border: unset;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #c02e3b;
    background: linear-gradient(0deg, #dc4e52 0%, #ae0000 24%, #ba1717 50%, #fc2c2c 78%, #d54747 100%);
    -webkit-box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -6.8px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    padding: 22px 0 23px;
    border-radius: 6px 6px 10px 10px;
    transition: .2s;
    cursor: pointer;
    margin: 0 9px;
}
.success__item-button:hover{
    -webkit-box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0px rgba(48, 20, 11, 0.3), inset 0 0 45.5px rgba(255, 255, 255, 0.3);
    transition: .2s;
}
/* SUCCESS */