body{
    background-color: #eeeeee;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6,h7{
    color:#515151;
    font-family: HoratioDMed;
}
.menu{
    z-index: 99999;
    background-color: #eeeeee;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 0 10%;
    height: 65px;
    top: -2px;
    margin-top: 50px;;
    position: sticky;
    transition: .3s all;
    img{
        height: 60px;
    }
    .menu-botao{
        width: 70%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
       .item-menu{
            margin-right: 20px;
            text-decoration: none;
            font-size: 18px;
            color: #9b9b9b;
            font-weight: 300;
            font-family: MyriadWeb;
            line-height: 1.5rem;
            letter-spacing: .1rem;
            transition: .3s all;
        }
        .item-menu:hover{
            color: #515151;
            font-weight: 700;
        }
        .meu-silpi{
            cursor: pointer;
            padding: 4px 8px;
            max-width: 90%;
            background-color: #098d8b;
            width: 200px;
            min-width: 102px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.25em;
            border: 2px solid #098d8b;
            text-decoration: none;
            border-radius: 30px;
            color: #fff;
            transition: all .3s;
            font-family: HoratioDMed;     
        }
        .meu-silpi:hover{
            background-color: transparent;
            color: #098d8b;
        }
    }

}
.is-pinned{
    -webkit-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
}
.container-banner{
    width:100%;
    height: 500px;
    display: flex;
    justify-content: center;
    
    .banner-block{
        width:80%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .splide-img-custom{
            width: 40%;
            height: 500px;
            display: flex;
            align-items: center;
        }
        .banner-title{
            padding-top: 60px;
            width: 60%;
            height: 500px;
        }
    }   
}
.splide__slide{
    display: flex;
    align-items: center;
    padding: 0 4px;
}
.splide-txt-custom{
    flex-direction: column;
    align-items: start;
    justify-content: center;
    h2{
        font-family: HoratioDMed;
        font-size:48px;
        margin:0px;
        padding:0px;
        span{
            font-size: 30px;
        }
        line-height:1em;
    }
    p{
        margin-top: 26px;
        font-size: 18px;
        color: #9b9b9b;
        max-width: 500px;
        font-weight: 300;
        font-family: MyriadWeb;
        line-height: 1.5rem;
        letter-spacing: .1rem;
    }
}
.slide-image{
    object-fit: cover;
    width: 100%;
    
    border-radius: 30px;
    border: .6px solid #efefef;
}

.container-diferential{
    z-index: 99;
    padding:3rem 3rem;
    position: absolute;
    top:545px;
    width:60%;
    background-color: white;
    border-radius: 30px;
    -webkit-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    p{
        font-size: 16px;
        font-family: MyriadWeb;
        padding: 0;
        margin:0;
    }
    .block-diferential{
        margin-top: 12px;
        margin-bottom: 12px;;
        min-width: 120px;
        text-align: center;
        width: 24%;
        .diferential-highlight{
            font-size: 28px;
            font-family: HoratioDMed;
            color:#515151;
        }
    }
}

.container-formulario{
    width:100%;
    padding: 0 10%;
    padding-top: 150px;
    padding-bottom: 10px;
    height: auto;
    background-color: #a7eae7;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    .container-form-image{
        width:50%;
        img{
            width: 100%;
        }
    }
    .container-form{
        width: 40%;
        min-width: 510px;
        iframe{
            margin-left: -16px;
        }
        h2{
            font-family: HoratioDMed;
            font-size:38px;
            letter-spacing: .1rem;
            color: #515151;
        }
        p{
            font-family: HoratioDMed;
            font-size:28px;
            color: #9b9b9b;
            margin:0px;
            padding:0px;
            span{
                font-size: 30px;
            }
        }
    }

}


.container-system{
    width: 100%;
    .stripe{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 90px 100vw 0 0;
        border-color: #a7eae7 #599191 transparent transparent;
        transform: scale(1.0001);
    }
    .system-block{
        background-color: #599191;
        padding: 2.5rem 10%;
        padding-right: 0;
        h3{
            font-family: HoratioDMed;
            font-size:34px;
            letter-spacing: .1rem;
            color: white;
        }
        hr{
            margin-right: 10%;
        }
        .system-structure{
            display: flex;
            justify-content: space-between;
            margin-top: 60px;
            align-items: center;
            flex-wrap: wrap;
            .system-information{
                width: 40%;
                .collapsed-information{
                    overflow: hidden;
                    cursor: pointer;
                    border-radius: 30px;
                    color: white;
                    border: .3px solid white;
                    background-color: transparent;
                    max-height: 60px;
                    padding: 1rem 2.5rem;
                    margin-bottom: 20px;
                    transition: 1.3s all;
                    h4{
                        font-family: HoratioDMed;
                        font-size: 28px;
                        padding: 0;
                        margin:0;
                        color: white;
                    }
                    p{
                        font-family: MyriadWeb;
                        font-size: 18px;
                    }
                }
                .collapsed-information:hover{
                    color:#515151;
                    background-color: white;
                    border: 3px solid white;
                    max-height: 500px;
                    h4{
                        color: #515151;
                    }
                }
            }
            .system-image{
                width: 60%;
                text-align: end;
                img{
                    height: 685px;
                }
            }
        }
    }
}



