@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&family=Raleway:ital,wght@0,600;0,700;1,600;1,700&display=swap');

body, html {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	height: 100%;
	margin: 0;
	color: #15222B;
	font-size: 16px;
	background-color: #EDF1F0;
}

nav {
   font-weight: 700;
   background-color: #EDF1F0;
   position: fixed;
   z-index: 2;
   top: 0;
}

strong, b {
	font-weight: 600;
}

.sidenav {
	background: #2E6A75;
}

.imagem-produto {
	position: relative;
	margin-bottom: 20px;
}

.crossed {
	text-decoration: line-through;
	margin-right: 20px;
}

nav ul a, .sidenav li>a {
   color: #15222B;
   transition: all 0.3s linear;
   font-size: 18px;
   padding: 0px 20px;
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   background-color:  transparent !important;
}

nav ul a:hover {
	color: #2E6A75;
}

.sidenav li>a {
	color: #ffffff;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 90px;
    line-height: 90px;
	margin-right: 10px;
}


.left15 {
   margin-left: 20px;
}

.item {
	background-size: cover;
	background-position: center center;
	height: calc(95vh - 90px);
	margin-top: 90px;
}

.logo {
	width: 260px;
	margin-top: 22px;
}

.close-button {
	cursor: pointer;
	transition: all linear 0.3s;
	margin-right: 10px;
	color: #dddddd;
}

.close-button:hover {
	color: #2E6A75;
}

#blog {
	padding: 90px 0px 50px 0px;
	background-color: #d6dbda;
}

.contato {
	background: #2E6A75 !important;
	color: #fff !important;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	margin-left: 20px;
	margin-top: 25px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	transition: all 0.5s linear !important;
	border-radius: 4px;
}
.contato:hover {
	background: #4592A2 !important;
}

.button {
	background: #2E6A75 !important;
	border: none;
	border-bottom: 5px solid #A30A00;
	color: #fff;
	height: 45px;
	line-height: 40px;
	padding: 0 25px;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
}

.card-title{
	font-family: 'Raleway', sans-serif;
}

.btn-whatsapp{
	background: #25D366 !important;
	border: none;
	border-bottom: 5px solid #1EBEA5;
	color: #fff !important;
	height: 45px;
	line-height: 40px;
	padding: 0 25px;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
}

.promocao {
	background: #222222 !important;
	border: none;
	border-bottom: 5px solid #444444;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	height: 35px;
	line-height: 30px;
	padding: 0 20px;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	position: absolute;
	bottom: 0;
	left: 0;
}

.texto-produto {
	min-height: 145px;
}

.card .card-title{
	font-weight: 700;
}


.card {
    border-radius: 8px;
	background-color: #EDF1F0;
	overflow: hidden;
}

.card:hover {
	-webkit-box-shadow: 0 8x 8px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 /8%), 0 1px 5px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 8%), 0 1px 5px 0 rgb(0 0 0 / 15%);
}

.service-section {
	padding: 80px 0px 50px 0px;
}


a {
	transition: all 0.3s linear;
	color: #494949;
}

a:hover {	
	color: #2E6A75;
}

:root {
  --main-white-color: white;
  --main-black-color: black;
}
 
.static {
  position: static; 
}
 
.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -35px;
}

.owl-carousel .owl-slide {
  position: relative;
  height: 70vh;
  background-color: lightgray;
}
 
.owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}
 
.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}
 
.owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}
 
.owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}
 
.owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background-color: #C4C4C4 !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
	margin: 0 8px;
	transition: all 0.5s linear;
}

button.owl-dot:hover {
	background-color: #666666 !important;
}

button.owl-dot.active {
	background-color: #666666 !important;
}
 
.owl-carousel .owl-nav {
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  margin: 0;
}

.owl-stage-outer {
	width: 100% !important;
}

.blog-header {
	height: 150px;
	background: #f1f1f1;
}

.owl-slide-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 22px;
	font-weight: 300;
}

.header-light {
	margin-top: 0px;
}

footer a {
	color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
	font-weight: initial;
	color: #2E6A75;
}

h1 {
	font-size: 52px;
}

.time-icon {
	color: #2E6A75;
}

.margin60 {
	margin-bottom: 60px;
}

.margin50 {
	margin-bottom: 50px;
}

.margin30 {
	margin-bottom: 30px;
}

.margin20 {
	margin-bottom: 20px;
}


