html{
    font-family: "Figtree", "Open Sans";
}

p{
    /* color:#707070; */
    line-height: 1.6rem;
}

.loaded #preloader{
	visibility: hidden;
	z-index: -1;
	transition: all .3s 1s ease-out;
}

.loaded .loader-left{
	transform:translateX(-100%);
	transition:all .3s .7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader-right{
	transform:translateX(100%);
	transition:all .3s .7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#preloader img{
	animation: 2s load linear infinite;
}

@keyframes load{
	0% {
		opacity:0.2;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity:0.2;
	}
}

.menu-nav li a{
    transition:.2s ease-in-out;
    position:relative;    
}
.menu-nav li a:before{
    content:'';
    position:absolute;
    transition:.2s ease-in-out;
    left:0;
    bottom:0;
    height: 1px;
    background-color: #29526C;
    width:0;
}
    .menu-nav li a:hover{
        color:#29526C;
    }
    .menu-nav li a:hover:before{
        width:100%;
    }

.slide .wp-block-list li{
    color:#707070;
    font-size:1.2rem;
}

.slide .wp-block-list li::marker{
    content: "\f704";
    font-family:'tabler-icons';
    font-weight:bold;
    color:#29526C;
}

.slide .wp-block-list{
    margin:1rem 0 3rem 0;
}

.slide p{
    font-size:1.2rem;
    color:#707070;
    margin:1rem 0;
    width:70%;
}

.wp-block-buttons>.blue-btn{
    margin-right:3rem;
}

.blue-btn a{
    border-radius:10px;
    background-color: #29526C;
    transition:.2s ease-in-out;
    border:1px solid #29526C;
}
    .blue-btn a:hover{
        background-color: #fff;
        color:#29526C;
    }

.guide-btn a{
    border-radius:10px;
    border:1px solid #707070;
    background-color: #fff;
    color:#29526C;
    transition:.2s ease-in-out;
}
    .guide-btn a:hover{
        background-color: #29526C;
        color:#fff;
    }

.text-content p{
    color:#fff;
    line-height: 1.7rem;

}

@media (max-width: 600px){
    .slide p{
        font-size:1rem;
        margin:0.7rem 0;
        width:100%;
    }
    .slide .wp-block-list li{
        font-size:1rem;
        
    }
    .slide .wp-block-list{
        margin:0.3rem 0 0rem 1rem;
    }
    .wp-block-buttons{
        text-align: center;
    }
    .menu-nav li{
        margin:0.7rem 0;  
    }
    .menu{
        display:none;
    }
}

@media (min-width: 996px) and (max-width: 1199px){
    .blue-btn a{
        font-size:1rem;
    }
    .guide-btn a{
        font-size:1rem;
    }
    .slide p{
        font-size:1rem;
        margin:0.7rem 0;
        width:100%;
    }
    .slide .wp-block-list li{
        font-size:1rem;        
    }
    .about p{
        font-size:1rem;
    }
}

@media (min-width: 1200px) and (max-width:1399px){
    .slide p{
        font-size:1rem;
        margin:0.7rem 0;
        width:100%;
    }
    .slide .wp-block-list li{
        font-size:1rem;        
    }
    .wp-block-buttons{
        text-align: center;
    }
}

.main-title:before{
    content: url(../images/icon.png);
    position: absolute;
    left:-50px;
    bottom:0;
}

.box-cursos img{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.page-curso p{
    color:#707070;
    line-height: 1.8rem;

}

.box-teacher{
    width:80%;
    text-align: center;
    display:block;
    margin:0 auto;
}

.box-teacher img{    
    display:block;
    margin:0 auto;
    border-left:1.5rem solid #29526C;
}

.img-contato img{
    display:block;
    margin:0 auto;
}

.caps{
    writing-mode: vertical-lr;
    transform:rotate(180deg);
    text-orientation: sideways;
}

.box-depoimento{
    display:block;
    margin:0 auto;
}

.box-blog{
    display:block;
    margin:0 auto;
}

#main-contact ::placeholder{
    color:#eaeaea;
    padding-left:0.5rem;
}

.newsletter ::placeholder{
    color:#29526c7a;
    padding-left:0.5rem;
}

@media (max-width: 600px){
    .img-contato img{
        width:80%;
    }
    .contato-img{
        width:45%;
    }
    .box-blog{
        width:100%;
    }
}