.pricing-container{
    min-height: 500px;
    background-color: #eeeeee;
    display: flex;
    justify-content: center;
}

.pricing-block{
    background-color: white;
    padding:2.5rem 6rem;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 30px;
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 41px -20px rgba(0,0,0,0.75);

}
.container-price{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 30%;
    min-width: 185px;
    .price-detail{
        font-family: MyriadWeb;
        font-size: 18px;
        margin-top: 30px;
    }
    p{
        font-family: HoratioDMed;
        font-size:48px;
        margin:0px;
        padding:0px;
        span{
            font-size: 30px;
        }
    }
    .button-price{
        cursor: pointer;
        padding: 4px 8px;
        max-width: 90%;
        background-color: #45ab34;
        width: 200px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.25em;
        border: 2px solid #45ab34;
        text-decoration: none;
        border-radius: 30px;
        color: #fff;
        transition: all .3s;
        font-family: HoratioDMed;
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .button-price:hover{
        background-color: transparent;
        color: #45ab34;
    }

}
.container-disclaimer{
    width: 60%;
    min-width: 400px;
    h2{
        font-family: HoratioDMed;
        font-size:38px;
        letter-spacing: 1.2ems;
        color:#515151;
    }
    h3{
        font-family: HoratioDMed;
        font-size:20px;
        color:#515151;
        margin-top: 50px;
    }
    hr{
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #e3e3e3;
        margin: 1em 0;
        padding: 0;
        padding-right: 30px;
    }

    p{
        font-size: 18px;
        color: #9b9b9b;
        max-width: 500px;
        font-weight: 300;
        font-family: MyriadWeb;
        line-height: 1.5rem;
        letter-spacing: .1rem;
        margin-top: 20px;
    }
}

.container-features{
    display: flex;
    justify-content: space-between;
    .block{
        padding-right: 12px;
        p{
            font-size:14px;
            i{
                margin-right:8px;
            }
        }
    }
}

.container-testimonial{
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: center;
}

.testimonial {
	width: 45%;
    max-width: 550px;
	background: #599191;
	padding:2em;
	display: flex;
	flex-direction: column;
	border: 5px solid #fefefe;
	border-top: none;
	border-bottom: none;
	position: relative;
	&:before, 
	&:after {
		content: "";
		position: absolute;
		width: 50px;
		height: 36px;
		background-repeat: no-repeat;
	}
	&:before {		
		top: -10px;
		right: 10%;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.5 101"><path fill="white" d="m80.817.554c.458-.025.805-.06,1.152-.06,19.188-.003,38.376-.002,57.564-.002.146,0,.291.011.437.011.491,0,.712.16.712.735.002,19.353.023,38.706.044,58.059.004,3.649-.176,7.285-.832,10.88-.796,4.361-2.397,8.442-4.643,12.241-.975,1.648-2.273,3.106-3.446,4.634-.443.577-.922,1.132-1.426,1.656-1.938,2.015-4.045,3.838-6.374,5.39-3.972,2.648-8.297,4.499-12.973,5.438-2.052.412-4.157.674-6.247.751-4.326.159-8.659.151-12.989.203-.286.003-.572-.07-.917-.115v-19.877c.267,0,.491,0,.714,0,3.833,0,7.667,0,11.5,0,3.384,0,6.55-.847,9.48-2.521,2.537-1.449,4.398-3.513,5.825-6.094,1.849-3.345,2.325-6.94,2.49-10.641.008-.186-.014-.374-.029-.56-.003-.037-.035-.071-.096-.186-.223,0-.488,0-.752,0-12.625,0-25.25,0-37.875,0-.208,0-.42-.027-.624.001-.519.072-.637-.184-.638-.649-.012-3.333-.06-6.666-.061-9.999-.005-15.395.002-30.791.004-46.186,0-1.017,0-2.034,0-3.111Z" /><path  fill="white" d="m10.837,80.498c.303,0,.528,0,.752,0,3.813,0,7.626,0,11.438,0,3.785,0,7.275-1.023,10.442-3.086,2.062-1.343,3.688-3.097,4.776-5.331.269-.552.664-1.042.952-1.586.16-.303.213-.663.323-.994.875-2.647,1.304-5.368,1.354-8.152.003-.187-.008-.375-.019-.562-.003-.06-.027-.119-.059-.254-.244-.011-.505-.034-.765-.034-12.605-.002-25.211-.001-37.816-.002-1.322,0-1.338,0-1.339-1.309-.008-16.417-.011-32.833-.014-49.25,0-2.917.01-5.833-.01-8.75-.003-.473.123-.708.617-.686.249.011.5-.01.75-.01,19.023,0,38.045,0,57.068,0,1.348,0,1.361,0,1.362,1.331.018,19.48.039,38.959.042,58.439,0,4.404-.376,8.765-1.546,13.04-.769,2.809-1.905,5.456-3.306,7.988-.679,1.227-1.481,2.395-2.32,3.52-1.017,1.364-2.061,2.721-3.223,3.96-1.867,1.992-3.953,3.752-6.226,5.276-4.003,2.682-8.364,4.559-13.084,5.497-2.174.432-4.407.686-6.623.766-4.348.158-8.702.133-13.053.197-.476.007-.478-.262-.48-.6-.013-2.166-.05-4.333-.046-6.499.006-4.125.034-8.25.053-12.375,0-.144,0-.288,0-.534Z" /></svg>');		
	}
	&:after {
		bottom: -10px;
		left: 30%;		
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142.5 102"><path fill="white" d="m21.67,40.996c.335,0,.603,0,.871,0,12.729,0,25.459,0,38.188,0,.921,0,.926.004.926.899.015,18.541.031,37.081.042,55.622,0,.979-.041,1.958-.042,2.937,0,.396-.145.583-.554.545-.186-.017-.375-.002-.562-.002-19.271,0-38.542,0-57.813,0-.867,0-.877,0-.887-.881-.026-2.354-.06-4.707-.06-7.061-.005-17.395-.003-34.79-.002-52.185,0-3.335.114-6.66.825-9.937.508-2.34,1.145-4.638,2.073-6.849.447-1.066.846-2.16,1.395-3.173.648-1.195,1.37-2.364,2.178-3.457,1.149-1.555,2.324-3.106,3.633-4.524,2.381-2.579,5.085-4.787,8.126-6.57,4.232-2.481,8.771-4.108,13.623-4.789,2.201-.309,4.432-.497,6.654-.554,3.498-.09,6.999-.025,10.5-.023.862,0,.87.007.87.837,0,6.187-.009,12.374.003,18.56,0,.484-.177.598-.621.597-3.958-.009-7.917-.039-11.875.017-1.828.026-3.624.311-5.406.83-2.391.695-4.464,1.843-6.339,3.468-2.378,2.061-3.955,4.581-4.83,7.588-.729,2.504-1.009,5.052-.945,7.649.003.121.016.242.03.457Z" /><path fill="white" d="m101.501,41.049h40.222c0,1.057,0,2.01,0,2.963,0,17.791.003,35.581,0,53.372,0,1-.046,1.999-.039,2.999.003.449-.137.67-.611.617-.185-.021-.375-.002-.562-.002-19.167,0-38.333,0-57.5-.001-1.292,0-1.124.136-1.14-1.139-.036-2.77-.055-5.541-.056-8.311-.005-16.582-.009-33.165.005-49.747.002-2.29-.017-4.592.201-6.866.192-1.998.61-3.989,1.102-5.939.476-1.885,1.095-3.744,1.801-5.556.471-1.209,1.203-2.317,1.819-3.47.059-.11.129-.214.19-.323,2.575-4.597,6.106-8.327,10.329-11.44,5.251-3.871,11.178-5.995,17.603-6.812,4.082-.52,8.19-.405,12.293-.4,1.292.002,2.584.029,3.875-.004.512-.013.636.176.636.647,0,2.75.038,5.499.036,8.249-.002,3.458-.042,6.916-.036,10.374,0,.568-.158.747-.741.743-3.667-.025-7.333-.017-11-.011-2.28.004-4.493.331-6.691,1.012-2.162.67-3.995,1.786-5.707,3.217-3.207,2.68-4.893,6.169-5.496,10.22-.268,1.8-.35,3.627-.533,5.609Z" /></svg>');		
	}
	* {
		text-align: center;
	}
	h1 {
		text-transform: uppercase;
		font-size: 32px;
		font-family: HoratioDMed;
        margin: 0px;
	}
	p {
		font-size: 20px;
		font-family: MyriadWeb;
        margin-bottom: 12px;
        margin-top:12px;
		&.source {
			font-style: italic;
		}
	}
	.border {
		height: 5px;
		width: 100%;
		position: absolute;
		left: 0;
		&.top {
			top: 0;
			&:before,
			&:after {
				content: "";
				position: absolute;
				background: #fff;
				z-index: 10;
				height: 5px;
			}
			&:before {
				width: 75%;
				left: 0;							
			}
			&:after {
				width: 5%;
				right: 0;
			}
		}
		&.bottom {
			bottom: 0;
			&:before,
			&:after {
				content: "";
				position: absolute;
				background: #fff;
				z-index: 10;
				height: 5px;
			}
			&:before {
				width: 25%;
				left: 0;							
			}
			&:after {
				width: 55%;
				right: 0;
			}
		}
	}
	.shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		&:before,
		&:after {
			content: "";
			position: absolute;
			z-index: -1;
			background: #599191;
		}
		&:before {
			right: 0;
			transform-origin: top right;
			transform: rotate(-45deg);
			width: 75%;
			height: 250%;
		}
		&:after {
			left: 0;
			transform-origin: bottom left;
			transform: rotate(45deg);
			width: 100%;
			height: 100%;
		}
	}
}

