/* W3.CSS 4.06 November 2017 by Jan Egil and Borge Refsnes */

html {
	box-sizing: border-box
}
*,
*:before,
*:after {
	box-sizing: inherit
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
 
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display: block
}
audio,canvas,progress,video {
	display: inline-block
}
progress {	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden],
template {
	display: none
}
logo-hosts {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
figure {
	margin: 1em 40px
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button,input,select,textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: bold
}
button,input {
	overflow: visible
}
button,select {
	text-transform: none
}
button,html[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type=checkbox],
[type=radio] {
	padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
/* End extract */

.w3-image {
	max-width: 100%;
	height: auto;
}
.w3-header {
	max-width: 100%;
	height: auto;
	margin: 100px 0px 100px 0px;
}
@media (max-width: 768px) {
	.w3-header {
		margin-bottom:15px!important; 
	}
}

img {
	margin-bottom: -5px
}
a {
	color: inherit
}
.w3-table,.w3-table-all {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	display: table
}
.w3-table-all {
	border: 1px solid #ccc
}
.w3-bordered tr,.w3-table-all tr {
	border-bottom: 1px solid #ddd
}
.w3-striped tbody tr:nth-child(even) {
	background-color: #f1f1f1
}
.w3-table-all tr:nth-child(odd) {
	background-color: #fff
}
.w3-table-all tr:nth-child(even) {
	background-color: #f1f1f1
}
.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
	background-color: #ccc
}
.w3-centered tr th,.w3-centered tr td {
	text-align: center
}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th {
	padding: 8px 8px;
	display: table-cell;
	text-align: left;
	vertical-align: top
}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child {
	padding-left: 16px
}
.w3-btn,.w3-button {
	border: none;
	display: inline-block;
	outline: 0;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}
.w3-btn:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.w3-btn,.w3-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled {
	cursor: not-allowed;
	opacity: 0.3
}
.w3-disabled *,:disabled * {
	pointer-events: none
}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover {
	box-shadow: none
}
.w3-badge,.w3-tag {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center
}
.w3-badge {
	border-radius: 50%
}
.w3-ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.w3-ul li {
	padding: 8px 16px;
	border-bottom: 1px solid #ddd
}
.w3-ul li:last-child {
	border-bottom: none
}
.w3-tooltip,
.w3-display-container {
	position: relative
}
.w3-tooltip .w3-text {
	display: none
}
.w3-tooltip:hover .w3-text {
	display: inline-block
}
.w3-ripple:active {
	opacity: 0.5
}
.w3-ripple {
	transition: opacity 0s
}
.w3-input {
	padding: 8px;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%
}
.w3-select {
	padding: 9px 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc
}
.w3-dropdown-click,.w3-dropdown-hover {
	position: relative;
	display: inline-block;
	cursor: pointer
}
.w3-dropdown-hover:hover .w3-dropdown-content {
	display: block;
	z-index: 1
}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover {
	background-color: #ccc;
	color: #000
}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child {
	background-color: #ccc;
	color: #000
}
.w3-dropdown-content {
	cursor: auto;
	color: #000;
	background-color: #fff;
	display: none;
	position: absolute;
	min-width: 160px;
	margin: 0;
	padding: 0
}
.w3-check,.w3-radio {
	width: 24px;
	height: 24px;
	position: relative;
	top: 6px
}
.w3-sidebar {
	height: 100%;
	width: 200px;
	background-color: #fff;
	position: fixed!important;
	z-index: 1;
	overflow: auto
}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click {
	width: 100%
}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
	min-width: 100%
}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button {
	width: 100%;
	text-align: left;
	padding: 8px 16px
}
.w3-main,#main {
	transition: margin-left .4s
}
.w3-modal {
	z-index: 3;
	display: none;
	padding-top: 100px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}
.w3-modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	width: 600px
}
.w3-bar {
	width: 100%;
	overflow: hidden;
	height: 100px;
}
.w3-center .w3-bar {
	display: inline-block;
	width: auto
}
.w3-bar .w3-button {
	padding: 16px;
}
.w3-bar .w3-bar-item {
	padding: 7px 19px;
	float: left;
	width: auto;
	border: none;
	outline: none;
	display: block
}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click {
	position: static;
	float: left
}
.w3-bar .w3-button {
	white-space: normal;
	color: #009AD9
}
.w3-bar-block .w3-bar-item {
	width: 100%;
	display: block;
	padding: 8px 16px;
	text-align: left;
	border: none;
	outline: none;
	white-space: normal;
	float: none
}
.w3-bar-block.w3-center .w3-bar-item {
	text-align: center
}
.w3-block {
	display: block;
	width: 100%
}
.w3-responsive {
	display: block;
	overflow-x: auto
}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
	content: "";
	display: table;
	clear: both
}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter {
	float: left;
	width: 100%
}
.w3-col.s1 {
	width: 8.33333%
}
.w3-col.s2 {
	width: 16.66666%
}
.w3-col.s3 {
	width: 24.99999%
}
.w3-col.s4 {
	width: 33.33333%
}
.w3-col.s5 {
	width: 41.66666%
}
.w3-col.s6 {
	width: 49.99999%
}
.w3-col.s7 {
	width: 58.33333%
}
.w3-col.s8 {
	width: 66.66666%
}
.w3-col.s9 {
	width: 74.99999%
}
.w3-col.s10 {
	width: 83.33333%
}
.w3-col.s11 {
	width: 91.66666%
}
.w3-col.s12 {
	width: 99.99999%
}
/*.w3-col.m3,.w3-quarter{width:24.99999%}*/

