/*===============================================
Default css
===============================================*/
body {
	margin: 0;
	padding: 0;
	font-family: "Inter", sans-serif;
	background: #05101A;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	margin: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
p{
	font-size: 18px;
	color: #D2D3D6;
	font-weight: 300;
	line-height: normal;
}
h1{
	font-size: 54px;
	color: #FFF;
	font-weight: 700;
	line-height: normal;
	height: 65px;
}
h3{
	font-size: 36px;
	font-weight: 500;
	color: #000;
}
h2{
	font-size: 48px;
	color: #FFF;
	font-weight: 700;
	line-height: normal;
}
h4{
	font-size: 19px;
	color: #EBEBEB;
	line-height: normal;
	font-weight: 600;
	margin-bottom: 5px;
}
.default-btn{
	height: 48px;
	width: 335px;
	background: linear-gradient(90deg, rgb(31 92 30) 0%, #4CAF50 100%);
	border-radius: 8px;
	border: 1px solid #5BBB5C;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 16px;
	color: #FFF !important;
	font-weight: 500;
	line-height: normal;
	margin-top: 64px;
	transition: transform 0.2s;
}
.default-btn:hover{
	transform: scale(1.1);
}
.feature-add-img img:hover{transform: scale(1.3);transition: transform 0.2s;}
.default-btn.light{
	background: transparent;
	color: #5BBB5C !important;
	margin-top: 48px;
}


/* Main css  */
.header-section {
	padding: 24px 0;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}

.header-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header-logo img {
	height: 17px;
}

.header-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.header-menu ul li a {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.header-menu ul li:hover a {
	opacity: 0.8;
}

.header-search-login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 25px;
	position: relative;
}

.shap-before img {
	width: 100%;
}

.shap-before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
}

.header-search-login a:hover {
	opacity: 0.8;
}

.header-search-login a {
	font-size: 16px;
	color: #FFF;
	font-weight: 500;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.register a {
	background: #5BBB5C;
	border-radius: 8px;
	padding: 14px 32px;
}

.search {
	cursor: pointer;
}

.search img {
	height: 22px;
}

.login-svg a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 7px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.input-group {
	position: absolute;
	left: -140%;
	bottom: -188%;
}

#search-form {
	display: none;
}
.input-group input {
	outline: none;
	font-size: 16px;
	color: #000;
}

.input-group input:focus{
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}


.hero-section {
	padding-top: 205px;
	padding-bottom: 115px;
	background: #0B1E24;
	z-index: 1;
	position: relative;
	
	background: linear-gradient(180deg, #0b1e24, #257e3629);
	background-size: 300% 300%;
}
.hero-section:after{
	position: absolute;
	content: "";
	background: url(../images/hero-after.png) no-repeat scroll 0 0 / 100% 100%;
	right: 0;
	bottom: 0;
	width: 878px;
	height: 666px;
	z-index: -1;
}
.hero-full {
	display: -webkit-box;
	display: -ms-flexbox;
	position: relative;
	bottom: 50px;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.hero-single {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 49%;
	        flex: 0 0 49%;
	max-width: 49%;
}
.hero-single p{
	margin-top: 12px;
	text-align: justify;
}
.hero-l-top {
	margin-bottom: 40px;
}
.hero-single.hero-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 45%;
	        flex: 0 0 45%;
	max-width: 45%;
}

.hero-single.hero-right img{
	width: 100%;
	height: 100%;
}
.create-ads-section {
	
}
.create-all{
	padding: 64px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.create-all h4 {
	text-align: center;
	margin-bottom: 35px;
}

.ads-slider a img {
	height: 48px !important;
	width: auto !important;
}

.single-add-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 140px;
}
.single-add-feature:nth-child(2n){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.feature-add-left {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 45%;
	        flex: 0 0 45%;
	max-width: 45%;
	position: relative;
	z-index: 1;
}
.feature-add-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 48%;
	        flex: 0 0 48%;
	max-width: 48%;
}
.feature-add-img img {
	width: 100%;
}
.after-img {
	position: absolute;
	bottom: -14%;
	left: -11%;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.single-add-feature:nth-child(2n) .after-img {
	right: -18%;
	left: auto;
	bottom: -15%;
}
.feature-add-right p {
	margin-top: 16px;
}
.after-img img{
	width: 100%;
}

.feature-add-section {
	padding: 100px 0;
}
.live-up-to-date{
	background: linear-gradient(to left, #136214, #0A440B);
	border-radius: 16px;
	padding: 48px 170px;
	text-align: center;
	margin-bottom: 140px;
}
.header-menu ul li a:hover{
	text-decoration: underline;
}
.live-up-to-date p{
	margin-top: 24px;
}
.all-members-section h3 {
	max-width: 836px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 64px;
	width: 100%;
}
.all-members-section h3  span, .row h2 span, .row h4 span{
	color: #17b8a6;
}
.backgroundst h2 span{
	
		background-clip: text;
		color: #17b8a6;
}
.member-img{
	border-radius: 12px;
	overflow: hidden;
}
.member-img img {
	width: 100%;
}
.member-details h5 {
	font-size: 24px;
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
}
.member-details h6{
	font-size: 14px;
	color: #A0A4AD;
	font-weight: 500;
	text-transform: uppercase;
}
.member-details {
	padding: 10px 0;
}

.single-members {
	margin-bottom: 30px;
}
.see-all-member a{
	color: #5BBB5C;
	font-weight: 500;
	font-size: 16px;
	padding: 14px 32px;
	border-radius: 12px;
	border: 1px solid #5BBB5C;
}

.see-all-member a:hover{
	transform: scale(1.1);
}
.live-up-to-date h2{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.liList .li:hover{
	cursor: pointer;
}
.ulTxt{
	position: relative;
	top: 2px;
	left: 5px;
}

.see-all-member {
	text-align: center;
	margin-top: 45px;
}
.join-over-section {
	background: -webkit-gradient(linear ,right top, left top ,from(#136214), to(#0A440B));
	background: -o-linear-gradient(right ,#136214, #0A440B);
	background: linear-gradient(to left ,#136214, #0A440B);
	padding: 64px 0;
	position: relative;
	z-index: 1;
}
.join-right .see-all-member a {
	background: #FFF;
	border: transparent;
}
.join-after {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 100%;
	width: 300px;
}
.join-after img{
	height: 100%;
	width: 100%;
}
.join-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 65px;
}
.client-review-section {
	background: #132024;
	padding: 140px 0;
}
.d-heading {
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 60px;
	width: 100%;
}
.single-rev {
	padding: 32px;
	background: #0B1619;
	border-radius: 10px;
}
.single-rev h6{
	margin-bottom: 16px;
}
.single-rev h6 img {
	width: 33px !important;

}
.single-rev h4 {
	font-size: 22px;
	margin-bottom: 20px;
}

.single-rev p{
	font-style: italic;
}
.person-details {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.right-per ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #F57B36;
	gap: 6px;
}
.left-per {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.person-det p {
	font-style: inherit;
	color: #fff;
}
.person-det span {
	color: #D2D3D6;
	font-size: 14px;
}
.person-img {
	width: 48px;
	height: 48px;
	border-radius: 50px;
}
.person-img img{
	width: 100%;
	height:100%;
}

.rev-slider.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 5px;
	background: #D9D9D9;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	border-radius: 30px;
}
.rev-slider.owl-theme .owl-dots .owl-dot.active span, .rev-slider.owl-theme .owl-dots .owl-dot:hover span {
	background: #5BBB5C;
}
.rev-slider.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 64px;
}
.d-heading p {
	margin-top: 16px;
}
.pricing-plan-section {
	padding: 60px 0;
}
.prcing-div {
	padding: 24px 16px;
	background: #132024;
	border-radius: 12px;
	border-top: 4px solid transparent;
}
.ouroPrice{
	border: 1px solid #5bbb5c;
	box-shadow: 0 0 10px #5bbb5c;
}
.prcing-div:hover {
	border-top: 4px solid #5bbb5c;
	border: 1px solid #5bbb5c;
	box-shadow: 0 0 10px #5bbb5c;
}
.pricing-top h3 {
	margin: 16px 0;
	color: #5BBB5C;
	font-weight: 600;
	font-size: 36px;
	position: relative;
	display: inline-block;
}
.pricing-top h3 sub {
	font-size: 16px;
	color: #D2D3D6;
	right: -45px;
	top: 25px;
	position: absolute;
}

.translated-ltr .pricing-top h3 {
	font-size: 31px;
}
.translated-ltr .pricing-top h3 sub {
	right: -70px;
}

.pricing-bottom {
	margin-top: 20px;
	border-top: 1px solid #D2D3D6;
	padding-top: 20px;
}
.pricing-bottom p {
	margin-bottom: 24px;
}
.pricing-bottom ul li {
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-left: 28px;
	position: relative;
	z-index: 1;
}

.pricing-bottom ul li::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: url(../images/check_circle.png) no-repeat scroll 0 0/ 100% 100%;
	left: 0;
	top: 3px;
}
.pricing-bottom a {
	display: block;
	text-align: center;
	color: #5BBB5C;
	font-size: 16px;
	font-weight:500 ;
	border: 1px solid #5BBB5C;
	padding: 14px;
	border-radius: 8px;
}
.prcing-div:hover .pricing-bottom a{
	background: #5BBB5C;
	color: #fff;
}
.pricing-bottom ul {
	margin-bottom: 26px;
}
#pills-tab {
	text-align: center;
	margin-bottom: 60px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #5BBB5C;

}
.nav-link {
	display: block;
	padding: 12px 21px;
	color: #fff !important;
	font-size: 16px !important;
	text-decoration: none;
	-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	-o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.footer-section {
	background: #132024;
	padding: 120px 0;
	padding-bottom: 0;
}
.footer-p {
	font-weight: 500;
	margin-bottom: 5px;
	color: #5abc5d;
}

.MenuFoot{position: relative;top: 20px;}
.MenuFoot a{color:#fff;}

.footer-single ul li a {
	font-size: 16px;
	color: #D2D3D6;
	padding: 6px 0;
	display: block;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.footer-single ul li:hover a{
	opacity: 0.8;
}

.footer-single ul li a:hover{
	text-decoration: underline;
}

.footer-logo {
	margin-bottom: 20px;
}
.footer-logo img {
	height: 80px;
}

.footer-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.footer-single:nth-child(1), .footer-single:nth-child(3) {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 300px;
	        flex: 0 0 300px;
	max-width: 300px;
}
   
.languge .ulList {
	width: 124px;
	height: 36px;
	background: #fff;
	border-radius: 8px;
	font: 16px inter;
	color: #EBEBEB;
	line-height: 26px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	cursor: pointer;
	padding: 4px 6px;
	background: rgba(255,255,255,0.1);
}
   
.languge .ulList .ulImg {
	width: 20px;
	height: 20px;
	background: #f90;
	float: left;
	margin: 4px 4px 0 0;
	border-radius: 10px;

   }
   
   .languge .ulList .fa-chevron-down {
	float: right;
	padding-right: 5px;
	line-height: 27px
   }
   
   .languge .liList {
	display: none;
	position: absolute;
	width: 100%;
	bottom: 38px;
}
   
   .languge .liList .li {
	width: 100%;
	height: 30px;
	background: #fff;
	border-bottom: 1px solid #e2dbdb;
	padding-left: 4px;
	font: 14px tahoma;
	color: #2b2b2b;
	line-height: 27px
   }
   
   .languge .liList .li:hover {
	background: #3498db;
	color: #fff;
   }
   
   
   .container .liList .li:hover img{
	border: 1px solid #3498db
   }
   
   .languge .liList .li .liImg {
	width: 30px;
	height: 21px;
	background: #f90;
	float: left;
	margin: 4px 4px 0 0;
	border: 1px solid #dad6d6
   }


   .copy-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.copyright-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 32px 0;
	margin-top: 80px;
}
.social-link ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	margin-right: 25px;
}
.languge {
	position: relative;
}


/* humberger  */
/* humberger  */
.hamburger .line {
	width: 32px;
	height: 2px;
	background-color: #FFF;
	display: block;
	margin: 7px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
  
  .hamburger:hover,.LinkDee,.LinkVideo,.LinkMusica {
	cursor: pointer;
  }
  
  /* ONE */
  
  #hamburger-1.is-active .line:nth-child(2) {
	opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
.mobile-btn {
	display: none;
}
  
  #hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
  }
  .header-full {
	position: relative;
}

.mobile-menu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 68px;
	background: #0b1e24;
	padding: 10px;
	text-align: center;
	display: none;
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.mobile-menu a {
	color: #FFF;
	font-size: 18px;
	padding: 6px 0;
	display: block;
	-webkit-transition: 0.2;
	-o-transition: 0.2;
	transition: 0.2;
}
.mobile-menu li{margin:5px}
.mobile-menu a:hover{
	opacity: 0.8;
}
/* End main csss */


/* last csss */

.SendTo,.menunav {
	display: none;
	overflow: hidden;
}

.Center{text-align: center;}
.env,.mensagem{display: none;}

.QuadroSimple .Text{
		font-size: 18px;
}

#google_translate_element{
		float: left;
		height: 44px;
		overflow: hidden;
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 0px;
}

.box-form{padding: 20px;border: 1px solid #c7cdcd;overflow: hidden;border-radius: 5px;width: 70%;text-align: left;margin-left: 15%;}

.ResultadoText .Reply p{margin:9px;}
.employee-info img{object-fit: scale-down;}

#filtro-btn{background-color: #375038;color: white;padding: 10px 20px;border: none;cursor: pointer;width: 95%;margin-top: 40px;margin-left: 15px;}
#filtro-btn.desligado {
background-color: #0b3d0d;
}

#DicasComandosC{cursor: pointer;  display: inline-flex;
	padding: 10px 15px;
	margin-bottom: 20px;
	background-color: #4eaf50;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;}

#DicasComandosC:hover {
	background-color: #3c8b3d;
}

#FormSend{
		font-size: 25px;
		vertical-align:middle;
		color:#1f9e2d;
		text-align:center;
		display:none;
		padding:30px;
		width: 70%;
		margin: 0 auto;
}
.goog-te-gadget .goog-te-combo
{
	margin: 0px 0;
	padding: 5px;
}

#google_translate_element .goog-te-gadget{font-size:16px}



.mensagem{ width: 100%;
	background-color: #2e7e30;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

#Escdv{ 
	width: 100%;
	height: 20px;
	background-color: #2e7e30;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	margin-top:20px;
	margin-bottom:20px;
}

#mensagem{height:260px;width:400px}
#BuscarPor{height:40px;top:15px}
.employee p:hover{opacity:1}

.SendTo{margin-left: 10%;
		margin-right: 10%;overflow:scroll}

.AiSelected{  box-shadow: 0 0 10px 5px #ffff00;
	padding: 3px;color: #e3a300;
	font-size: 18px;}

.quadro{
	color: #fff;
	padding: 20px;
	margin-left: 20px;
	position: relative;
	border: 2px solid rgb(11 161 5);
}
.cadastroForm{
	margin-top: 20px;
}
.QuadroSimple{margin:0px;text-align: center;position:relative;	padding:60px;background:#fff;border-radius: 10px;} /* margin:20px*/
.QuadroSimple a{color:#D2D3D6}
button#decrease-width{margin-right: 32px;}
.buttons {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.TextoRapido{display:none}
.dropdown li:not(:first-child){padding-top:10px}
.hidden {
			display: none;
		}

.dropdown{  position: absolute;
	min-width: 200px;
	padding: 5px 0;
	margin: 2px 0 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	bottom: 150%;
	color: #000;
	font-size: 16px;
	padding: 16px;
	list-style: inside;
	list-style-type: none;}

.extra,.extra2 {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	font-size: 16px;
	margin: 20px;
}

.extra{user-select: none;
	display: block;
	width: 30%;
	margin: 0 auto;
	text-align: center;
}

select.extra {
	background-color: #000; 
	color: #3f9342; 
	border: 2px solid #ffffff; 
	border-radius: 5px; 
	padding: 10px; /* Espaçamento interno */
	font-size: 16px; /* Tamanho da fonte */
	appearance: none; /* Remove a seta padrão do select */
	-webkit-appearance: none; /* Remove a seta padrão do select no Safari */
	-moz-appearance: none; /* Remove a seta padrão do select no Firefox */
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%2300FF00" d="M2 0L0 2h4z"/></svg>'); /* Seta personalizada */
	background-repeat: no-repeat; /* Não repetir a imagem */
	background-position: right 10px top 50%; /* Posição da seta */
	background-size: 10px 10px; /* Tamanho da seta */
	cursor: pointer; /* Cursor de ponteiro */
}
select.extra:hover {
text-decoration: underline; /* Fundo um pouco mais claro ao passar o mouse */
}
select.extra option {
	background-color: #000; /* Fundo preto */
	color: #00FF00; /* Texto verde */
}
select.extra:focus {
	outline: none; /* Remove o contorno padrão */
	border-color: #fff; /* Borda verde */
	box-shadow: 0 0 5px #fff; /* Sombra verde */
}

.purpleI{color:#9021ff}
.greenI{color:#5bbc5e}

#AllInfos h3{font-size: 22px;
	color: #4daf50;}	

.fa-microphone-slash {
	color: red; /* muda a cor do ícone para vermelho */
	font-size: 24px; /* muda o tamanho do ícone para 24 pixels */
}

.Share {
	width:100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding-left: 10px;
	font-size: 18px;
	color: #666;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	opacity: 0;
}

.Share:hover {
	color: #333;
}

.Share i {
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
}

.Share:last-child {
	opacity: 1;
}

.Share i:hover {
	color: #4CAF50;
}


i.selected{color:#5bbc5e}

#muteButton{position: relative;left: 30%;width:50%;float:left;}

.ClickScroll{cursor: pointer;display: flow-root;float: left;	bottom: 5px;
	position: relative;}
		
.employee{width: 28%; user-select: none;display:none}
		
.paginas{padding: 30px;}
.paginas .Title{padding: 30px;}
.Sender{
		position: relative;
		right: 21%;
		z-index: 9999;
		top: 88.5%;}

		.menu-internas {
		background-color: black;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: Arial, sans-serif;
		}

		.menu-internas a {
		color: white;
		text-align: center;
		text-decoration: none;
		padding: 15px 20px;
		margin: 0 10px;
		transition: all 0.3s;
		font-size: 18px;
		font-weight: bold;
		}

		.ResultadoTextRoll
		{
		display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-start;
			position: relative;
			word-break: break-word;
			top: 70px;
			left: 20px;
			width: 100%;
			font-size: 16px;
			padding-left:20px;
			margin-top:15px;
		}

		.ResultadoText span 
		{
			padding-top: 10px
		}

		
		.menu-internas a:hover {
		color: #000;
		cursor: pointer;
		}

		
		@media (max-width: 1100px) {
		.bttMenu:first-child {margin-left: 5%; }
		.Sender {top: 79.5%; }
		}

		

** Estilo para o ícone de Bionic Reading Enable */
	.bionic-reading-enable {
		color: green;
		cursor: pointer;
	}

	** Estilo para o ícone de Bionic Reading Disable */
	.bionic-reading-disable {
		color: red;
		cursor: pointer;
	}


		.Micro {
		background-color: #4CAF50;
		border: none;
		color: white;
		padding: 34px 32px;
		text-align: center;
		text-decoration: none;
		font-size: 0px;
		cursor: pointer;
		border-radius: 16px;
		background-image: url(./../img/icons/microphone.svg);
		position: relative;
		left: 15.5%;
		background-repeat: no-repeat;
			background-position-y: center;
			bottom: 15px;
		}

		.SendB {
		background-color: #4CAF50;
		border: none;
		color: white;
		padding: 32px 33px;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 16px;
		background-image: url(./../img/icons/send.svg);
		position: relative;
		left: 15%;
		background-repeat: no-repeat;
		background-position-y: center;
			
		}

.IdProf{
	border-radius: 12px;
	font-size: 28px;
	z-index: 9999;
	background-color: #000;
	color: #fff;
	font-family: arial;
	font-weight: normal;
	
		align-items: center;
		overflow: hidden;
		
		display:none; 
		padding: 15px 0px;
		width: 68%;
		position: fixed;
		top: 29px;
		height: 8%;
		min-height: 97px;
		margin-left: 0;
		text-align: center;
		left: 15%;
	border-top: 4px solid #5bbb5c;
		border: 1px solid #5bbb5c;
		box-shadow: 0 0 10px #5bbb5c;
	}
	
	#IdProf img {
		border-radius: 50%;
		border: 5px solid black;
		object-fit: cover;
		width: 100px;
		height: 100px;
		position: relative;
		right: 10px;
		margin-left: 1%;
}
	
	.IdProf:hover{cursor:pointer;}

		.lightbox .employee-info::-webkit-scrollbar { /* Esta parte é responsável pela personalização ao nível do WebKit (Google Chrome, Safari, etc) */ width: 15px; background-color: #fff; }
		.lightbox .employee-info::-webkit-scrollbar-track { /* Esta parte é responsável pela rolagem, são as divisórias que se deslocam à medida que se desce ou sobe a página */ background-color: #000; }
		.lightbox .employee-info::-webkit-scrollbar-thumb { /* Esta parte refere-se á esfera, à figura representativa da página a ser rolada */ background: #fff; border-radius: 2px; }
		.lightbox .employee-info::-webkit-scrollbar-button { /* Esta parte é responsável por estilizar os botões que se encontram no canto superior esquerdo e direito da barra de rolagem*/ background-color: #fff; }
		
		.site{padding-left: 5%;}
		
		
		.bttMenu {
		font-size: 30px;
		padding: 5px;
		font-weight: bold;
		margin-left: 30px;
		top: 130px;
		right: 540px;
		background-color: #5bbc5e;
		height: 40px;
		cursor: pointer;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: black;
		text-decoration: none;
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px black;
		transition: all 0.3s ease-in-out;
		}

.site a{color: white;text-decoration: none; }

		.bttMenu:hover,.ListMenu i:hover {
		transform: translateY(-5px);
		box-shadow: 0 15px 30px rgba(0,0,0,0.19), 0 10px 10px black;
		}


		#Apresentacao{  text-decoration: underline;}
		.SendOpt{padding: 20px;
			box-sizing: border-box;
			position: relative;
			width: 40%;
			z-index: 9999;
			max-height: 79%;
			left: 66.5%;
			top: 83%;
		display:flex;
		}/* old top: 83%; */

.IdProf{display:none}

.Title {
	color: white;
	font-size: 24px;
	margin-top: 20px;
}
.buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}

			.SendOpt i {
				font-size: 20px;
				color: #fff;
				padding: 0 24px;
			position:relative;
				
			}

		hr{  width: 100%;margin: 28px 0;}
		.ReadMore{display:none}
		.ReadMoreGo{float:right;color:#A4A62E;  bottom: 20px;font-family: fantasy;
		position: relative;}

		/* Estilo para o conteprincipal */
		main {
			flex-wrap: wrap;
			justify-content: center;
		}

		/* Estilo para os elementos do funcionário */
		.employee {
			text-align: center;
			width: 18%;
			margin: 10px;
		min-width: 200px;
			max-width: 780px;
			max-height: 400px;
			float:left;
			height: 400px;
		}  

		.employee:hover,.employee p:hover,.moon, .SendOpt i, .FastFunctions i, .ListMenu i {
		cursor:pointer;
		}

		

			.employee img:hover {
				/*filter: contrast(105%) brightness(105%);*/
				opacity: 1;
			}

.button{
	
background-color: #000000; /* Green */ border: none; color: white; padding: 3px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 22px; margin: 4px 2px; cursor: pointer;font-family: fantasy;border-radius: 10px;border: 1px solid #636262;padding-top: 10px;
height: 36px;
}

.button:hover{text-decoration:underline;background-color: #4CAF50}

		/* Estilo para as imagens dos funcionários */
		.employee img {
			width: 100%;
			cursor: pointer;
			opacity: 0.8;
			max-height: 360px;
			max-width: 360px;
		}
		.PasteText{display:none}
		/* Estilo para as informações do funcionário */
		.employee-info {
			display: none;
			position: absolute;
			top: 42%;
			left: 48%;
			width: 70%;
			max-width: 90%;
			transform: translate(-50%, -50%);
			margin: 2%;
			background-color: black;
			text-align: center;
			max-height: 79%;
			resize: horizontal;
			height: 100%;
			min-width: 75%;
		}

		.employee-info img,.employee-info div { float:left; }
		
		.employee-info img {    margin-right: 20px;}
		#AllInfos {   margin-left: 20px; display: contents;}
.employee-button {
	display: inline-block;
	padding: 10px;
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;display: initial;
		font-size: 18px;
		position: relative;
		top: 47%;
		margin: 10px;
}
.employee-button:hover {
	background-color: #0062cc;
}
		/* Estilo para o lightbox */
		.lightbox,.SendTo {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.8);
			color: white;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			/*z-index: 10;*/
			z-index: 9998;
			display:none;
		}

		/* Estilo para fechar o lightbox */
		
		.close-btn
		{
			position: absolute;
			top: 20px;
			right: 15px;
			color: white;
			cursor: pointer;
			border-radius: 50%;
				width: 36px;
			height: 36px;
			line-height: 36px;background-color: #060606;
			text-align: center;
			font-size: 40px;
			top: 35px;
		}

		.Sender {
		position: relative;
		right: 7%;
		top: 88.5%;
		display: flow-root;
		}

		.employee-notes {
		background-color: white;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
		left: 30%;
		top: 90%;
		width: 40%;
		z-index: 9999;
		max-height: 79%; 
		border-radius: 15px;
		overflow-y: hidden;
		}

.notes-textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border: none;
	outline: none;
	resize: none;
	height: 80px;
	z-index: 9999999;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	left: 30%;
	width: 40%;
	z-index: 9999;
	max-height: 79%;
}


		.Share i{  font-size: 18px;margin: 10px;float:left;margin-left:10px;}
		.fa-whatsapp {
			background-repeat: no-repeat;
			background-size: cover;
		}

/*.fa-volume-mute{width: 50%;}*/

.fa-google {
	background-repeat: no-repeat;
		background-size: contain;
		width: 50px; /* set the width and height to the same value */
		height: 50px;
		display: inline-block; /* or block, depending on your layout needs */
		padding: 0;
		margin: 0;
}


		.employee-notes:focus{border: green}
		
		.Title{  font-size: 22px;font-family: monospace; cursor: pointer;  color: white;}
		.Title img{  width: 100%;margin:0;border:0;border-radius: 12px;max-height: 360px;max-width: 360px; }
		
		.site > span{ background-color:#228e34;border2px solid green;}
		
		.moon{width:50px;height:50px;background-color:black}
		.icon{width:44px;height:44px;background-image:url('./../img/icons/moon.png');background-size:44px;background-size:44px;position:relative;bottom:4px;left:300%;}
		
		#result{color: white;}
		
		pre pre{background-color:#baff9f}
		pre pre pre{ background-color: #f7f7f7;}
		pre pre pre pre{background-color:#f0e68c}
		pre{  background-color: #f7f7f7;
			color: #000;
			font-family: "Courier New", Courier, monospace;
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 0;
			overflow: auto;
			padding: 1em;
			
		user-select: auto;
		white-space: pre-wrap;
		word-wrap: break-word;
			
		}

.fa-bolt{color:#fff;cursor:pointer;	font-size: 20px; position: relative; top: 2px}
.header-search-login .fa-bolt{display:none}


.fa-bolt .Select{color:#4caf50}

		.sent{  color: #25d32e;
		padding-top: 20px;
		text-align: right;user-select: text;}

		.codigo {
		font-family: monospace; /* Usar uma fonte monoespaçada */
		font-size: 16px; /* Padronizar o tamanho da fonte para 16px */
		background: #1d1f21; /* Usar uma cor de fundo escura */
		color: #c5c8c6; /* Usar uma cor clara para prefaciar o texto */
		padding: 20px; /* Adicionar um espaçamento para separar do texto */
		border-radius: 8px; /* Redondar as bordas do bloco */
		border: 1px solid #343d46; /* Definir uma borda leve para destacar o código */
		margin-top: 20px; /* Definir uma margem superior para destacar o código */
		}

.voice,#fala,#scroll,#mode,#atalhosval,#sendermsg,#IdProf,.ClickScroll,#atalhos,.SendOpt .fa-bookmark,#extraKey,.hide{display:none}


.SendWpp { background-color: #008000; border-radius: 70px; padding: 10px 40px; } 
/* Estilos para o menu de opções */
.ReplyOptions {
	display: none;
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 100%;
	left: 100%;
	transform: translateX(-100%);
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding: 10px;
	box-sizing: border-box;
	transition: left 0.3s ease-out;
}

/* Estilos para os botões do menu de opções */
.OptionButton {
	display: block;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 16px;
	border: none;
	background-color: #f5f5f5;
	cursor: pointer;
}

.OptionButton:hover {
	background-color: #e5e5e5;
}

.SendOpt .ClickScroll i{
		position: relative;
		right: 40px;
}
.SendOpt .scroll{position: relative;
	overflow: visible;
	width: 0px;
	left: 11px;
	font-size: 14px;
	bottom: 30px;}

		.ResultadoText{
		/*max-height: 200px;*/
		padding: 20px;
		/*width: 95%;*/
		width: 100%;
		float: left;
		display: grid;
		text-align: left;
		word-break: break-word;
	line-height: 25px;
		}

		.lightbox .employee-info{
			
			overflow-y: scroll;
			overflow-x: hidden;
			word-break: break-all;
			padding-right: 10px;
			border-radius: 40px;
		}

		.employee-info img:visible{  width: 250px;  height: 250px;}
		.employee-info .LinkDee img,.employee-info .LinkVideo img,.employee-info .LinkMusica img{  width: 31px; 	height: 31px;;}
		
		.firstCall{display:none}
		
		.site span{  background-color: #228e34;
		padding: 3px;}

	
	
	
			.Reply { user-select: auto; /* white-space: pre;*/}
			

@media (max-width: 600px) {
			#Explain {
				position: relative !important;
				margin-top: 20px !important;
				bottom: 0 !important;
			}
			#Explain div {
				position: relative !important;
				top: auto !important;
				left: auto !important;
				margin-bottom: 10px;
				width: calc(100% - 20px) !important;
				height: auto !important;
			}
			.employee {
				margin-left: 0 !important;
			}
		}
		
		@media (max-width: 1024px) { 
			.employee-info {    width: 80%;
			}
			.icon {
			left: 150%;
			}
			#Apresentacao{  top: 10px;}
		}    
		@media (max-width: 930px) {
		.icon {
		left: 0%;
		}
			
		.Title text{display:none}
		}


		@media (max-width: 1800px) {
.employee .Title{font-size: 22px;}
.search-container{  margin-right: 81px;
	position: relative;
	left: 110px;opacity:0;}
			/*.SendOpt{top: 82.5%;}*/
		}

		@media (max-width: 1400px) {
			.SendOpt{top: 83%;}
	}

		@media (max-width: 1300px) {
		#ChangeSearch{display:none}
			.menumain{left: 34.7%;
				bottom: 35%;}
			#menu-topo {justify-content: flex-start;}
			.menunav {  left: 20%;}
			.visible {  left: 23%;}
			.visible h1 {  
				font-size: 24px;
				margin-top: 0;
}
			
			
				.SendOpt{left: 72%;  top: 80%;}
				.Micro{  bottom: 15px;}
		}



		@media (max-width: 1150px) {
		.SendOpt .ClickScroll i{right: 7px;bottom: 23px;}
		}
		
@media (max-width: 1300px) { 
	.SendOpt {top:82.5%;}
}
	.floating-buttons {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 9999;
		}

		.floating-buttons button {
		background-color: #4CAF50;
		color: white;
		border: none;
		padding: 10px;
		font-size: 24px;
		margin-right: 10px;
		cursor: pointer;
		}

		.floating-buttons button:hover {
		background-color: #3e8e41;
		}

		.nav-menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem;
		font-size: 1.2rem;
		width: 60%;
		}

		.nav-menu button.menu {
		display: none;
		}

		.nav-menu ul {
		display: flex;
		flex-direction: row;
		list-style: none;
		margin: 0;
		padding: 0;
		}

		.nav-menu li {
		margin-right: 1rem;
		}

	.inputfield {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 300px;
	}

@media (max-width: 1285px) { 
	.SendOpt {top:83%;}
}

		.inputfield{ padding: 5px 10px; font-size: 25px; margin-bottom: 10px; } 
		
label {
	display: block;
	margin-bottom: 5px;
		min-height: 25px;
}
input[type="radio"] {
	margin-right: 5px;
}
input[type="submit"] {
	background-color: #4CAF50;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
input[type="submit"]:hover {
	background-color: #45a049;
}
   @media screen and (max-width: 1190px) {
		#BuscarPor {width:220px}
		#ChangeSearch{display:none}
		.icon{left:150%}
		/*.Sender{right:16%}
		.SendOpt{left:59%}*/
		.Sender{right: 22%;}
		.SendOpt{left:55%}
}



@media (max-width: 1800px) only screen and (orientation: landscape) {
	
	.Sender,.SendOpt{top:75.5%}
	.employee-info{max-height:53%}
	.IdProf{margin-left:15%}
	.Sender{right: 10%;}
	.SendOpt i{padding: 0 10px}
	
	
	.SendOpt{left: 45%;display:none}
	
}

@media screen and (orientation:landscape) and (max-width:896px){
	.SendOpt{display:none}
}

@media only screen and (orientation:landscape) and (max-width:844px){
	/* tablet */
	.employee-info{margin:0;top:32%;}
	.Sender{	right: 4%;	top: 78.5%;}
	.Micro{bottom:17px}
}

		@media (max-width: 720px) {
			
		.inputfield{width:85%}
		.bttMenu:first-child { margin-left: 21%; }
			
			.search-container input[type="text"]{
				top:  0px;
				position: relative;}
			
			.search-container button{top: 0px;
				right: 0px;  font-size: 24px;}
			
			
			
				@media screen and (orientation: landscape) {
					.Sender{top:73.5%}
					.employee-info{width:100%}
					.Micro{bottom: 33px;left: 32%;}
					.SendOpt {top: 69%;bottom: 31px;left: 24%;z-index:9;}
			}
			
		}



.bttaction{width: 100%; display: flex;	margin: 30px 0px; margin-top: 0; margin-bottom: 40px;}
.bttaction .default-btn{margin-left:35px;}

.employee-info img{	 border-radius: 50%; 	border: 5px solid black;  	object-fit: cover; }

.organize{float: left; color: #fff;   margin-top: 40px;   height: 30px;   width: 100%;   margin-left: 78.6%;position:relative;color:#d9d9d9;overflow: hidden;}
.organize:hover,.recursos:hover{cursor:pointer}
#ExperimenteGratis{text-align: center;}
.menu {
	background-color: #0B1E24;
	color: #FFFFFF;
	padding: 10px;
	display: flex;
	justify-content: space-around;
	transition: transform 0.3s;
	margin: 0px 40px;
}
.menu .selected{color:#5abc5d;}
.menu:hover{transform: scale(1.1);}
.menu a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 15px;
}
.menu a:hover, .menu a.active {
	background-color: #1A3A40;
	border-radius: 5px;
	font-size: 16px;
	transition: transform 0.3s;
	text-decoration: underline;
	
}

@media screen and (max-width: 1024px) {
	.chatbots{margin-left: 3.5%;}
}


		@media (max-width: 345px) {
			.ResultadoText{right:10px;}			
			.SendOpt i {  padding: 0 35px;  }
		}






@media screen and (max-height: 900px) and (max-width: 1500px) {
	.SendOpt {
		top: 81%;
	}
}


@media screen and (min-height: 650px) and (max-height: 1300px) and (max-width: 1300px) {
	.SendOpt {
		top: 83%;
	}
	.ClickScroll{top: 5px;}
}
@media screen and (max-height: 650px) and (min-width: 1200px) and (max-width: 1400px) {
	.SendOpt {
		top: 78%;
	}
}


.AjustTop{top:85%}



		@media (max-width: 425px) {
			
			/* cell - phone  */
			.menu{	display: none;}
			.close-btn{	right: 6px;}
			#IdProf{		width: 86%; left: 7px; top: 15px;	z-index: 9999999;font-size: 24px;	margin-top: 15px;height: 70px;}
			
			.lightbox div .FastFunctions{margin-left:0}
			
			.lightbox .ResultadoText pre{width: 78%; position: relative; }			
			.lightbox .ResultadoText pre pre{width: 100%; }
			.lightbox .ResultadoText pre pre pre{width: 100%; }
			
			.ResultadoText{position: relative;top: 100px; }
			
			.SendOpt i {  padding: 0 25px;  }
						
			.organize{width:70px}
			.employee-info img{	border-radius: 0; border: 0; }
			.SendOpt {
				top: 68%;
			}
			
			.bttaction .default-btn{margin-left:15px;}
			
			.Share {  	position: relative; padding-left: 0px; right: 10px;  }
			
			.blockUI div{display: ruby;
				bottom: 10px;
				position: relative;}
			
			.all-members-section .col-md-3{width: 49%;}
			.hero-right{width: 70%;padding: 10px;}
			.all-members-section .col-md-3:last{width: 49%;}
			
			.ClickScroll{margin-top: 22px;}
			.employee img{opacity: 1}
		.chatbots{margin-left: 0;}
		#DicasComandos{font: -webkit-small-control;}
			
		#menu-topo{height: 40px;padding-bottom:10px}
		.icon{left: 0%}
		.bttMenu:first-child{margin-left:19px}
		.lightbox h2{padding-top:30px}
		#mensagem{width:90%}
		
			.search-container{ 
				left: 0;}
			
			.employee-info img{width: 100%;height: 250px;}
			.menumain{  left: 5%;}
			.menunav{left:20%;}
		#atalhos{display:none}
		.ClickScroll{right: 55px;top: 10px;position:relative;}
			.SendOpt{left: 0px;
				position: relative;
				right: 21%;
				z-index: 9999999;
				top: 87.5%;
				bottom: 2px;
				height: 50px;display:none;
				width: 70%;  display: flex;
				padding: 0;
				margin-left: 0;
				opacity: 0;
				
			}    
			
			#muteButton {
			display: none;
			} 
			
			.employee {
			width: 100%;
		min-width:80px;
			} 
			
			.employee-notes{left:0px;    z-index: 1000;   top: -15px;
			margin-left: 20px;
			width: 70%;}
			
		.AjustTop{ top: 78.5%;}
		
		.AjustTop .Micro { bottom: -16px;}
			
			.SendB{display: block;
			left: 0;
			float: right;
			position: relative;
			width: 2px;
			bottom: 63px;
			z-index: 9000;
			}
			
			.ReplyButtons {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 10px;
			}
			
			.ReplyButtons i {
				font-size: 30px;
				margin: 0 10px;
			}
			
			
			.Micro{  display: block;
			width: 28%;
			left: 0;margin:0;float: right;
			position: relative;
			width: 2px;
			z-index: 9000;
			bottom: 10px
		}
			
	@media only screen and (max-width: 425px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
		.employee {margin-left:17px}
		.employee-info img{	border-radius: 0; border: 0; }
	}
			
			
	@media (max-width: 320px) {
			.SendOpt i {  padding: 0 23px;  }
	}
			
			
		@media (max-width: 1250px) {      
			.Micro{bottom:22px}
			
		}
			
		h2{  display: inline-table;}
			
			
		}



.chatbots{	width: 100%;
	float: left;
	margin: 40px;
	margin-top: 120px;
	margin-bottom: 120px;
}



@media (max-width: 1100px) {
	
	
	.lightbox{	z-index: 9999998;}
				
	.employee{height: 250px;}
}
	
	@media (max-width: 1640px) {
	#BuscarPor{width: 250px;}
		.chatbots{	margin-left: 1%; }
		.employee{height: 300px;}
	}


	@media only screen and (min-device-width: 590px) and (max-device-width: 1024px) and (orientation: portrait) {
		/* tablet */
		.employee { height: 215px; 	min-width: 168px; }
		
	}


	
				
	@media only screen and (min-device-width: 590px) and (max-device-width: 1024px) and (orientation: landscape) {
		.employee-info{margin:0;top:41%;}
		.Sender { 	top: 81.5%; 	}
	}

					
					
					

	@media (max-width: 1880px) {
	#BuscarPor{left: 80px;}
	.search-container i{left: 40px;}
		
	.chatbots{		margin-left: 0.8%; }
		
	}
			@media (max-width: 425px) {
				
				.ResultadoTextRoll{top: 75px;}
				
				.employee{height: 100%;width: 48%;margin: 0 1%;margin-bottom: 20px}
				
				.chatbots{	margin: 5px;margin-bottom: 20px}
				
				.chatbots{		margin-top: 90px;}
				.QuadroSimple{padding:20px;margin:0;} /* margin-top: 100px;*/
				
.LinkMusica img,.LinkVideo img{height:40px}
				.Sender {
		right: 2%;
		}
				
				.search-container input[type="text"]{width: 100%;}
				
				
				.task{  position: relative;
					right: 24px;
					width: 180%;}
				
				#task-container {
					width: 100%;
					margin: 0;
					position: relative;
					right: 40px;
				}
				.WaterBox{  display: contents;}
				.menumain h1{     font-size: 26px;}
				.menumain{    top: 9%;
					left: 12px;}
				.visible{font-size: 16px;left:-5%;min-height: 200px;}
				.menunav{width:100%;left:0;  margin-top: 0;margin:0}
			.slice label{line-height:2}
			.circle label{font-weight:100}
			.site img{width:220px}
			.site{  position: relative;  right: 10px;}
			}



.employee .Gold{width: 100%; margin: 0px; border: 1px solid rgb(122, 132, 81); user-select: none;}
.employee .Brown{width: 100%; margin: 0px; border: 1px solid rgb(90, 76, 62); user-select: none}
.employee .Green{width: 100%; margin: 0px; border: 1px solid rgb(107, 154, 75); user-select: none;}


.lightbox .ResultadoText .Reply br {
	margin-bottom: 10px;
}



@media screen and (max-width: 1000px) {
#BuscarPor, .search-container i {left: 0px;}
}

main{
position: relative;
}
#ajuste{
	margin-top: 150px
}

.ChatBox{display:none}

.ProChat{font-size: 16px;
	color: #A0A4AD;
	font-weight: 500;
	text-transform: uppercase;position:relative;top: 5px;display:block}

#AllInfos h2 {
	font-family: Arial, sans-serif;
	padding:20px;
	font-size: 30px;
	display: inline-flex;
}
#AllInfos h3 {
	padding:19px;	display: inline-flex;
}
.AjustTop .employee-notes {
	height: 90px; }

.QuadroSimple p{padding:15px;color:#000}
.QuadroSimple p a{color: #040405}
.QuadroSimple p a:hover{text-decoration:  underline}
.QuadroSimple h2{font-size: 20px;
	color: #898989;
	padding: 15px;}

.col-xl-12 h3{color:#FFF}

.StripePri{	position: relative;
	top: 105px;}

.FixAltura{	margin-top: 100px;}

.goog-te-gadget .goog-te-combo {
	margin: 4px 0;
		height: 40px;
		color: #EBEBEB;
		cursor: pointer;
		padding: 4px 6px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 8px;
}

#Exibir{opacity:0;width: 0%;height: 0px;}
/*
background-color: #f1f1f1*/

.skiptranslate iframe{
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px 10px;
font-family: Arial, sans-serif;
	color: #333;background-color:#f4f9fd}

/*
.skiptranslate iframe body{background-image:none;}
.skiptranslate iframe .VIpgJd-ZVi9od-ORHb{background-color:#333}
*/


@media only screen and (min-width: 590px) and (max-width: 700px) and (orientation: landscape) {
	.employee {
		margin-left: 9%;
	}
	.lightbox,.employee-info{width:100%}
	.SendOpt{width:100%}
}



.owl-carousel .owl-item img,.join-after img{	width: 100%; height: auto;}

.blockUI a{color:#009613;text-decoration:underline;}

.VideoContent{	display: flex;
	justify-content: center;
	align-items: center;
}
.d-heading h2{background: linear-gradient(90deg, #48964a 0%, rgb(90 188 93) 100%);
	background-clip: text;
	color: transparent;}


.Reply strong{	color: #d2d3d6;}
.Reply pre strong{	color: #000;}

@media (min-width: 750px) {
	#DicasComandos,#AllInfos h2,#AllInfos h3 {
		display: flow-root;
	}
}
@media (max-height: 750px) {
	/*.SendOpt {
		top: 79%;
	}
	*/
}
@media (max-height: 560px) {
	.SendOpt {
		top: 90%;
	}
}

@media (max-height: 1900px) {
.input-group {
	left: -80%;
}
}
	
	.descricao{padding-left:10px;	text-align: justify;word-break: break-word; 	white-space: pre-wrap;}
	.footer-single p{font-size:15px}
	
	@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
		.employee-info,.ResultadoTextRoll{margin-top:50px}
		.employee-infos{min-width: 90%;}
		.employee-info img {max-height: 70%;}
		#DicasComandos,#AllInfos h3 { display: -webkit-flex; padding: 10px 5px;padding: 5px 20px;}
		.SendOpt { 	top: 67%; background-color: #000; 	max-width: 60%; border-radius: 12px; }
		
	}

#Explain{	margin-left: 400px;}

.employee #Explain div:first-child {
	margin-top: 0;
}
.employee #Explain div:nth-child(2) {
	margin-top: 30px;
}
.employee #Explain div:nth-child(3) {
	margin-top: 30px;
}

.NiceText{	text-align: justify; line-height: 1.7;}
.NiceText strong{		font-weight: 800;color: #5abc5d;}
.lightbox .FastFunctions{text-align: center;margin: 20px 0px 20px 300px;float:left}
.FastFunctions i{margin-left: 40px;	font-size: 25px;}
div .FastFunctions{	 float: none; margin-top: 30px;}


.chat-buttons {
			margin-bottom: 10px;
			margin-left: 30px;
			display: flex;
			gap: 10px;
			/*bottom: 15px;*/
		}
		.chat-button {
					padding: 10px 20px;
					background: linear-gradient(145deg, #4eaf50, #3e8f40);
					color: white;
					border: none;
					border-radius: 25px;
					cursor: pointer;
					box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
					transition: all 0.3s ease;
					font-family: 'Arial', sans-serif;
					font-size: 14px;
					text-transform: uppercase;
					letter-spacing: 1px;
				}
				.chat-button:hover {
					background: linear-gradient(145deg, #3e8f40, #4eaf50);
					box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
					transform: translateY(-2px);
				}
				.chat-button:active {
					background: linear-gradient(145deg, #367a38, #46a048);
					box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
					transform: translateY(1px);
				}

@media (max-width: 768px) {
			.chat-buttons {
				margin-left: 10px;
				margin-right: 10px;
				justify-content: center;
			}
			.chat-button {
				padding: 8px 16px;
				font-size: 12px;
			}
		}
		@media (max-width: 480px) {
			
			.chat-button {
				width: 100%;
				margin-bottom: 10px;
				padding: 10px;
				font-size: 14px;
			}
		}
@media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
	.SendOpt{left:0%;	display: none;	width: 100%;}
	
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.SendOpt{left:0%;}
}




@media screen and (min-width: 1080px) and (max-width: 1320px),screen and (min-height: 900px) and (max-height: 660px) {
	/*   1200-600 alt 10%	*/
	.SendOpt{left:63.5%;}
	#IdProf{	height: 80px;}
	.Sender{right:13%;top:87.5%}
	
	
	.AjustTop{right:13%;top:84%}
}

.lightbox .SendOpt .selected{	color: #50bc52;}

.descricao {	white-space: normal; }



#IdProf .SmallAjust{position:relative;bottom:17px}

.wave-container {
			position: fixed; 
			width: 100%;
			height: 100%;
			z-index: 9;
			overflow: hidden; 
			opacity: 0.9;
		}

		.wave {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 200%;
			height: 100%; 
			background: linear-gradient(to right, 
				rgba(255, 99, 132, 0.5), 
				rgba(54, 162, 235, 0.5), 
				rgba(255, 206, 86, 0.5),
				rgba(75, 192, 192, 0.5)
			);
			background-size: 200% 100%; 
			animation: waveAnimation 20s linear infinite;
		}

		.wave1 { animation-duration: 18s; }
		.wave2 { animation-duration: 22s; }
		.wave3 { animation-duration: 16s; }
		.wave4 { animation-duration: 20s; }
		
		@keyframes waveAnimation {
			0% { transform: translateX(0%); }
			100% { transform: translateX(-50%); } /* The missing property was here! */
		}

.lightbox #opacity-slider{margin-left: 20px;}

.MenuTopo{	background-color: #0B1E24;	position: relative;right: 1%;	}



@media screen and (min-width: 1800px) {
.FastFunctions{  	width: 75%; margin: 0 auto;padding: 30px;}
.lightbox .FastFunctions{margin:0}
}

@media screen and (min-width: 2100px) {
.SendOpt{  	left: 68.5%;}
}

	
	
	
	
	
	#recursos ul{	color: #fff;font-size: 18px;padding: 20px;text-align: justify;}