.container-endless{
    width: 100%;
    padding: 2.5rem 10%;
    background-color: #098d8b;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    h5{
        width: 100%;
        color: white;
        font-size: 50px;
        letter-spacing: 1.2px;
        text-align: center;
        margin-bottom: 48px;
        margin-top: 32px;
    }
    .endless-menu{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        .container-resume{
            width: 32%;
            border-right: 1px solid white;
            min-width: 170px;
            h5{
                font-size: 22px;
                text-align: left;
            }
            p{
                font-family: MyriadWeb;
                color: white;
                font-size: 18px;
                cursor: pointer;
                
                a{
                    color: white;
                    text-decoration: none;
                }
            }
        }
        .container-contact{
            width: 32%;
            min-width: 170px;
            h5{
                font-size: 22px;
                text-align: left;
            }
            p{
                font-family: MyriadWeb;
                color: white;
                font-size: 18px;
            }
        }
        .container-social{
            min-width: 170px;
            width: 32%;
            padding-left: 14px;
            border-left: 1px solid white;
            h5{
                font-size: 22px;
                text-align: left;
            }
            p{
                font-family: MyriadWeb;
                color: white;
                font-size: 18px;
                cursor: pointer;
                a{
                
                    font-family: MyriadWeb;
                    color: white;
                    font-size: 18px;
                    cursor: pointer;
                    
                }
            }
        }
    }
    .endless-logo{
        width: 100%;
        text-align: center;
        p{
            font-family: MyriadWeb;
            color: white;
            font-size: 18px;
            width: 100%;
            text-align: center;
        }
        img{
            width: 150px;
        }
    }
}