@media (min-width: 601px) {
	.w3-col.m1 {
		width: 8.33333%
	}
	.w3-col.m2 {
		width: 16.66666%
	}
	.w3-col.m3,	.w3-quarter {
		width: 19.99999%
	}
	/*Largura das caixas de planos*/
	.w3-col.m4,	.w3-third { 
		width: 33.33%
	}
	.w3-col.m5 {
		width: 41.66666%
	}
	.w3-col.m6,	.w3-half {
		width: 49.99999%
	}
	.w3-col.m7 {
		width: 58.33333%
	}
	.w3-col.m8,	.w3-twothird {
		width: 66.66666%
	}
	.w3-col.m9,	.w3-threequarter {
		width: 74.99999%
	}
	.w3-col.m10 {
		width: 83.33333%
	}
	.w3-col.m11 {
		width: 91.66666%
	}
	.w3-col.m12 {
		width: 99.99999%
	}
}
@media (min-width: 993px) {
	.w3-col.l1 {
		width: 8.33333%
	}
	.w3-col.l2 {
		width: 16.66666%
	}
	.w3-col.l3 {
		width: 20%
	}
	.w3-col.l4 {
		width: 33.33333%
	}
	.w3-col.l5 {
		width: 41.66666%
	}
	.w3-col.l6 {
		width: 49.99999%
	}
	.w3-col.l7 {
		width: 58.33333%
	}
	.w3-col.l8 {
		width: 66.66666%
	}
	.w3-col.l9 {
		width: 74.99999%
	}
	.w3-col.l10 {
		width: 83.33333%
	}
	.w3-col.l11 {
		width: 91.66666%
	}
	.w3-col.l12 {
		width: 99.99999%
	}
}
.w3-content {
	max-width: 980px;
	margin: auto
}
.w3-rest {
	overflow: hidden
}
.w3-cell-row {
	display: table;
	width: 100%
}
.w3-cell {
	display: table-cell
}
.w3-cell-top {
	vertical-align: top
}
.w3-cell-middle {
	vertical-align: middle
}
.w3-cell-bottom {
	vertical-align: bottom
}
.w3-hide {
	display: none!important
}
.w3-show-block,
.w3-show {
	display: block!important
}
.w3-show-inline-block {
	display: inline-block!important
}
@media (max-width: 894px) {
	.w3-modal-content {
		margin: 0 10px;
		width: auto!important
	}
	.w3-modal {
		padding-top: 30px
	}
	.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content {
		position: relative
	}
	.w3-hide-small {
		display: none!important
	}
	.w3-mobile {
		display: block;
		width: 100%!important
	}
	.w3-bar-item.w3-mobile,	.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile {
		text-align: center
	}
	.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button {
		width: 100%
	}
}
@media (max-width: 768px) {
	.w3-modal-content {
		width: 500px
	}
	.w3-modal {
		padding-top: 50px
	}
}
@media (min-width: 993px) {
	.w3-modal-content {
		width: 900px
	}
	.w3-hide-large {
		display: none!important
	}
	.w3-sidebar.w3-collapse {
		display: block!important
	}
}
@media (max-width: 992px) and (min-width: 895px) {
	.w3-hide-medium {
		display: none!important
	}
}
@media (max-width: 992px) {
	.w3-sidebar.w3-collapse {
		display: none
	}
	.w3-main {
		margin-left: 0!important;
		margin-right: 0!important
	}
}
.w3-top,.w3-bottom {
	position: fixed;
	width: 100%;
	z-index: 1
}
.w3-top {
	top: 0
}
.w3-bottom {
	bottom: 0
}
.w3-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2
}
.w3-display-topleft {
	position: absolute;
	left: 0;
	top: 0
}
.w3-display-topright {
	position: absolute;
	right: 0;
	top: 0
}
.w3-display-bottomleft {
	position: absolute;
	left: 0;
	bottom: 0
}
.w3-display-bottomright {
	position: absolute;
	right: 0;
	bottom: 0
}
.w3-display-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}
.w3-display-left {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	-ms-transform: translate(-0%, -50%)
}
.w3-display-right {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%)
}
.w3-display-topmiddle {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%)
}
.w3-display-bottommiddle {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%)
}
.w3-display-container:hover .w3-display-hover {
	display: block
}
.w3-display-container:hover span.w3-display-hover {
	display: inline-block
}
.w3-display-hover {
	display: none
}
.w3-display-position {
	position: absolute
}
.w3-circle {
	border-radius: 50%
}
.w3-round-small {
	border-radius: 2px
}
.w3-round,
.w3-round-medium {
	border-radius: 4px
}
.w3-round-large {
	border-radius: 8px
}
.w3-round-xlarge {
	border-radius: 16px
}
.w3-round-xxlarge {
	border-radius: 32px
}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col {
	padding: 10px 8px 8px 8px;
}
.w3-container,.w3-panel {
	padding: 0.01em 16px
}
.w3-panel {
	margin-top: 16px;
	margin-bottom: 16px
}
.w3-code,.w3-codespan {
	font-family: 'Karla', sans-serif;
	font-size: 16px
}
.w3-code {
	width: auto;
	background-color: #fff;
	padding: 8px 12px;
	border-left: 4px solid #4CAF50;
	word-wrap: break-word
}
.w3-codespan {
	color: crimson;
	background-color: #f1f1f1;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 110%
}
.w3-card,.w3-card-2 {
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 0.1px 4px 0 rgba(0, 0, 0, 0.1)
}
.w3-card-4,.w3-hover-shadow:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}
.w3-spin {
	animation: w3-spin 2s infinite linear
}
@keyframes w3-spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(359deg)
	}
}
.w3-animate-fading {
	animation: fading 10s infinite
}
@keyframes fading {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
.w3-animate-opacity {
	animation: opac 0.8s
}
@keyframes opac {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
.w3-animate-top {
	position: relative;
	animation: animatetop 0.4s
}
@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}
.w3-animate-left {
	position: relative;
	animation: animateleft 0.4s
}
@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}
.w3-animate-right {
	position: relative;
	animation: animateright 0.4s
}
@keyframes animateright {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0;
		opacity: 1
	}
}
.w3-animate-bottom {
	position: relative;
	animation: animatebottom 0.4s
}
@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}
.w3-animate-zoom {
	animation: animatezoom 0.6s
}
@keyframes animatezoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}
.w3-animate-input {
	transition: width 0.4s ease-in-out
}
.w3-animate-input:focus {
	width: 100%!important
}
.w3-opacity,
.w3-hover-opacity:hover {
	opacity: 0.60
}
.w3-opacity-off,
.w3-hover-opacity-off:hover {
	opacity: 1
}
.w3-opacity-max {
	opacity: 0.25
}
.w3-opacity-min {
	opacity: 0.75
}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover {
	filter: grayscale(100%)
}
.w3-greyscale,
.w3-grayscale {
	filter: grayscale(75%)
}
.w3-greyscale-min,
.w3-grayscale-min {
	filter: grayscale(0%)
}
.w3-sepia {
	filter: sepia(75%)
}
.w3-sepia-max,
.w3-hover-sepia:hover {
	filter: sepia(100%)
}
.w3-sepia-min {
	filter: sepia(50%)
}
.w3-tiny {
	font-size: 10px!important
}
.w3-small {
	font-size: 12px!important
}
.w3-medium {
	font-size: 15px!important
}
.w3-large {
	font-size: 1.125em!important
}
.w3-xlarge {
	font-size: 30px!important
}
.w3-xxlarge {
	font-size: 2.25em!important
}
.w3-xxxlarge {
	font-size: 48px!important
}
.w3-jumbo {
	font-size: 64px!important
}
.w3-left-align {
	text-align: left!important
}
.w3-right-align {
	text-align: right!important
}
.w3-justify {
	text-align: justify!important
}
.w3-center {
	text-align: center!important
}
.w3-border-0 {
	border: 0!important
}
.w3-border {
	border: 1px solid #ccc!important
}
.w3-border-top {
	border-top: 1px solid #ccc!important
}
.w3-border-bottom {
	border-bottom: 1px solid #ccc!important
}
.w3-border-left {
	border-left: 1px solid #ccc!important
}
.w3-border-right {
	border-right: 1px solid #ccc!important
}
.w3-topbar {
	border-top: 6px solid #ccc!important
}
.w3-bottombar {
	border-bottom: 6px solid #ccc!important
}
.w3-leftbar {
	border-left: 6px solid #ccc!important
}
.w3-rightbar {
	border-right: 6px solid #ccc!important
}
.w3-section,
.w3-code {
	margin-top: 16px!important;
	margin-bottom: 16px!important
}
.w3-margin {
	margin: 16px!important
}
.w3-margin-top {
	margin-top: 16px!important
}
.w3-margin-bottom {
	margin-bottom: 10px!important
}
.w3-margin-left {
	margin-left: 16px!important
}
.w3-margin-right {
	margin-right: 16px!important
}
.w3-padding-small {
	padding: 4px 8px!important
}
.w3-padding {
	padding: 8px 16px!important
}
.w3-padding-large {
	padding: 12px 24px!important
}
.w3-padding-05 {
	padding-top: 05px!important;
	padding-bottom: 05px!important
}
.w3-padding-05 {
	padding-top: 05px!important;
	padding-bottom: 05px!important
}
.w3-padding-24 {
	padding-top: 24px!important;
	padding-bottom: 24px!important
}
.w3-padding-32 {
	padding-top: 32px!important;
	padding-bottom: 32px!important
}
.w3-padding-48 {
	padding-top: 48px!important;
	padding-bottom: 48px!important
}
.w3-padding-64 {
	padding-top: 64px!important;
	padding-bottom: 64px!important
}
.w3-left {
	float: left!important
}
.w3-right {
	float: right!important;
	padding-top: 30px
}
.w3-button:hover {
	color: #21ce99!important;
	background-color: #eee!important;
	text-decoration: none;
}
.w3-transparent,
.w3-hover-none:hover {
	background-color: transparent!important
}
.w3-hover-none:hover {
	box-shadow: none!important
}