.margin15 {
	margin-bottom: 15px;
}

.margin0 {
	margin-bottom: 0px;
}

nav .sidenav-trigger i {
	color: #2E6A75;
}



.icon-item {
	background: #494949;
	color: #2E6A75;
	height: 150px;
	width: 150px;
	border-radius: 20px;
	text-align: center;
	line-height: 180px;
	margin-top: 20px;
}


#banner {
	margin-top: 80px;
	position: relative;
}

#solucao{
	padding: 60px 0px;
	
}

.navbar-fixed nav {
    top: 0;
}


.row {
	margin-bottom: 0;
}

.navbar-fixed {
	height: 0;
}

.value {
	font-size: 24px;
	line-height: 24px;
}

.price {
	padding-left: 10px;
}

.imagem-box {
    position: relative;
    overflow: hidden;    
	line-height: 0;
}

#mapa {
	height: 350px;
	width: 100%;
}

.plan-title {
	background-color: rgba(224, 186, 75, 1);
	color: #fff;
	padding: 25px 40px;
	font-size: 36px;
	font-weight: 900;
}

.plan-desc {
	background-color:#f1f1f1;
	padding: 40px;
}

.plan-value {
	background-color: #222;
	color: #fff;
	padding: 25px 40px;
	font-size: 36px;
	font-weight: 900;
}

.content-imagem {    
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(224, 186, 75,0.8); 
   opacity: 0;
   -webkit-transition: all .3s linear !important;
   transition: all .3s linear !important;
   font-family: 'Raleway', sans-serif
}

a {   
   text-decoration: none !important;
}

.content-imagem:hover {
   opacity: 1;   
   -webkit-transition: all .3s linear !important;
   transition: all .3s linear !important;    
}


.text-imagem {
   position: absolute;    
   top: 50%;
   left: 15px;
   right: 15px;
   color: #fff;    
   text-align: center;   
   font-weight: 300;
   transform: translateY(-50%);
	font-size: 18px
}


over {
	font-size: 64px;
}

h2 {
	font-size: 48px;
}

section {
	padding: 30px 0px;
}

section p, section p {
	margin-top: 5px;
}

.paralax { 
	background-attachment: fixed;
	background-size: cover;
	height: 300px;
}

.chamada {
	margin: 0 -.75rem;
	position: relative;
	line-height: 0;
}

.chamada-overlay {
	background-color: rgba(21, 34, 43,0.8);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: all 0.5s linear;
}

label {
    font-size: 16px;
    color: #2E6A75;
}

.chamada-overlay:hover {
	background-color: rgba(21, 34, 43,0.5);
}

.chamada-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:  translate(-50%, -50%);
}

.chamada-content h2{
	color: #fff;
}

.gray-background {
	background: #f0f0f0;
}

.img-about {
   margin-bottom: -48px;
}

.green-close {
   color: #222;
   line-height: 92px;
}


.newsletter-call {
   font-size: 18px;
   line-height: 20px;
   font-weight: 800;
   color: #fff;
   padding-top: 5px !important;
	font-family: "Raleway", sans-serif;
}

#servico {
   padding-top: 80px;
   margin-bottom: -47px;
}

.newsletter-icon {
	color: #fff;
	margin-top: -3px;
}

.btn-outline {
	transition: all 0.3s linear;
	font-family: "Raleway", sans-serif;
	background: transparent;
	color: #2E6A75;
	padding: 0px 40px;
	border-radius: 4px;
	text-align: center;
	border: 3px solid #2E6A75;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 18px;
	height: 50px;
	line-height: 45px;
	border-radius: 35px;
	font-weight: 600;
	font-family: 'Raleway', serif;
}

b {
	font-weight: 700;
}

.texto-produto {
	font-size: 24px;
}

.btn-outline:focus, .btn-outline:hover {
   background: #2E6A75;
   color: #fff;
}

.social-line {
	color: #2E6A75;
}

.form-control {
	width: 100% !important;
	padding: 10px 20px!important;
	border: none !important;
	height: 50px !important;
	box-sizing: inherit !important;
	background-color: #fff !important;
	box-shadow: none !important;
	outline: none !important;
	color: #666;
	font-weight: 300;
	border-radius: 0px !important;
   	margin: 0 !important;
}

.lelf15 {
	margin-left: 20px;
}
.right15 {
	margin-right: 10px;
}