@media only screen and (max-width: 1250px) {
    .splide-img-custom{
        display: none;
    }
    .splide-txt-custom{
        
        h2{
            font-size: 32px;
        }
    }
    .banner-title{
        width: 60%;
    }
    .container-formulario {
        width: 100% !important;
        padding: 10px 0;

        .container-form-image{
            padding-top: 225px;
        }
        .container-form {
            padding-top: 100px;
            min-width: 0 !important;
            h2{
                line-height: normal;
            }
            p{
                font-size: 20px;
                font-weight: regular;
            }
            iframe{
                height: 805px !important;
            }
        }
    }
}

@media only screen and (max-width: 1050px) {
    .container-banner{
        height: auto;
        
    }
    .banner-title{
        width: 100% !important;
        height: 300px !important;
    }
    .splide-img-custom{
        height: 300px !important;
        width: 100% !important;
    }
    .container-diferential{
        top: 640px ;
        width: 100%;
    }
    .container-system {
        & .system-block {
            & .system-structure {
                & .system-information {
                    width: 40%;
                    & .collapsed-information {
                        max-height: 44px;
                        margin-bottom: 8px;
                        padding-top: .8rem;
                        h4 {
                            font-size: 18px;
                        }
                    }
                }
            }
        }
    }
    .container-endless {
        & .endless-menu {
            width: 100%;
            .container-resume {
                width: 100%;
            }
            .container-contact {
                width: 100%;
                margin-bottom: 50px;
            }
            .container-social {
                margin-bottom: 50px;
                width: 100%;
            }
        }
    }
}




@media only screen and (max-width: 930px) {
    .pricing-block{
        width: 100%;
        padding: 1.25rem 3rem;
    }
    .container-price{
        width: 100%;
    }
    .container-disclaimer{
        width: 100%;
        min-width: 0;
    }
    .testimonial {
        width: 80%;
    }
    .container-system {
        & .system-block {
            & .system-structure {
                & .system-information {
                    width: 90%;
                    & .collapsed-information {
                        
                    }
                }
            }
        }
    }
    .container-system {
        & .system-block {
            & .system-structure {
                .system-image {
                    width: 100%;
                    img{height: 550px;}
                    
                }
            }
        }
    }
    .menu {
        width: 100%;
        & .menu-botao {
            .item-menu {
                display: none;
            }
        }
    }
    .container-formulario {
        width: 100% !important;
        padding: 10px 0;
        .container-form-image{
            padding-top: 225px;
        }
        .container-form {
            padding-top: 20px;
            width: 100%;
            padding-left: 10%;
        }
    }
}