/* Cores */
.w3-white,.w3-hover-white:hover {
	color: #000!important;
	background-color: #fff!important
}
.w3-black,.w3-hover-black:hover {
	color: #fff!important;
	background-color: #000!important
}

/* CSS hg - hosts green | Hosts Green.CSS 0.07 Fevereiro 2019 by b.Sancar */
html,body {
	font-family: 'Karla', sans-serif; /* Fonte "família" */
	font-size: 16px; /* Tamanho da fonte */
	line-height: 1.7;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	overflow-x: hidden
}
h1 {
	font-size: 4em;
	color: #21ce99
}
h2 {
	font-size: 1.875em
}
h3 {
	font-size: 1.25em;
	color: #AFCA08;
	text-align: center;
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 18px
}
h6 {
	font-size: 16px
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	margin: 0
}
hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0
}

.bold {
	font-weight: bold
}
a {
	text-decoration: none;
}
.hg-card {
	box-shadow: none
}

/*Cases*/
.case-rafael{
	width:170px;
    height:170px;
    background:url("../../img/cliente/spr-case.png") no-repeat 0px 1px !important;
     display: inline-block;
}
.case-bernardes{
	width:270px;
    height:40px;
    background:url("../../img/cliente/spr-case.png") no-repeat -190px -8px !important;
     display: inline-block;
}
.case-marco{
	width:170px;
    height:170px;
    background:url("../../img/cliente/spr-case1.png") no-repeat 0px 1px !important;
     display: inline-block;
}
.case-lagoa{
	width:270px;
    height:60px;
    background:url("../../img/cliente/spr-case1.png") no-repeat -190px -8px !important;
     display: inline-block;
}
/*cases de Sucesso*/

.cases{ 
    background:#ebebeb;
         
}

.cases-container{
    max-width:900px;
    margin:0 auto;
	height:217px;
	}

.cases-container::after, .cases-container::before {
    content:'';
    display: table;
    clear: both;}

.cases-iten1{
    max-width: 160px;
    margin:12px 10px;
    float: left}

.cases-iten1 img{
    max-width: 155px;
}   

.cases-iten2{
    max-width: 670px;
    margin:10px 0 0 170px;
    color:#868686;
    padding-left: 30px
    }
.iten2-texto{color: #21ce99; font-weight: bold;line-height:1.2; font-size:1.125em}
.case-info{margin-top: -6px; line-height: 1.3}

/*cases mobile*/
@media (max-width:768px) {
.cases{
       padding: 3px 0 2px}

.cases-container{
    max-width: 77.99999%;
    margin:0 auto;
	height: auto;
	}

.cases-container::after, .cases-container::before {
    content:'';
    display: table;
    clear: both}

.cases-iten1{
    margin:0 auto;
    float: none!important}

.cases-iten2{
    width: 99.99999%;
    margin:0 auto;
    text-align: center;
    padding: 10px 0 10px 0}
}
.iten2-texto{color: #21ce99; font-weight: bold;line-height:1.2; font-size:1.125em}

/*Funcionalidades (na página Index)*/
.monit_ambiente {
	width: 165px;
	height: 155px;
	background: url("../../img/app/icones.png") no-repeat -12px -8px !important;
	display: inline-block;
}
.status_alertas {
	width: 165px;
	height: 155px;
	background: url("../../img/app/icones.png") no-repeat -212px -8px !important;
	display: inline-block;
}
.integracao_automacao {
	width: 165px;
	height: 155px;
	background: url("../../img/app/icones.png") no-repeat -420px -17px !important;
	display: inline-block;
}
.automacao {
	width: 170px;
	height: 165px;
	background: url("../../img/app/icones.png") no-repeat -625px -13px !important;
	display: inline-block;
}
.relatorio {
	width: 170px;
	height: 165px;
	background: url("../../img/app/icones.png") no-repeat -825px -8px !important;
	display: inline-block;
}
.agendar {
	width: 170px;
	height: 165px;
	background: url("../../img/app/icones.png") no-repeat -1020px -5px !important;
	display: inline-block;
}

/* Slideshow container */
.item {
	opacity: 0;
	visibility: hidden;
	height: 0;
}
.item.active {
	opacity: 1;
	visibility: visible;
	height: auto;
	transition: 3s;
}
.slideshow-container {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: auto;
}
.js .slideshow-container {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-50px, 0, 0);
	position: absolute;
	top: 0;
}
.js .slideshow-container {
	opacity: 1;
	visibility: visible;
	transition: .3s;
	position: relative;
	top: auto;
	transform: translate3d(0px, 0, 0);
}
/
/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {
	background-color: #555e5e;
	color: #fff;
}
.active {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .1);
}
/* Fading animation */

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {
		opacity: .4
	}
	to {
		opacity: 1
	}
}
@keyframes fade {
	from {
		opacity: .4
	}
	to {
		opacity: 1
	}
}
/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
	.prev,.next,.text {
		font-size: 18px
	}
}

/* Menu mobile - Redes Sociais */
.bars {
	width: 20px;
	height: 18px;
	background: url("../../img/redes/menue_sociais2.png") no-repeat -108px -4px !important;
	display: inline-block;
}

