@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;}
}




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

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

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




.contact{padding: 100px 0;margin: 0;outline: none;background: #f0f5f9;text-align: center;}
.contact .flex{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-content: flex-start;align-items: stretch;}
.contact .webchat {background: #fff;margin: 0;padding: 0;border-radius: 20px;overflow: hidden;width: 580px;min-height: 420px;box-shadow: 0 0 50px 10px rgb(0 0 0 / 0.08);position: relative;}
.contact .webchat .title{font-size: 18px;color: #fff;padding: 16px;margin: 0;text-align: center;background: #3d2582;font-weight: 700;z-index: 99;position: relative;}
.contact .webchat .loader{animation: spin 0.75s linear infinite;width: 50px;margin: 0;display: block;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);z-index: 0;}
.contact .webchat iframe{height: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;}

.contact .block {background: #fff;padding: 0 0 20px 0;border-radius: 25px;max-width: 580px;text-align: left;display: block;overflow: hidden;width: 100%;margin: 0;box-shadow: 0 0 50px 10px rgb(0 0 0 / 0.08);}
.contact .block .title{font-size: 16px;color: #fff;padding: 16px;margin: 0 0 40px 0;text-align: center;background: #3d2582;font-weight: 700;z-index: 99;position: relative;}
.contact .block p{color: #042534;margin: 30px 50px;font-size: 16px;/* word-break: break-all; */}
.contact .block p a{color: #042534;text-decoration: none;}
.contact .block p a:hover{color: #f89a1c;}

@media screen and (max-width: 1300px){
	.contact .webchat{max-width: 440px;}
	.contact .block{max-width: 440px;}
	.contact .block p {margin: 20px 30px;}
	.contact .block p b{display: block;}
	.contact .webchat .title,
	.contact .block .title{font-size: 14px;}
}

@media screen and (max-width: 1024px){
	.contact .flex{flex-direction: column;}
	.contact .block{margin-top: 50px;}

}




.maps{font-size: 0;background: #fff;padding: 0 0 100px 0;}
.maps .block {border: 10px solid #fff;background: #fff;padding: 0;border-radius: 25px;text-align: left;display: block;overflow: hidden;width: 100%;margin: 0;box-shadow: 0 0 50px 10px rgb(0 0 0 / 0.08);}
.maps .block .title{font-size: 16px;color: #fff;padding: 16px;margin: 0 0 40px 0;text-align: center;background: #3d2582;font-weight: 700;z-index: 99;position: relative;}
.maps .block p{margin: 30px 50px;font-size: 16px;}





.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;}
}


@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}