@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{font: 100% 'Poppins', sans-serif;font-weight: 400;line-height: normal;color: #042534;background: #f0f5f9;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;font-weight: 700;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #2c3357;}

.container {width: 100%;max-width: 1260px;margin: 0 auto;padding: 0 20px;position: relative;}

@media screen and (max-width: 1300px){
	.container{padding: 0 30px;max-width: 1000px !important;}
}

@media screen and (max-width: 1024px){
	.container{padding: 0 30px;max-width: 500px !important;}
}



.header{width: 100%;outline: none;position: absolute;background: #170239;background: linear-gradient(0deg, #34225c00 0%, #120627 100%);z-index: 99;}
.header .flex{display: flex;width: 100%;height: 160px;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.header .flex .logo{padding: 0;float: left;margin: 0;font-size: 0;}
.header .flex .logo img{max-width: 260px;width: 100%;}
.header .flex .menu {margin: 0;padding: 0;}
.header .flex .menu li {float: left;list-style: none;margin: 0;}
.header .flex .menu li a{color: #ffffff;font-size: 18px;font-weight: 400;padding: 5px 0px 5px 50px;text-decoration: none;}
.header .flex .menu li a.active {color: #b49aff;}
.header .flex .menu li a:hover {color: #f89a1c;}

.header .flex .bt{display: none;}
.header .flex .bt .bt-menu{display: none;cursor: pointer;margin: 24px 0px;float: right;}
.header .flex .bt .bt-close{display: none;cursor: pointer;margin: 24px 0px;float: right;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

.submenu{background: #ffffff;position: absolute;margin: 20px 10px;top: -400px;padding: 20px 30px;z-index: 9;border-radius: 10px;right: 16px;box-shadow: 0 10px 20px 10px rgb(0 0 0 / 0.2);}
.submenu:before {content: "";display: inline-block;vertical-align: middle;margin-right: 10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;position: absolute;right: 0px;top: -9px;}
.submenu ul {list-style: none;padding: 0;margin: 0;}
.submenu ul li{padding: .5rem 0;}
.submenu ul li a{border-bottom: none;color: #042534;font-size: 20px;font-weight: 700;text-decoration: none;}
.submenu ul li a.active {color: #f89a1c;}
.submenu ul li a:hover {color: #f89a1c;}
.submenu a.outline{background: transparent;font-size: 14px;font-weight: 400;padding: 10px 30px;border-radius: 25px;outline: none;color: #7300a3;margin: 10px 0;display: block;text-align: center;border: 2px solid #7300a3;}
.submenu a.outline:hover {background: #31c2c3;border: 2px solid #31c2c3;}


@media screen and (max-width: 1300px){
	.header .flex{height: 120px;}
	.header .flex .logo img{max-width: 200px;}
	.header .flex .menu li a{padding: 5px 0px 5px 40px;font-size: 16px;}
}

@media screen and (max-width: 1024px){
	.header{height: 80px;top: 20px;background: none;}
	.header .flex{height: 80px;}
	.header .flex .logo img{max-width: 260px;}
	.header .flex .menu {display: none;}
	.header .flex .bt{display: block;}

	.header .flex .bt .bt-menu{display: block;}
	.header .hide{display: none !important;}
	.header .show{display: block !important;}

	.submenu.active {display: block;top: 65px;}
}




.blog-head{padding: 140px 0 70px 0;margin: 0;outline: none;background: #0f0224;background: linear-gradient(45deg, #0f0224 0%, #3d2582 100%);text-align: left;}
.blog-head .flex{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.blog-head img{width: 100%;max-width: 330px;}
.blog-head .block{margin: 50px 0 0 0;}
.blog-head .block span{color: #f89a1c;font-weight: 700;font-size: 18px;margin: 0;}
.blog-head .block a{color: #f89a1c;font-weight: 700;font-size: 22px;margin: 0;text-decoration: none;}
.blog-head .block a:hover{color: #fff;}
.blog-head .block h1{margin: 0;padding: 0;font-size: 38px;color: #fff;font-weight: 700;}
.blog-head .block p{font-size: 16px;color: #fff;margin: 30px 0 0 0;}

@media screen and (max-width: 1300px){
	.blog-head img{max-width: 230px;}
	.blog-head .block h1{font-size: 38px;line-height: 46px;}
	.blog-head .block p{}
}

@media screen and (max-width: 1024px){
	.blog-head .block h1{font-size: 30px;}
	.blog-head img{display: none;}
}



.blog-body{padding: 80px 0 0;margin: 0;outline: none;background: #f0f5f9;text-align: center;}
.blog-body .flex{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-content: flex-start;}
.blog-body .flex .box{background: #fff;border-radius: 15px;color: #8500bb;margin: 0;overflow: hidden;box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);text-align: left;cursor: pointer;width: 100%;max-width: 380px;text-decoration: none;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.blog-body .flex .box .cover{position: relative;background: #3d2582;height: 200px;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50% 20%;background-image: url(../img/blog/cover.webp);}
.blog-body .flex .box .title{font-size: 16px;margin: 20px 20px;color: #042534;font-weight: 700;}
.blog-body .flex .box:hover{transform: scale(1.03);background: #fff;}

@media screen and (max-width: 1300px){
	.blog-body .flex .box{max-width: 290px;}
	.blog-body .flex .box .cover{height: 150px;}
	.blog-body .flex .box .title{font-size: 12px;}
}

@media screen and (max-width: 1024px){
	.blog-body .flex{flex-direction: column;}
	.blog-body .flex .box{max-width: 100%;margin: 0 auto 30px;}
	.blog-body .flex .box .title{font-size: 14px;}
}


.blog-title{padding: 250px 0 80px 0;margin: 0;outline: none;background: #0f0224;background: linear-gradient(45deg, #0f0224 0%, #3d2582 100%);text-align: left;}
.blog-title .block{}
.blog-title .block span{color: #f89a1c;font-weight: 700;font-size: 22px;margin: 0;}
.blog-title .block a{color: #f89a1c;font-weight: 700;font-size: 18px;margin: 0;text-decoration: none;}
.blog-title .block a:hover{color: #b49aff;}
.blog-title .block h1{margin: 0;padding: 0;font-size: 38px;color: #fff;font-weight: 700;}
.blog-title .block p{font-size: 14px;color: #fff;margin: 30px 0 0;}

@media screen and (max-width: 1300px){
	.blog-title .block h1{font-size: 34px;line-height: 46px;}
	.blog-title .block p{}
}



@media screen and (max-width: 1024px){
	.blog-title .block h1{font-size: 30px;}
}



.blog-content{background: #fff;padding: 80px 0 20px;}
.blog-content p{font-size: 18px;margin: 0 0 20px 0;}
.blog-content p b{font-size: 20px;margin: 50px 0 0 0;display: block;}
.blog-content ul{}
.blog-content ul li{font-size: 18px;margin: 20px 0 0 0;color: #fff;}
.blog-content a{font-size: 18px;color: #042534;}
.blog-content a:hover{color: #f89a1c;}

@media screen and (max-width: 1024px){

}



.splash{padding: 80px 0;margin: 0;outline: none;background: #f0f5f9;text-align: left;}
.splash .flex{background: radial-gradient(circle, #3d2582 0%, #0f0224 100%);padding: 50px;border-radius: 25px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;box-shadow: 0 20px 50px 10px rgb(0 0 0 / 0.08);}
.splash .flex p{color: #fff;font-size: 16px;margin: 0;}
.splash .flex p b{font-size: 22px;}
.splash .flex a{color: #ffff;background: #25d266;padding: 15px 30px 15px 60px;border-radius: 10px;text-decoration: none;font-weight: 400;text-align: center;position: relative;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.splash .flex a:hover {background: #02ea59;transform: scale(1.03);}
.splash a img{width: 24px;position: absolute;left: 25px;top: 15px;}

@media screen and (max-width: 1300px){
	.splash .flex{padding: 35px;}
	.splash .flex p{font-size: 14px;}
	.splash .flex p b{font-size: 16px;}
	.splash .flex a{font-size: 15px;}
}

@media screen and (max-width: 1024px){
	.splash{padding: 50px 0;}
	.splash .flex{flex-direction: column;padding: 40px;}
	.splash .flex a{margin: 40px auto 0;width: 100%;}
}



.reviews{padding: 80px 0;margin: 0;outline: none;background: #fff;text-align: center;}
.reviews h2{margin: 0 auto 50px;padding: 0;font-size: 20px;font-weight: 700;text-align: center;text-transform: uppercase;color: #7747ff;}
.reviews h2 b{display: block;font-size: 42px;font-weight: 400;text-transform: capitalize;color: #042534;}
.reviews img{max-width: 250px;display: block;margin: 0 auto;}
.reviews p{color: #5a5c5e;font-size: 16px;margin: 20px auto 0;}
.reviews a{color: #5a5c5e;font-size: 18px;margin: 0 auto;display: inline-block;font-weight: 700;text-decoration: none;}
.reviews a:hover{color:#3074f1;}

@media screen and (max-width: 1024px){
	.reviews{padding: 50px 0;}
	.reviews .flex{flex-direction: column;padding: 40px;}
	.reviews .flex a{margin: 40px auto 0;width: 100%;}
}




.footer{background: #0f0224;background: radial-gradient(circle, #261654 0%, #0f0224 100%);padding: 50px 0;}
.footer .flex{display: flex;flex-direction: row;align-items: center;justify-content: space-between;box-shadow: 0 20px 50px 10px rgb(0 0 0 / 0.08);}
.footer p{color: #ddd;font-size: 14px;margin: 10px 0;}
.footer p.nome{font-weight: 700;}
.footer a{display: block;color: #ddd;font-size: 14px;text-align: right;margin: 10px 0;text-decoration: none;}

.footer a:hover{color: #f99b1d;}
.footer a.dpn{font-weight: 700;}

@media screen and (max-width: 1024px){
  .footer .flex{flex-direction: column;}
  .footer p{text-align: center;}
  .footer a{text-align: center;}
}



.rdp {background: #0f0224;color: #cbd8de;overflow: hidden;padding: 30px 0;}
.rdp .flex{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.rdp p {text-align: center;font-size: 10px;padding: 0;margin: 0;color: #ddd;}
.rdp p a{color: #ddd;text-decoration: none;}
.rdp p a:hover{color: #f99b1d;}

@media screen and (max-width: 1024px){
	.rdp p.left,
	.rdp p.right{float: none !important;max-width: 300px;margin: 0 auto;}
}