.fa-4x {
    font-size: 3.8em;
}

.social-line {
	margin-top: 5px;
}

.dropdown-content {
	top: 60px !important;
	background-color: #2E6A75;
	min-width: 240px;
}

.dropdown-content li>a, .dropdown-content li>span {
	color: #ffffff;
}

.dropdown-content li:hover {
	color: #ffffff;
	background-color: rgba(0,0,0,0.1) !important;
}

.small {
	font-size: 60%;
	line-height: 130%;
	margin-top: 15px;
}

.section-title {
	margin: 1.68rem 0;
}

footer {
	background: linear-gradient(225deg, #4592A2, #1A3840);
	padding: 40px 0px 100px 0px;
	color: #fff;
}

#header {
	background: linear-gradient(
225deg
, #4592A2, #1A3840);
    margin-top: 90px;
    padding: 50px 0px 60px 0px;
    margin-bottom: 30px;
}

#header h1{
	color: #ffffff;
	text-align: center;
	font-weight: 700;
}

.banner-text{
	position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    max-width: 600px;
}

.banner-text h1{
	font-weight: 900;
	color: #EDF1F0;
}

.footer-title {
	font-family: 'Raleway', serif;
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0;
}

.logo-footer {
	width: 80%;
	margin: 45px 0px 24px;
}

.newsletter {
	position: relative;
}

.newsletter-plane {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: #1A3840;
	cursor: pointer;
}

.newsletter-plane img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-55%, -50%);
}

.img-cirlce {
	border-radius: 50%;
}

.title-estrela {
	padding: 20px 0px;
	font-family: 'Raleway', serif;
	font-size: 24px;
}

.spacex {
	margin-right: 60px;
}

.modal {
	max-width: 450px;
}

.modal-title {
	margin-bottom: 10px;
	margin-top: 20px !important;
	font-size: 36px;
	color: #2E6A75;
}

.btn-large {
	width: 100%;
}

.dica-title {
	color: #222;
	font-size: 24px;
	font-weight: 500;
}

.diferencial-titulo {
	font-size: 36px;
	text-align: center;
	margin-bottom: 60px;
}

.background-img {
	background-size: cover;
	height: 500px;
	border-bottom: 10px solid #2E6A75 !important;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: #2E6A75;
    color: #ffffff;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #2E6A75;
    will-change: left, right;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #2E6A75;
    outline: none;
}

.tabs .tab a {
    color: #2E6A75;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease, background-color .28s ease;
	transition: color .28s ease, background-color .28s ease;
	text-transform: initial !important;
}

.text-box {
	background-color: rgba(10,70,118,0.7);
	color: #ffffff;
	font-weight: 400;
	padding: 30px 50px;
	margin-top: 50px;
}

.img-estrela {
	width: 150px !important;
	border-radius: 50%;
}

.solution-title {
	font-size: 32px;
}

#diferencial {
	padding: 80px 0px 40px 0px;
}


[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #2E6A75;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #2E6A75;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #2E6A75;
    border-bottom: 2px solid #2E6A75;
}

.blue-border {
	border: 3px solid #2E6A75 !important;
	color: #2E6A75 !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}


.chamada-content h2 {
	font-size: 26px;
}

@media (min-width: 993px) {
	.contact-form {
		margin-top: 2.9rem;
	}
	
}
@media (max-width: 993px) {
	footer, footer .right-align {
		text-align: center !important;
	}
   .center-small {
      text-align: center;
   }
   .left-small {
	text-align: left !important;
   }
   .small-image-mobile {
	   width: 85px;
   }
   .tabs {
		height: auto;
	}
	.text-box {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.owl-slide-text {
		font-size: 14px;
		width: 80%;
	}
	.owl-slide-text h3 {
		font-size: 24px;
	}
	
	.crc-padd {
		margin-top: 15px;
	}
	
	.social-line {
		margin-top: 20px;
	}

	.logo {
		width: 230px;
		margin-top: 26px;
		margin-left: 10px;
	}
	
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 36px;
	}
	.footer-text {
		font-size: 15px;
	}
   
   nav .sidenav-trigger {
       margin: 0 -15px 0 0;
   }

   .img-cirlce {
		width: 50%;
	}

	.center-mobile {
		text-align: center;
	}

	.btn-outline {
		font-size: 14px;
		height: 45px;
		line-height: 40px;
	}
}