/*------scroll bar---------------------*/
	::-webkit-scrollbar {
	  width: 15px;
	  height: 7px;
	  cursor: pointer;
	}
	::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	::-webkit-scrollbar-thumb {
	  background: #f78d1f;
	  border: 0px none #ffffff;
	  border-radius: 0px;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: #cb6d04;
	  transition: 1200ms;
	  cursor: pointer;
	}
	::-webkit-scrollbar-thumb:active {
	  background: #f7a01f;
	  cursor: pointer;
	}

	::-webkit-scrollbar-track {
	  background: transparent;
	  border: 0px none #ffffff;
	  border-radius: 50px;
	}
	::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	::-webkit-scrollbar-corner {
	  background: transparent;
	}
/*----------------------------------------------------------
============================================================
   ============= START FULL COLORS SISTEM =============== 
============================================================
----------------------------------------------------------*/
/*----------------------------------------------------------
        ============= START COLORS =============== 
----------------------------------------------------------*/
.color-01{color:#ffffff!important;}
.color-02{color:#000000!important;}
.color-03{color:#dc3545 !important;}
.color-04{color:#FF0000 !important;}
.color-05{color:#ae0000 !important;}
.color-06{color:#be2828 !important;}
.color-07{color:#c8620c !important;}
.color-08{color:#e15f41 !important;}
.color-09{color:#e66767 !important;}
.color-10{color:#e77f67 !important;}
.color-11{color:#946103 !important;}
.color-12{color:#be7d04 !important;}
.color-13{color:#ffc107 !important;}
.color-14{color:#FFA500 !important;}
.color-15{color:#DAA520 !important;}
.color-16{color:#8B008B !important;}
.color-17{color:#cc04cc !important;}
.color-18{color:#ec00ec !important;}
.color-19{color:#c44569 !important;}
.color-20{color:#786fa6 !important;}
.color-21{color:#574b90 !important;}
.color-22{color:#778beb !important;}
.color-23{color:#3A5FCD !important;}
.color-24{color:#5169ef !important;}
.color-25{color:#3054ff !important;}
.color-26{color:#007bff !important;}
.color-27{color:#00BFFF !important;}
.color-28{color:#3dc1d3 !important;}
.color-29{color:#326401 !important;}
.color-30{color:#458B00 !important;}
.color-31{color:#43CD80 !important;}
.color-32{color:#3CB371 !important;}
.color-33{color:#28a745 !important;}
/*----------------------------------------------------------
         ============= END COLORS =============== 
----------------------------------------------------------*/
/*----------------------------------------------------------
    ============= START BACKGROUND COLORS =============== 
----------------------------------------------------------*/
.bg-color-01{background-color:#ffffff!important;}
.bg-color-02{background-color:#000000!important;}
.bg-color-03{background-color:#dc3545 !important;}
.bg-color-04{background-color:#FF0000 !important;}
.bg-color-05{background-color:#ae0000 !important;}
.bg-color-06{background-color:#be2828 !important;}
.bg-color-07{background-color:#c8620c !important;}
.bg-color-08{background-color:#e15f41 !important;}
.bg-color-09{background-color:#e66767 !important;}
.bg-color-10{background-color:#e77f67 !important;}
.bg-color-11{background-color:#946103 !important;}
.bg-color-12{background-color:#be7d04 !important;}
.bg-color-13{background-color:#ffc107 !important;}
.bg-color-14{background-color:#FFA500 !important;}
.bg-color-15{background-color:#DAA520 !important;}
.bg-color-16{background-color:#8B008B !important;}
.bg-color-17{background-color:#cc04cc !important;}
.bg-color-18{background-color:#ec00ec !important;}
.bg-color-19{background-color:#c44569 !important;}
.bg-color-20{background-color:#786fa6 !important;}
.bg-color-21{background-color:#574b90 !important;}
.bg-color-22{background-color:#778beb !important;}
.bg-color-23{background-color:#3A5FCD !important;}
.bg-color-24{background-color:#5169ef !important;}
.bg-color-25{background-color:#3054ff !important;}
.bg-color-26{background-color:#007bff !important;}
.bg-color-27{background-color:#00BFFF !important;}
.bg-color-28{background-color:#3dc1d3 !important;}
.bg-color-29{background-color:#326401 !important;}
.bg-color-30{background-color:#458B00 !important;}
.bg-color-31{background-color:#43CD80 !important;}
.bg-color-32{background-color:#3CB371 !important;}
.bg-color-33{background-color:#28a745 !important;}
/*----------------------------------------------------------
    ============= END BACKGROUND COLORS =============== 
----------------------------------------------------------*/
/*----------------------------------------------------------
============================================================
    ============= END FULL COLORS SISTEM =============== 
============================================================
----------------------------------------------------------*/

.font-family-1{font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
.font-family-2{font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;}

.font-individual-family-1{font-family:'Oswald'}
.font-individual-family-2{font-family:'mark-pro-bold'}
.font-individual-family-3{font-family:'mark-pro-regular'}


/* .cwd8-page-container{height: 100vh;} */

	.cwd8-row,
	.cwd8-row-content {
		position: relative
	}

	.cwd8-row-1 .cwd8-row-content,
	.cwd8-row-3 .cwd8-row-content {
    background: rgb(247 141 31);
		background-position: center top;
		color: #000;
		background-repeat: no-repeat;
	}

/* Font Style */
	.italic {font-style: italic;}
	.font-weight-bold{font-weight: bold;}	

/*Font Decoration None*/	
.text-d-none{text-decoration: none;}

/*List Ul None */
.list-none ul{list-style: none;}

.border-radius{border-radius: 29px;}

.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* line-height */
	.lh-1{line-height:16px;}

/* Margin */
	.mt-5 {margin-top: 5px;}
	.mt-10 {margin-top: 10px;}		
	.mt-15 {margin-top: 15px;}		
	.mt-20 {margin-top: 20px;}		
  .mt-25 {margin-top: 25px;}
	.mb-5 {margin-bottom: 5px;}
	.mb-10 { margin-bottom: 10px;}
	.mb-15 { margin-bottom: 15px;}	
	.mb-20 { margin-bottom: 20px;}
	.mr-5 {margin-right:5px;}

	.pt-5 {padding-top:5px!important;}
	.pt-10 {padding-top:10px!important;}
	.pt-15 {padding-top:15px!important;}

	.pb-5 {padding-bottom:5px!important;}
	.pb-10 {padding-bottom:10px!important;}
	.pb-15 {padding-bottom:15px!important;}

	.pl-5 {padding-left:5px!important;}
	.pl-10 {padding-left:10px!important;}
	.pl-20 {padding-left:20px!important;}
	.pl-30 {padding-left:30px!important;}

	.pr-5 {padding-right:5px!important;}
	.pr-10 {padding-right:10px!important;}
	.pr-20 {padding-right:20px!important;}
	.pr-30 {padding-right:30px!important;}

/* Letter Space */
	.ls-1{letter-spacing: 1px;}
	.ls-2{letter-spacing: 2px;}
	.ls-3{letter-spacing: 3px;}
	.ls-4{letter-spacing: 4px;}
	.ls-5{letter-spacing: 5px;}	
	.ls-6{letter-spacing: 6px;}
	.ls-7{letter-spacing: 7px;}
	.ls-8{letter-spacing: 8px;}
	.ls-9{letter-spacing: 9px;}
	.ls-10{letter-spacing: 10px;}

/* Font Size */

	.fs-9 {font-size:  9px;}
	.fs-12{font-size: 12px;}	
	.fs-14{font-size: 14px;}
	.fs-15{font-size: 15px;}	
	.fs-16{font-size: 16px;}
	.fs-18{font-size: 18px;}	
	.fs-19{font-size: 19px;}
	.fs-20{font-size: 20px;}
	.fs-23{font-size: 23px;}
	.fs-25{font-size: 25px;}	
	.fs-35{font-size: 35px;}

/* Clear quebra de linha */
  .clear-right{clear: right;}

/* Collors  */
	.color-default-03{color:#a3acc1;}
	.color-default-05{color:#5aadef;}
	.color-default-10{color:#ced4da;}
	.color-default-11{color:#ffffff;}
	.color-default-12{color:#863ae0;}
	.color-default-13{color:#9a92ff;}
	.color-default-14{color:#979696;}
	.color-default-15{color:#2e55a2;}
	.color-white{color: #ffffff;}
	.color-black{color: #000000;}
	.bg-color-01{background-color: #863ae0;}
	.bg-color-02{background-color: #2e55a2;}
	.bg-color-03{background-color: #67c0d8;}
	.bg-color-04{background-color: #ea55a1;}
	.bg-color-05{background-color: #00afef;}
	.bg-color-06{background-color: #45a12c;}
	.bg-color-07{background-color: #3b72b4;}


	.save{padding: 0 0 0 0px!important;}

	.center{display: flex; flex-direction: column; align-items: center;}
	.center-justify{align-content: space-between; justify-content: flex-start; align-items: center;}
	.center-2{display:flex; justify-content: center; align-items: center; height: 100vh;}

.center-3{
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
 align-items: center;
}

	


	body {
		background-color: #fff;
		color: #000;
		font-family: mark-pro-bold, Oswald, Helvetica Neue, Helvetica, sans-serif;
    height: 100vh;
	}

	a {color: #0068a5}
	* {box-sizing: border-box}

	body,
	h1,
	h2,
	p {
		margin: 0
	}



	.txt-style-font-1{
			color:#ffffff;
			direction:ltr;
			font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;
			font-weight:normal;
			letter-spacing:normal;
			line-height:130%;
			text-align:center;
			margin-top:0;
			margin-bottom:0;
	}

	.txt-style-font-2{
			font-size: 14px;
			line-height: 150%;
			color: #555555;
			font-family: inherit;
	}
	.txt-style-font-2 p {line-height: 21px; text-align: center;}
	.txt-style-font-2 p span{line-height: 18px;}

	.align-txt-and-icon{display: flex; justify-content: center;}

	.cwd8-row-content {
		max-width: 480px;
		margin: 0 auto;
		display: flex;
	}

	.cwd8-row-content .cwd8-col-w6 {flex-basis: 50%;}
	.cwd8-row-content .cwd8-col-w12 {flex-basis: 100%;}
	.cwd8-button .content {text-align: center;}

	.cwd8-button a,
	.cwd8-icon .cwd8-icon-label-right a {text-decoration: none;}
	.cwd8-divider,
	.cwd8-image {overflow: auto;}
	.cwd8-divider .center,
	.cwd8-image .cwd8-center {margin: 0 auto;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-5,
	.cwd8-row-2 .cwd8-col-1 .cwd8-block-1,
	.cwd8-row-2 .cwd8-col-2 .cwd8-block-1 {width: 100%;}
	.cwd8-icon {display: inline-block; vertical-align: middle;}
	.cwd8-icon .cwd8-content {display: flex; align-items: center;}
	.cwd8-image img {display: block; width: 100%;}
	.cwd8-social .icon img {max-height: 32px;}
	.cwd8-text {overflow-wrap: anywhere}

	@media (max-width:500px) {.cwd8-row-content:not(.no_stack){display: block;}}

	.cwd8-row-1,
	.cwd8-row-2,
	.cwd8-row-3 {background-color: #0a0a19; background-repeat: no-repeat;}

	.cwd8-row-1 .cwd8-row-content {
		background-image: url('../../__assets/_img/banner/banner-1.png')}

	.cwd8-row-1 .cwd8-col-1,
	.cwd8-row-4 .cwd8-col-1 {padding-bottom: 5px; padding-top: 5px;}

	.cwd8-row-1 .cwd8-col-1 .cwd8-block-1,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-2 {padding: 60px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-12,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-4 {padding: 15px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-13,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-6,
	.cwd8-row-3 .cwd8-col-1 .cwd8-block-1 {text-align: center; width: 100%;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-7 {padding: 10px 50px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-10,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-11,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-8,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-9 {padding: 10px 20px; text-align: center;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-14 {padding: 10px;}
	.cwd8-row-2 .cwd8-row-content,
	.cwd8-row-4 .cwd8-row-content {background-repeat: no-repeat; color: #000;}
	.cwd8-row-3 .cwd8-col-1 {padding-bottom: 15px; padding-top: 15px;}
	.cwd8-row-3 .cwd8-col-1 .cwd8-block-2 {padding: 10px; text-align: center;}
	.cwd8-row-4 {background-repeat: no-repeat;}

	.cwd8-row-1 .cwd8-col-1 .cwd8-block-3 {padding: 50px;}


	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 {
		color: #9d9d9d;
		font-family: inherit;
		font-size: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: center;
	}

	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon-image {padding: 2px 2px 2px 2px;}
  .cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon-image img {height:32px;}
	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon:not(.cwd8-icon-first) .cwd8-content {margin-left: 0;}
	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon::not(.cwd8-icon-last) .cwd8-content {margin-right: 0;}

	.button-default{
	font-size: 16px;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-radius: 29px;
	border-right: 0px solid transparent;
	border-top: 0px solid transparent;
	color: #ffffff;
	font-family: inherit;
	letter-spacing: 0px;
	max-width: 95%;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 80%;
	}

.pointer-btn{cursor: pointer;}

/* Effect Hover Forward */
	.hvr-forward {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
	  -webkit-transform: translateX(8px);
	  transform: translateX(8px);
	}

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}

.card.card-cascade.narrower .view.view-cascade {
    margin-top: -1.25rem;
    margin-right: 4%;
    margin-left: 4%;
}

.card.card-cascade .view.view-cascade.gradient-card-header {
    color: #fff;
    text-align: center;
}

.card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.green-gradient {background: linear-gradient(0deg,#91cf80,#45a12c) !important;}
.blue-gradient {background: linear-gradient(180deg,#97bdf8,#0a64b0) !important;}

@media (min-width: 280px) and (max-width: 359px){.size-map{width:265px; height:300px;}}
@media (min-width: 360px) and (max-width: 410px){.size-map{width:330px; height:300px;}}
@media (min-width: 411px) and (max-width: 539px){.size-map{width:360px; height:300px;}}
@media (min-width: 540px) and (max-width: 1920px){.size-map{width:420px; height:300px;}}

.gradient-1 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background-image: linear-gradient(0deg, #30CDFF 0%, #0460ad 51%, #a1c4fd 100%);
      -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.gradient-2 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background-image: linear-gradient(0deg, #e9a83c 0%, #95631f 51%, #ffa52b 100%);
  -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.gradient-3 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background: linear-gradient(180deg,#ffa52b 0%,#e9a83c 49%,#95631f 51%,#e9a83c 100%);
  -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}


/* COLORS */
.green { 
  background: -webkit-linear-gradient(#bfff00,transparent,#bfff00);
  background: -moz-linear-gradient(#bfff00,transparent,#bfff00);
  background: -o-linear-gradient(#bfff00,transparent,#bfff00);
  background: linear-gradient(#bfff00,transparent,#bfff00)
}

.blue {
  background: -webkit-linear-gradient(#3cf,transparent,#3cf);
  background: -moz-linear-gradient(#3cf,transparent,#3cf);
  background: -o-linear-gradient(#3cf,transparent,#3cf);
  background: linear-gradient(#3cf,transparent,#3cf)
}

.red {
  background: -webkit-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: -moz-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: -o-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: linear-gradient(#cd5c5c,transparent,#cd5c5c)
}

.purple {
  background: -webkit-linear-gradient(#e166e1,transparent,#e166e1);
  background: -moz-linear-gradient(#e166e1,transparent,#e166e1);
  background: -o-linear-gradient(#e166e1,transparent,#e166e1);
  background: linear-gradient(#e166e1,transparent,#e166e1)
}

.linear-gradient-blue{
  background-image: -webkit-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: -moz-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: -o-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
}

.blue-gradient-map{
	background: -webkit-linear-gradient(180deg,#97bdf8,#0a64b0) !important;
	background: -moz-linear-gradient(180deg,#97bdf8,#0a64b0) !important;	
	background: -o-linear-gradient(180deg,#97bdf8,#0a64b0) !important;
	background: linear-gradient(180deg,#97bdf8,#0a64b0) !important;
}

.circle-container {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.outer-circle {
	position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  animation: rotate 5s linear infinite;
  z-index: 2;
}

.bg-img-gradiente-1{
  background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
  background-image: -o-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
  background-image: -moz-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
  background-image: -webkit-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
}

.bg-img-gradiente-2{
  background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #20005a 15%, #5ae9ff 50%, #8900ff 100%);
  background-image: -o-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #20005a 15%, #5ae9ff 50%, #8900ff 100%);
  background-image: -moz-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #20005a 15%, #5ae9ff 50%, #8900ff 100%);
  background-image: -webkit-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #20005a 15%, #5ae9ff 50%, #8900ff 100%);
}

.bg-img-gradiente-3{
  background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #213B45 15%, #1F7EA5 50%, #95D6DB 100%);	
  background-image: -o-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #213B45 15%, #1F7EA5 50%, #95D6DB 100%);	
  background-image: -moz-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #213B45 15%, #1F7EA5 50%, #95D6DB 100%);
  background-image: -webkit-linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #213B45 15%, #1F7EA5 50%, #95D6DB 100%);
}

.bg-img-gradiente-4{
  background-image: linear-gradient(135deg, #000000 0%, #d8a77a 5%, #6a330b 15%, #c49266 50%, #e8ba8e 100%);	
  background-image: -o-linear-gradient(135deg, #000000 0%, #d8a77a 5%, #6a330b 15%, #c49266 50%, #e8ba8e 100%);	
  background-image: -moz-linear-gradient(135deg, #000000 0%, #d8a77a 5%, #6a330b 15%, #c49266 50%, #e8ba8e 100%);
  background-image: -webkit-linear-gradient(135deg, #000000 0%, #d8a77a 5%, #6a330b 15%, #c49266 50%, #e8ba8e 100%);
}

.bg-img-gradiente-5{
  background-image: linear-gradient(135deg, #000000 0%, #30baec 5%, #065fc0 15%, #1c9fe6 50%, #30baec 100%);	
  background-image: -o-linear-gradient(135deg, #000000 0%, #30baec 5%, #065fc0 15%, #1c9fe6 50%, #30baec 100%);	
  background-image: -moz-linear-gradient(135deg, #000000 0%, #30baec 5%, #065fc0 15%, #1c9fe6 50%, #30baec 100%);
  background-image: -webkit-linear-gradient(135deg, #000000 0%, #30baec 5%, #065fc0 15%, #1c9fe6 50%, #30baec 100%);
}

.bg-img-gradiente-6{
  background-image: linear-gradient(135deg, #000000 0%, #f78f20 5%, #cb6d04 15%, #f78d1f 50%, #f7a01f 100%);	
  background-image: -o-linear-gradient(135deg, #000000 0%, #f78f20 5%, #cb6d04 15%, #f78d1f 50%, #f7a01f 100%);	
  background-image: -moz-linear-gradient(135deg, #000000 0%, #f78f20 5%, #cb6d04 15%, #f78d1f 50%, #f7a01f 100%);
  background-image: -webkit-linear-gradient(135deg, #000000 0%, #f78f20 5%, #cb6d04 15%, #f78d1f 50%, #f7a01f 100%);
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.inner-circle {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-circle img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  z-index: 2;
}

/*Animation effect transition collors*/
.animation-10-sec{
  -webkit-animation: animation-10-seconds 10s infinite linear;
  -moz-animation: animation-10-seconds 10s infinite linear;
  -o-animation: animation-10-seconds 10s infinite linear;
  animation: animation-10-seconds 10s infinite linear;
}

@keyframes animation-10-seconds { from { 
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
    -moz-filter: hue-rotate(-360deg);
    -o-filter: hue-rotate(-360deg);
    filter: hue-rotate(-360deg);
  }
}

.pulse{
    background: linear-gradient(0deg, #58cb6a 0%, #227b30 51%, #6bef7f 100%);
    animation: animate 2s linear infinite;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0.7), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    40% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    80% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
}


.pulse-2{
    background: linear-gradient(0deg, #58cb6a 0%, #227b30 51%, #6bef7f 100%);
    animation: animate 2s linear infinite;
    border-radius: 5px;
}

.pulse-3{
  background: linear-gradient(0deg, #f7b81f 0%, #f78d1f 51%, #f7a01f 100%);
  animation: animate-3 5s linear infinite;
  border-radius: 100%;
}

@keyframes animate-3 {
  0% {
      box-shadow: 0 0 0 0 rgba(255, 192, 55, 0.7), 0 0 0 0 rgba(245, 148, 3, 0.7);
  }
  40% {
      box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 0 rgba(197, 122, 35, 0.7);
  }
  80% {
      box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
  }
  90% {
      box-shadow: 0 0 0 0 rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
  }
}







/*----------------------------------------------*/  
/*------------------- START --------------------*/
/*--------------- ANIMATION TEXT ---------------*/
.txt-anim-1{
  background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: reveal 3000ms ease-in-out forwards 200ms,
             glow 2500ms linear infinite 2000ms;
}

  @keyframes reveal {
     40% {letter-spacing: 5px;}
    100% {background-size: 300% 280%;}
  }
  @keyframes glow {
     40% {text-shadow: 0 0 8px #fff;}
  }
/*--------------- ANIMATION TEXT --------------*/
/*-------------------- END --------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

.b-shadow-1{box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);}
.shake-1{animation: headShake 1.5s 1s infinite;}




.animate-2{animation: animate-2 1.5s 1s infinite;}

@keyframes animate-2 {
    0% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0.7), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    40% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    80% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
}



.animation-shake-2{
	transform: translatey(0px);
	animation: float 1s ease-in-out infinite;
}
@keyframes float {
0% {transform: translate(0px);}
50% {transform: translate(-10px);}
100% {transform: translate(0px);}
}


.animation-shake-3{
   -webkit-animation-name: animation-shake-3;
            animation-name: animation-shake-3;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}


@keyframes animation-shake-3 {
  0%   { transform: translate(2px, 1px)   rotate(0deg);}
  10%  { transform: translate(-1px, -2px) rotate(-1deg);}
  20%  { transform: translate(-3px, 0px)  rotate(1deg);}
  30%  { transform: translate(0px, 2px)   rotate(0deg);}
  40%  { transform: translate(1px, -1px)  rotate(1deg);}
  50%  { transform: translate(-1px, 1px)  rotate(-1deg);}
  60%  { transform: translate(-3px, -2px) rotate(0deg);}
  70%  { transform: translate(2px, 1px)   rotate(-1deg);}
	80%  { transform: translate(-1px, -2px) rotate(1deg);}
	90%  { transform: translate(2px, -1px)  rotate(0deg);}
	100% { transform: translate(1px, -2px)  rotate(-1deg);}
}

@-webkit-keyframes animation-shake-3 {
  0%   { -webkit-transform: translate(2px, 1px)   rotate(0deg);}
  10%  { -webkit-transform: translate(-1px, -2px) rotate(-1deg);}
  20%  { -webkit-transform: translate(-3px, 0px)  rotate(1deg);}
  30%  { -webkit-transform: translate(0px, 2px)   rotate(0deg);}
  40%  { -webkit-transform: translate(1px, -1px)  rotate(1deg);}
  50%  { -webkit-transform: translate(-1px, 1px)  rotate(-1deg);}
  60%  { -webkit-transform: translate(-3px, -2px) rotate(0deg);}
  70%  { -webkit-transform: translate(2px, 1px)   rotate(-1deg);}
	80%  { -webkit-transform: translate(-1px, -2px) rotate(1deg);}
	90%  { -webkit-transform: translate(2px, -1px)  rotate(0deg);}
	100% { -webkit-transform: translate(1px, -2px)  rotate(-1deg);}
}

.animation-shake-4{
	transform: translatey(0px);
	animation: float 2s ease-in-out infinite;
}
@keyframes float {
0% {transform: translateY(0px);}
50% {transform: translateY(-10px);}
100% {transform: translateY(0px);}
}

section.links {
  z-index: 4;
  padding: 0px 20px;
}

section.links a {
  display: flex;
  align-items: center; 
  background-color: #663db2;  
  border-radius: 10px;
  transition: all 0.3s;
  padding: 5px;
}

section.links a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
section.links a:hover .icone img {
  transform: scale(1.2);
}
section.links a .icone {
  display: flex;
  padding: 5px;
  height: 100%;
  border-radius: 10px 0 0 10px;
}
section.links a .icone img {
  width: 100%;
  transition: all 0.3s;
}


/* Responsivo */
@media screen and (max-width: 481px) {
  section.links a .icone img {
    max-width: 83px;

  }
}

section.links a .texto {
	display: flex;
  align-items: center;
  text-align: center;
}


section.links a.destaque {
  padding: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
section.links a.destaque .texto {
  padding: 20px;
  align-items: center;
  text-align: center;
}
section.links a.destaque:hover h4 {
  background-color: var(--cor-branco);
  color: #ff0000;
}
section.links a.destaque h4 {
  font-family: var(--bold);
  font-size: 0.8rem;
  color: var(--cor-branco);
  letter-spacing: 10px;
  background-color: #ff0000;
  width: 100%;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s;
}

.card-button {
  display: flex;
  flex-flow: column wrap;
	width: 100%;
  background: #663db2;
  border-radius: 5px;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.5);
  border-radius: 10px;
  position: relative;
}

.card-button .image-icon{
	display: flex;
  align-items: center;
	padding: 10px;
}

.card-button a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  transition: all 0.4s;  
}

.card-button a:hover .image-icon img {
  transform: scale(1.2);
  border-radius: 5px;
}
.card-button a .image-icon {
 display: flex;
 padding: 5px;
 height: 100%;
 border-radius: 10px 0 0 10px;
}

.card-button a .image-icon img {
  width: 100%;
  transition: all 0.4s;
}

.card-button .title-total {
 display: flex; 
 align-items: center;
 padding: 5px;
}

.card-button .title {
	padding: 5px;
  text-align: center;
}

.card-text{display: flex;}

@media screen and (max-width: 481px) {
.card-button a .image-icon img {width: 120%;}
}

.links {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  max-width: 400px;
  z-index: 4;
}

.links span {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  transition: all 0.3s;
}
.links span .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
}

.links span .texto p {
  font-family: var(--regular);
  font-size: 0.8rem;
  color: #000000;
  opacity: 0.5;
  margin: 5px 0 0 0;
}

.links span.destaque {
  padding: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.links span.destaque .texto {
  padding: 20px;
  align-items: center;
  text-align: center;
}

.links span.destaque .texto p{font-size: 14px;}

.links .destaque:hover span {
  background-color: #2f9add;
  color: #000000;
}
.links span.destaque span {
  font-family: var(--bold);
  font-size: 0.8rem;
  color: #ffffff;
  letter-spacing: 10px;
  background-color: #005e8b;
  width: 100%;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s;
}