/* Icones das Redes Socias Localizados na Footer  */
.facebook {
	width: 22px;
	height: 22px;
	background: url("../../img/redes/menue_sociais3.png") no-repeat -2px -0px !important;
	display: inline-block;
}
.instagram {
	width: 22px;
	height: 22px;
	background: url("../../img/redes/menue_sociais3.png") no-repeat -80px -0px !important;
	display: inline-block;
}
.twitter {
	width: 22px;
	height: 22px;
	background: url("../../img/redes/menue_sociais3.png") no-repeat -55px -0px !important;
	display: inline-block;
}
.linkedin {
	width: 22px;
	height: 22px;
	background: url("../../img/redes/menue_sociais3.png") no-repeat -29px -0px !important;
	display: inline-block;
}
.youtube {
	width: 32px;
	height: 22px;
	background: url("../../img/redes/menue_sociais3.png") no-repeat -129px -0px !important;
	display: inline-block;
}

/* Home Software Monitoramento de Hosts */
.not-container {
	height: auto;
	max-width: 1260px;
	margin: 0 auto;
	padding-top: 10px;
	display: flex;
}
.not-container::after,
.not-container::before {
	content: '';
	display: table;
	clear: both;
}
@media (max-width: 768px) {
	.not-container {
		width: 95%;
		width: 100%;
		list-style: none;
		display: list-item;
		}
	.w3-bar .w3-bar-item{
			padding: 20px 19px!important;
		}	
		.w3-bar{
			height: 80px;
		}
	} 
.not-email {
	float: left;
	width: 280px;
	padding: 20px 0 10px 0;
	margin-left: 200px;
	text-align: center;
}
.not-wa {
	float: left;
	width: 280px;
	padding: 20px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.not-tlgm {
	float: left;
	width: 280px;
	padding: 20px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.not-sms {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: 200px;
	text-align: center;
}
.not-slk {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.not-tea {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.not-twi {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: 200px;
	text-align: center;
}
.not-disc {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.not-nvoip {
	float: left;
	width: 280px;
	padding: 2px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}

.center_app {
	text-align: center;
	color: #21ce99;
	margin-bottom: 0;
}

@media (max-width: 768px){
	.not-email {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-wa {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-tlgm {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-sms {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-slk {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-tea {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-twi {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-disc {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
	.not-nvoip {
	float: none;
	margin: 0 auto;
	text-align: center;
	}
}
.notificacao-email {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -243px -0px !important;
	display: inline-block;
}
.notificacao-wa {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -358px -0px !important;
	display: inline-block;
}
.notificacao-tlgm {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -473px -0px !important;
	display: inline-block;
}
.notificacao-sms {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -588px -0px !important;
	display: inline-block;
}
.notificacao-slk {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -703px -0px !important;
	display: inline-block;
}
.notificacao-tea {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -17px -0px !important;
	display: inline-block;
}
.notificacao-twi {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -127px -0px !important;
	display: inline-block;
}
.notificacao-disc {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -806px -0px !important;
	display: inline-block;
}
.notificacao-nvoip {
	width: 64px;
	height: 64px;
	background: url("../../img/notificacao4.png") no-repeat -908px 1px !important;
	display: inline-block;
}
/*@media (max-width: 768px) {
	.notificacao-email {
		width: 32px;
		height: 32px;
		background: url("../../img/notificacao.png")no-repeat -9px -0px !important;
		display: inline-block;
	}
	.notificacao-wa {
		width: 32px;
		height: 32px;
		background: url("../../img/notificacao.png")no-repeat -124px -0px !important;
		display: inline-block;
	}
	.notificacao-tlgm {
		width: 32px;
		height: 32px;
		background: url("../../img/notificacao.png")no-repeat -240px -0px !important;
		display: inline-block;
	}
	.notificacao-sms {
		width: 32px;
		height: 32px;
		background: url("../../img/notificacao.png")no-repeat -354px -0px !important;
		display: inline-block;
		padding: 18px 5px 5px 5px;
	}
	.not-texto {
		margin-top: 5px;
		line-height: 1.3;
		font-size: 10px;
	}
}*/
.not-texto {
	color: #007ed1;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1.3;
	font-size: 18px;
}


.hg-t-sky,
.hg-hover-t-sky:hover {
	color: #21ce99;
	text-align: center;
}
.hg-display-center {
	position: absolute;
	top: 40%;
	left: 6%;
	right: 6%;
	padding: 0 0 75px 0;
	margin-top: 10px;
	transform: translate(0%, -50%);
	-ms-transform: translate(-0%, -50%);
	text-align: center;
}

.banner-t1 {
	font-size: 2em;
	margin: 0 0 0 0;
	padding: 50px 0 20px 0;
}


/* ------------------------- FIZ UMA ALTERAÇÃO ------------------------- */
.banner-t1a {
	font-size: 2em;
	margin: 0 0 0 0;
	padding: 50px 0 20px 0;
}

@media(max-width: 768px){
	.banner-t1a {
	font-size: 1em;
	padding: 10px 0 10px 0;
}
}
/* ------------------------- FIZ UMA ALTERAÇÃO ------------------------- */



.banner-t2 {
	font-size: 1.790em;
}
.hg-large {
	font-size: 1.250em;
	text-align: center;
	color: #009AD9;
	margin-top: -10px;
	margin-bottom: 40px;
	line-height: 1.4;
}
.hg-img-logo img {
	margin: 15px 0px 2px 50px;
	width: 250px;
	float: left;
}

/* ----------------- FIZ UMA ALTERAÇÃO ---------------------- */
@media (max-width: 768px) {
	.hg-img-logo img {
		margin: 15px auto 0px 15px; /* ALTERAÇÃO */
		}
}
/* ----------------- FIZ UMA ALTERAÇÃO ---------------------- */

.hg-ft-m17 {
	font-size: 1.0625em;
	
}
	@media (max-width: 768px) {
		.hg-ft-m17 {
		font-weight: 100;
	}
}


/* -------------------- FIZ UMA ALTERAÇÃO ---------------------------*/
@media (max-width: 768px) {
	.banner-t2 {
		font-size: 1.500em;
		margin: 0 0 60px 0; /*ACRESCENTEI*/
	}
}
/* -------------------- FIZ UMA ALTERAÇÃO ---------------------------*/





/* CTA "CRIAR CONTA" */
.hg-button {
	color: #fff;
	background-color: #21ce99!important;
	margin: 1px 50px 1px 0px;
	border-radius: 0px;
	border: 1px solid #21ce99 !important;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.hg-button:hover {
	color: #ffffff;
	background-color: #0058ad!important;
	border: 1px solid #0058ad!important;
	text-decoration: none;
}
.hg-button:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}
.hg-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.hg-button:first-child,
.hg-dropdown-click:hover > .hg-button:first-child {
	background-color: #ccc;
	color: #000
}
/* CTA "ENTRAR" */
.hg-button2 {
	color: #e9425e;
	background-color: #ffffff!important;
	margin: 1px 1px 1px 1px;
	border-radius: 0px;
	border: 1px solid #ffffff !important;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.hg-button2:hover {
	color: #21ce99;
	background-color: #eee!important;
	text-decoration: none;
}
.hg-button2:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}
.hg-button2 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.hg-button2:first-child,
.hg-dropdown-click:hover > .hg-button2:first-child {
	background-color: #ccc;
	color: #000;
}
/* Style The Dropdown Button */
.dropbtn {
	background-color: #ffffff;
	color: #0078C5;
	font-weight: bold;
	padding: 8px;
	margin: 10px 40px 0 7px;
	font-size: 13px;
	border: none;
	cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */

.dropdown {
	position: unset;
	display: inline-block;
	margin-left: -35px;
}
/* Dropdown Content (Hidden by Default) */

.dropdown-content {
	font-size: 13px;
	display: none;
	position: absolute;
	min-width: 51px;
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
/* Links inside the dropdown */

.dropdown-content a {
	color: black;
	padding: 8px 10px;
	text-decoration: none;
	display: block;
}
/* Change color of dropdown links on hover*/
.dropdown:hover .dropdown-content {
	display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	color: #E30613;
}
/* Menu Mobile */
@media (max-width: 894px) and (min-width: 601px) {
	h1 {
		font-size: 3em!important;
	}
	.w3-bar .w3-button {
		height: 130px!important;
		padding: 13px!important;
	}
	.w3-right {
		padding-top: 0!important;
		width: 100%;
	}
	/* Imagem Header no Mobile */
	.hg-display-center {
		top: 53%!important;
	}
}

/*CTAS*/
.ctas{
    width: 100%;
    background:#ffffff;
    padding:35px;
    margin:0 auto; 
}
.ctas_container {
	max-width: 242px;
	height: auto;
	background: #ffffff;
	margin: 0 auto;
	padding-top: 20px;
}
@media (max-width: 768px) {
	.ctas{
	    width: 100%;
	    background:#ffffff;
	    padding:10px;
	    margin:0 auto; 
	}
	.ctas_container {
		height: auto;
		background: #ffffff;
		margin: 0 auto;
		padding-top: 40px;
		align-items: center; 
	}
}
/* CTA: Cor, Margem, Tamanho da Fonte, */
.ctas-aparencia {
	text-align: center;
	font-size: 15px;
	color: #e26ca6;
	margin-top: 30px
}
.ctas-button {
	width: 230px;
	padding: 20px;
	color: #ffffff;
	background-color: #e9425e!important;
	margin: 0 auto;
	border: 1px solid #e9425e!important;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}
.ctas-button:hover {
	color: #ffffff;
	background-color: #ffa733!important;
	border: 1px solid #ffa733!important
}
@media (max-width: 768px) {
	.ctas-aparencia {
		text-align: center;
		color: #009ad9;
		}
	.ctas-button {
		width: 115px;
		color: #ffffff;
		margin: 0 auto;
		overflow: hidden;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		white-space: nowrap
	}
	.ctas-button:hover {
		color: #ffffff;
		background-color: #CDFF36!important;
		border: 1px solid #CDFF36!important
	}
}
.cta-header {
	width: 230px;
	padding: 20px;
	color: #e9425e;
	background-color: #ffffff!important;
	margin: 0 auto;
	border: 1px solid #e9425e!important;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}
.cta-header:hover {
	color: #007ed1;
	background-color: #ffffff!important;
	border: 1px solid #007ed1!important
}
/*CTAS Rodape*/
.ctas_rodape{
    width:100%;
    height:auto;
    background:#ffffff;
    padding:55px 10px 55px 10px;
    margin:0 auto; 
}

@media (max-width: 768px){
	.ctas_rodape{
	    width:100%;
	    height:auto;
	    background:#ffffff;
	    padding:55px 10px 55px 10px;
	    margin:0 auto; 
	}
}
/* Configurar tamanho da fonte do: Status Page Hosts Green */
.tamfonsphg {
	font-size: 1.45em
}

/* Mobile - Frase: Status page hosts green */
@media (max-width: 768px) {
	.tamfonsphg {
	font-size: 1em
	}
}

.bgimg_p {
	background-position: center;
	background-size: cover;
	min-height: 60%;
	}

/*Planos modelo Keruak*/
.container-p{
	width: 100%;
	max-width: 1320px;
	padding-top: 130px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
    }

    /*Segurança*/
    .seguranca{
	margin-top: 20px;
    margin: 0 auto;
    max-width: 1200px;
    height: auto;
    }

    @media (max-width: 768px){
    	.seguranca{
    		margin:20px;
    	}
    }

    .seguranca p{
	font-size:1em;
	margin-top: 10px;
	margin-bottom: 20px; 
    }



@media only screen and (max-device-width:539px){
	.popular{
		margin-top: 0;
	}
	.container-p{
		padding-top: 100px!important;
	}
}

.table-l{
	background:#F4F5F7;
	width: 250px;
	margin-top: -190px;
	height: 310px;
	color: #575656;
	text-align: center;
	border-radius:4px;
	}
.table-l2{
	background:#F4F5F7;
	width: 250px;
	margin-top: -190px;
	height: 310px;
	color: #575656;
	text-align: center;
	border-radius:4px;
	}	
.table-b{
	background:#F4F5F7;
	width: 250px;
	margin-top: -190px;
	height: 310px;
	color: #575656;
	text-align: center;
	border-radius:4px;
	}
.table-h{
	background:#F4F5F7;
	width: 250px;
	margin-top: -190px;
	height: 310px;
	color: #575656;
	text-align: center;
	border-radius:4px;
	/*box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.1);*/
}

@media only screen and (max-device-width: 768px){
	.table-l{
		margin-bottom: 460px;
	}

	.table-l2{
		margin-bottom: 420px;
	}

	.table-b{
		margin-top: -10px;
		margin-bottom: 50px;

		}

	.table-h{
		margin-top: 420px;
		margin-bottom: 50px;	
		}

	.descricao2{
		margin-top: 50px!important;
	}
	#banner_p h1{
		padding-top: 145px!important;
	}
}

.preco{
	margin: 20px 0 20px;
}
.preco h3{
	font-size: 4.5rem;
	font-weight: 700;
	color: #555;
}

.mes{
	font-style: italic;
	font-size: 1.125em;
}

.assinar{
	margin-bottom: 20px;
}
/*.assinar-b{
	margin-bottom: 20px;
}*/
.assinar a{
	color: #fff;
	padding: 5px 15px;
	font-size: 1.125em;
	text-decoration: none;
	background-color: #21ce99;
	border: 1px solid #21ce99;
	border-radius: 3px;
}
.assinar a:hover{
	color: #fff;
	padding: 5px 15px;
	font-size: 1.125em;
	text-decoration: none;
	background-color: #ffa733;
	border: 1px solid #ffa733;
	border-radius: 3px;
}
/*.assinar-b a{
	color: #a96177;
	padding: 5px 15px;
	font-size: 1.125em;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #a96177;
	border-radius: 3px;
}*/
.titulo{
	font-size: 2.1875em;
	color: #575656;
	padding: 12px 0 3px;
	border-radius: 10px;
	 
}

.descricao {
	line-height: 1.6;
	margin: 10px 12px 20px;
	font-size: 1.0625em;
	padding: 15px 19px;
}
.descricao2{
	line-height: 1.4;
	text-align: left;
	margin-top: 70px;
	font-size:0.9375em;
	padding: 10px 10px;
	}

.list{
	color: #21ce99;
	font-size: 0.7em;
	padding-right: 10px;
}

.list0{
	font-size: 0.7em;
	padding-right: 5px;
}
/* Informações*/
.inf{
	font-size: 1em;
	color: #d2d2d2d2;
	cursor: pointer;
}
.inf:hover{
	font-size: 1em;
	color: #464545;
	text-decoration: none;
	cursor: pointer;
}	

/* Configurações das imagens dos planos */

.hg-display-preco {
	position: absolute;
	top: 45%;
	left: 6%;
	right: 6%;
	padding: 0 0 10px 0;
	transform: translate(0%, -50%);
	-ms-transform: translate(-0%, -50%);
	text-align: center;
}
.hg-t-plan{
	color: #21ce99;
}
.hg-p-plan {
	font-size: 1.250em;
	text-align: center;
	font-weight: 200;
	color: #007ed1;
	margin-top: -10px;
	margin-bottom: 0;
	line-height: 1.4;
}
@media (max-width: 768px) {
	.hg-p-plan {
		margin-top: -10px;
		margin-bottom: 10px;
	}	
}
.hg-ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.hg-ul li {
	padding: 8px 16px;
}
.hg-ul li:last-child {
	border-bottom: none
}
/* Tabelas dos Planos - Startup, Pro, Enterprise*/
.hg-tabela-planos {
	color: #21ce99!important; /* Título dos Planos e Valores */
	background-color: #ffffff!important; /* Cor do Fundo das Tabelas */
	border-radius: 10px!important; /* Raio das bordas */
	border: 4px solid #21ce99; /* Borda das Tabelas */
	/*font-weight: bold;*/
}
.planos-descricao {
	color: #21ce99 /* Cor do texto da descrição do plano */
}
.planos-descricao-destaque {
	color: #00B1FD /* Cor do texto da descrição do plano */
}
.planos-descricao-link {
	color: #009ad9 /* Cor do texto da descrição do plano */
}
.planos-descricao-link:hover {
	color: #FF0514!important; 
	background-color:;
}
.hg-t_cta-planos {
	color: #ffffff!important; /* Cor das letras dos CTAs */
	background-color: #e9425e!important; /* Cor dos CTAs */
	text-transform: uppercase;
	border-radius: 5px
}
.hg-t_cta-planos:hover {
	color: #fff!important; /* Cor das Letras, quando passa o mouse */
	background-color: #007ed1!important /* Cor dos CTAs, quando passa o mouse */
}
/* Final das Tabelas dos Planos - Startup, Pro, Enterprise */

/* Tabelas dos Planos -  Enterprise Medium e Large */

.hg-tabela-planos2 {
	color: #000000!important; /* Título dos Planos e Valores */
	background-color: #ffffff!important; /* Cor do Fundo das Tabelas */
	border-radius: 20px!important; /* Raio das bordas */
	border: 1px solid #AECC53; /* Borda das Tabelas */
	font-weight: bold;
}
.hg-t_cta-planos2 {
	color: #ffffff!important; /* Cor das letras dos CTAs */
	background-color: #F3163E!important; /* Cor dos CTAs */
	text-transform: uppercase;
	border-radius: 10px
}
.hg-t_cta-planos2:hover {
	color: #ffffff!important; /* Cor das Letras, quando passa o mouse */
	background-color: #E7405E!important /* Cor dos CTAs, quando passa o mouse */
}
.bgnplanos2 {
	background: #AECC53;
}

/* Final das Tabelas dos Planos - Enterprise Medium e Large */

.fon-p {
	font-size: 16px
}
/* Configuração dos valores dos planos */
.hg-valor {
	letter-spacing: 1px;
	font-size: 2.00em
}
/* Fale com um consultor */
.hg-fale-consultor {
	letter-spacing: 1px;
	font-size: 1.500em
}

/* Espaçamento dos títulos dos planos */
.hg-padding-ba {
	padding-top: 15px!important;
	padding-bottom: 15px!important
}

/* Definições da frase de chamada para ação dos planos - Planos/ Preços */
.fdctaplan { /* Fundo da Frase de Chamada para Ação */
	width: 100%;
	background: #ffffff;
	padding: 5px 0;
	margin: 50px 10px 50px 10px;
}
.fctaplan { /* Frase de Chamada para Ação */
	font-size: 1.875em;
	text-align: center;
	color: #009ad9;
	line-height: 1.4;
}
/* ------------------------------ FIZ UMA ALTERAÇÃO ------------------------------------------ */
@media (max-width: 768px){
	.fctaplan { /* Frase de Chamada para Ação */
		font-size: 1.2em;
		line-height: 1.2;
		margin: -90px 10px -40px;
	}
}
/* ------------------------------ FIZ UMA ALTERAÇÃO ------------------------------------------ */

/* Chamado para planos Enterprise 
.chamadoplanosenterprise { /* Fundo da Frase de Chamada para Ação 
	width: 100%;
	background: #ffffff;
	padding: 10px 0;
	margin: 0 0 20px 0;
}
.chamadoplanosenterprise { /* Frase de Chamada para Ação
	font-size: 30px;
	text-align: center;
	color: #009ad9;
	line-height: 0;
}
.chamadoplanosenterprise2 { /* Frase de Chamada para Ação
	width: 100%;
	background: #ffffff;
	padding: 10px 0;
	margin: 0 0 0 0;
}
.chamadoplanosenterprise2 { /* Frase de Chamada para Ação
	font-size: 30px;
	text-align: center;
	color: #009ad9;
	line-height: 0;
}
*/
/* Definições da Área de Dúvidas - Plano/ Preços */
.duvidas {
	max-width: 960px;
	height: auto;
	background: #ffffff;
	padding: 450px 0 40px 0;
	margin: 0 auto;
}

.duvidas2 {
	max-width: 960px;
	height: auto;
	background: #ffffff;
	padding: 70px 0 40px 0;
	margin: 0 auto;
}

.duvidas_t {
	font-size: 1.125em;
	text-align: center;
	color: #555e5e;
	line-height: 1.4;
}

@media(max-width: 768px){
	.container_perguntas{
		padding: 0 20px;
		border: none!important;
	}
	.perguntas{
		line-height: 1.5!important
	}
	.dn{
		color:#555e5e!important; 
	}
}
/*Definições da Área de Perguntas Frequentes*/
.container_perguntas {
	margin-bottom: 30px;
	padding: 0 40px;
	border: 1px solid #dcd0e0;
}
.perguntas {
	font-size: 1.1875em;
	cursor: pointer;
	line-height: 2.5
}
.perguntas a:hover {
	color: #009AD9
}
.dn {
	display: none;
	padding-top: 10px;
	color: #009AD9;
}
/* Home - Funcionalidades de monitoramento e Status Page Hosts Green */
.hg-sessoes {
	text-align: center;
	color: #21ce99;
	font-weight: bold;
	font-size: 2em;
	margin: 10px 10px 20px 10px
}

@media (max-width: 768px) {
	.hg-sessoes {
	text-align: center;
	color: #21ce99;
	font-weight: bold;
	font-size: 2em;
	margin: 10px 10px 10px 10px
	}
}

/* Container geral */
.hg-container {
	width: 100%;
	height: auto;
	margin: 40px 0 15px 0;
	padding: 20px 10px 20px 10px;
}
.hg-container:after,
.hg-container:before {
	content: "";
	display: table;
	clear: both
}

.hg-container2 {
	width: 100%;
	height: auto;
	margin: 40px 0 15px 0;
	padding: 20px 10px 0px 10px;
}
.hg-container2:after,
.hg-container2:before {
	content: "";
	display: table;
	clear: both
}
.hg-container3 {
	width: 100%;
	height: auto;
	margin: 40px 0 15px 0;
	padding: 20px 10px 40px 10px;
}
.hg-container3:after,
.hg-container3:before {
	content: "";
	display: table;
	clear: both
}

.hg-container-int {
	width: 100%;
	height: auto;
	margin: 5px 0 15px 0;
	padding: 20px 10px 20px 10px;
}
.hg-container-int:after,
.hg-container-int:before {
	content: "";
	display: table;
	clear: both
}

@media (max-width: 768px){
	.hg-container-int{
		width: 93%;
		margin: 0 auto;
	}

}
.hg-sistema1 {
	width: 63.99999%;
	float: left;
	padding-top: 0px;
	margin-bottom: 40px
}
.hg-sistema1 img {
	width: 80%;
	margin-left: 70px;
}
.hg-sistema2 {
	font-size: 1.0625em;
	color: #555e5e;
	width: 29.99999%;
	margin: 0 auto;
	text-align: left;
	padding-top: 5%;
	padding-left: 1%;
	float: left;
}

/* ------------------ FIZ UMA ALTERAÇÃO -------------------- */
@media (max-width: 768px) {
	.hg-sistema1 img { /* ALTERAÇÃO */
		width: 80%; 
		margin-left: 40px;

}
	.hg-sistema2 {
		width: 69.99999%!important;
		text-align: center!important;
		float: none!important;
	}
}
/* ------------------ FIZ UMA ALTERAÇÃO -------------------- */

.qc_t {
	font-size: 1em;
	color: #21ce99;
	font-weight: bold;
	width: 29.99999%;
	margin: 0 auto;
	text-align: center;
	padding-top: 10%;
	float: left;
	line-height: 1.4;
}
@media (max-width: 768px) {
	.hg-container {
		height: auto;
		padding: 10px 0
	}
}
/*Fim tela chamada home*/



/* --------------------- FIZ UMA ALTERAÇÃO ---------------------------*/
@media (max-width: 768px) {
	.hg-container {
		width: 100%;
		height: auto;
	}
	.hg-container:after,
	.hg-container:before {
		content: "";
		display: table;
		clear: both
	}
	.hg-container img {
		/*width:93%!important;*/
		margin: 0 auto
	}
	img.w3-image.w3-round-large {
		width: 100%!important;
	}
	.hg-sistema {
		width: 100%
	}
	.hg-sistema1 {
		width: 100%;
		margin: 15px 3px 10px; /*ACRESCENTEI*/
	}
	.qc_t {
		font-size: 10px;
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
		text-align: center;
		float: none;
	}
}
/* --------------------- FIZ UMA ALTERAÇÃO ---------------------------*/



/*Texto header Mobile*/
@media (max-width: 768px) {
	.hg-large {
		text-align: center;
		font-weight: 600;
		color: #009AD9 !important
	}
}
@media (max-width: 768px) {
	.hg-display-center {
		position: absolute;
		top: 35%;
		margin: 0 auto;
		transform: translate(0%, -50%);
		-ms-transform: translate(-0%, -50%);
		text-align: center
	}
	
}
@media (max-width: 768px) {
	.hg-xxlarge {
		font-size: 2.125em!important;
		line-height: 1.5
	}
}

/* Imagem Fundo */
@media (max-width: 768px) {
	.bgimg,.bgimg_sa,.bgimg_sofat,.bgimg_sd {
		background-position: bottom !important;
		background-size: 100% !important;
		min-height: 100% !important;
	}
}

/* Cores */
.azul-fundo,
.azul-hover:hover {
	color: #ffffff;
	background-color: #007ed1
}
.case-info {
	margin-top: -6px;
	line-height: 1.3
}
.bran {
	color: #ffffff
}
.azul-f {
	color: #007ed1
}

/*Imagens*/
.hg-image {
	width: 55%;
	height: auto;
	margin-bottom: 5px
}
.hg-header2 {
	max-width: 100%;
	margin: 30px 0 50px 20px
}
@media (max-width: 768px) {
	.hg-header2 {
		margin: 30px 0 50px 0
	}
}
@media (max-width: 768px) {
	.hg-image {
		max-width: 45%;
		height: auto;
		margin: 20px
	}
	img {
		margin-bottom: -5px
	}
	a {
		color: inherit
	}
}

.funcionalidades-container {
	height: auto;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}
.funcionalidades-container::after,
.funcionalidades-container::before {
	content: '';
	display: table;
	clear: both;
}

@media (max-width: 768px) {
	.funcionalidades-container {
		margin: 0 auto;
		padding-top: 1px;
	}
	.funcionalidades-container::after, .funcionalidades-container::before {
		content: '';
		display: table;
		clear: both;
	}
}
.txt-container {
	height: auto;
	max-width: 1050px;
	margin: 10px auto -10px auto;
	padding: 10px;
}
/* ------------------------ FIZ UMA ALTERAÇÃO ------------------------------- */
@media (max-width: 768px) {
		.txt-container {
		margin: -60px auto -10px auto; /*ACRESCENTEI*/
	}
}
/* ------------------------ FIZ UMA ALTERAÇÃO ------------------------------- */


.fun-item {
	float: left;
	width: 190px;
	padding: 20px 0 10px 0;
	margin-left: 100px;
	text-align: center;
}
@media (max-width: 768px) {
	.fun-item {
		float: none;
		width: 190px;
		padding: 20px 0 10px 0;
		margin: 0 auto;
		text-align: center;
	}
}
.fun-item img {
	width: 140px;
	/*border: 1px solid #dcdcdc;*/
	padding: 10px;
}
.fun-texto1 {
	color: #007ed1;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.3;
	font-size: 13px;
	text-transform: uppercase;
}
.fun-texto {
	color: #007ed1;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1.3;
	font-size: 14px;
}

/*@media (max-width: 768px) {
	.fun-item {
		float: center;
		width: 33.33%;
		padding: 20px 0 10px 0;
		margin-left: 0;
	}
	.fun-item img {
		width: 33.33%;
		/*border: 1px solid #dcdcdc;
		padding: 2px;
	}
	.fun-texto1 {
		margin-bottom: 5px;
		line-height: 1.3;
		font-size: 13px;
	}
	.fun-texto {
		margin-top: 5px;
		line-height: 1.3;
		font-size: 10px;
	}
	.fun-item-a {
		float: center;
		width: 50%;
		padding: 20px 0 10px 0;
		margin-left: 0;
	}
	.fun-item-a img {
		width: 50%;
		/*border: 1px solid #dcdcdc;
		padding: 2px;
	}
	.fun-texto1-a {
		margin-bottom: 5px;
		line-height: 1.3;
		font-size: 13px;
	}
	.fun-texto-a {
		margin-top: 5px;
		line-height: 1.3;
		font-size: 10px;
	}
}*/

/* Rodapé */
.hg-footer {
	background-color: #21ce99;
}
.hg-footer a:link {
	text-decoration: none;
}
.hg-footer a:hover {
	color: #007ed1;
}
.hg-cont-footer {
	padding: 20px 10px 10px 10px;
}
.hg-padding-f {
	padding: 0 0 5px 0;
}
.software-de-monitoramento-t {
	font-weight: bold;
}
.hg-cont-f {
	padding: 0.01em 16px;
	text-align: left;
	color: #ffffff;
	line-height: 1.1
}
@media (min-width: 993px) {
	.hg-col.l3 {
		width: 10%
	}
}

/*.hg-container{padding:0.01em 16px; text-align: left;}*/

@media (max-width: 768px) {
	.hg-cont-f {
		padding: 0.01em 16px;
		text-align: center;
	}
}
.hg-tdireitos {
	font-size: 0.75em;
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 20px;
}

.termos-servico {
	padding-top: 40px;
	margin: 20px;
	max-width: 1366px;
	height: auto;
}
.termos-servico p {
	font-size: 15px;
	text-align: left;
}
.google_face {
	text-align: center;
	max-width: 680px;
	height: auto;
	margin: 0 auto;
	padding: 90px;
	font-size: 17px;
	color: #b5b3b3;
}
.not-found {
	text-align: center;
	max-width: 720px;
	height: auto;
	margin: 0 auto;
	padding: 90px;
	font-size: 17px;
	color: #b5b3b3;
}
@media (max-width: 768px) {
	.google_face {
		height: auto;
		margin: 0 auto;
		padding: 90px 10px;
		font-size: 15px;
	}
}

/*Altura total da imagem de cabeçalho*/
.bgimg {
	background-position: bottom;
	background-size: 65%;
	background-image: url("../../img/header2.png");
	min-height: 100%;
	background-repeat: no-repeat no-repeat;
}

/*@media (max-width: 768px) {
	.bgimg {
		background-size: 100%;
		background-image: url("../../img/header-mobile2.jpeg");
	}
}

/*B2B Stack*/
.ava-tit{text-align: center; color:#007ed1;font-size:2em; margin:10px 10px 10px 10px;}
.ava-tit2{text-align: center; color:#007ed1;font-size:1.475em; margin:10px 10px 10px 10px;}
.avaliacao-container{
    height:auto;
    max-width:960px;
    margin:0 auto;
    padding-top: 10px;
}
.avaliacao-container::after, .avaliacao-container::before {
    content:'';
    display: table;
    clear: both;
}

.ava-item{
    float: left;
    width: 150px;
    padding: 20px 0 10px 0;
    margin-left: 35px;
    text-align: center;
    }

@media (max-width:768px) {
.ava-item{
    float: none;
    width:100%;
    margin:auto;
       }
  }           
.ava-texto1{
    color: #007ed1;
    text-align: center;
    font-weight: bold;
    margin-bottom:5px;
    line-height: 1.3;
    font-size: 13px;
    text-transform: uppercase;
    } 
.rec-num{
    font-size: 50px;
    line-height: 60px;
    color: #21ce99;
 }
.rec-tot{
 font-size: 16px;
    color: #555e5e;
    }
.b2b-img{
width:150px;
height: 174
}          
/*Fim B2B Stack*/

/*Integrações com Hosts Green*/
.int-container {
	height: auto;
	max-width: 1260px;
	margin: 0 auto;
	padding-top: 10px;
	display: flex;
}
.int-container::after,
.int-container::before {
	content: '';
	display: table;
	clear: both;
}

.int-container2 {
	height: auto;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	display: flex;
}
.int-container2::after,
.int-container2::before {
	content: '';
	display: table;
	clear: both;
}

@media (max-width: 768px) {
	.int-container {
		display: list-item;
		list-style: none;
		width: 100%;
		
	}

	.int-container2 {
		width: 100%;
		list-style: none;
		display: list-item;
		padding-top: 0;
	}

	
.int-dsk {
	float: none!important;
	margin: 0 auto!important;
	}
.int-zen {
	float: none!important;
	margin: 0 auto!important;
	}	
.int-wa {
	float: none!important;
	margin: 0 auto!important;
}
.int-tlgm {
	float: none!important;
	margin: 0 auto!important;
}
.int-slk {
	float: none!important;
	margin: 0 auto!important;
	padding-top: 0!important;
}
.int-whk {
	float: none!important;
	margin: 0 auto!important;
	padding: 0px 0 10px 0!important;
}
.int-zbx {
	float: none!important;
	margin: 0 auto!important;
}
.int-gmps {
	float: none!important;
	margin: 0 auto!important;
	}	
.int-rmm {
	float: none!important;
	margin: 0 auto!important;
	}	
}
.int-dsk {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 190px;
	text-align: center;
}
.int-zen {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 23px;
	text-align: center;
}
.int-wa {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: -1px;
	text-align: center;
}
.int-tlgm {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 180px;
	text-align: center;
}
.int-slk {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 32px;
	text-align: center;
}
.int-whk {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 8px;
	text-align: center;
}

.int-zbx {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 180px;
	text-align: center;
}
.int-gmps {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 33px;
	text-align: center;
}
.int-rmm {
	float: left;
	width: 270px;
	padding: 20px 0 10px 0;
	margin-left: 10px;
	text-align: center;
}
.center_app {
	text-align: center;
	color: #575656;
	margin-bottom: 0;
}
.integracao-dsk {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -23px -3px !important;
	display: inline-block;
}
.integracao-zen {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -113px -3px !important;
	display: inline-block;
}
.integracao-wa {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -198px -5px !important;
	display: inline-block;
}
.integracao-tlgm {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -284px -5px !important;
	display: inline-block;
}
.integracao-slk {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -360px -6px !important;
	display: inline-block;
}
.integracao-whk {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -444px -4px !important;
	display: inline-block;
}
.integracao-zbx {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -533px -4px !important;
	display: inline-block;
}
.integracao-gmps {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -624px -3px !important;
	display: inline-block;
}
.integracao-rmm {
	width: 100px;
	height: 72px;
	background: url("../../img/integracao2.png") no-repeat -718px -3px !important;
	display: inline-block;
}
.int-texto {
	color: #007ed1;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1.3;
	font-size: 18px;
}
/*FIM | Integrações com Hosts Green*/