.home-slider {
 	width: 100%;
 	height: 850px;
 	position: relative;
 	z-index: 0
 }

 .second-slider {
 	width: 100%;
 	height: 400px;
 	position: relative;
 	z-index: 0
 }

 .hero-slider {
 	width: 100%;
 	overflow: hidden
 }

 @media (min-width:1921px) {
 	.video-banner {
 		position: relative;
 		top: -210px
 	}
 }

 @media (min-width:1921px) {
 	.bg-slider-one {
 		background-image: url("../images/slider/banner-wide-secreen-lixeiras.jpg") !important
 	}
 }

 .hero-slider-two {
 	width: 100%;
 	height: 400px;
 	overflow: hidden
 }

.slide-texto{
	color: #000 !important;
	font-size: 35px !important; 
	text-align: justify; 
	margin-bottom: 20px;
}

 @media (max-width:700px) {
 	.slide-texto{
	color: #000 !important;
	font-size: 22px !important; 
	text-align: justify; 
	margin-bottom: 20px;
	margin-top: 30px;
}
 }

 .overlay {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
 	background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
 }

 .hero-slider .carousel-cell {
 	width: 100%;
 	height: 100%;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center
 }

 .hero-slider .carousel-celll {
 	width: 100%;
 	height: 100%;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center
 }

 .slider-caption {
 	position: relative;
 	top: 58%;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%);
 	color: #FFF;
 	text-align: left
 }

 .slider-caption .subtitle {
 	font-size: 1.8rem;
 	font-weight: 700;
 	letter-spacing: 5px;
 	color: var(--primary-color);
 	margin-bottom: 5px;
 	text-transform: uppercase
 }

 .slider-caption h1,
 h2 {
 	font-size: 40px;
 	line-height: 55px;
 	width: 100%;
 	color: #FFF;
 	text-transform: uppercase;
 	margin-top: 0;
 	margin-bottom: 0
 }

 .slider-caption p {
 	width: 50%;
 	color: #FFF;
 	font-size: 23px;
 	line-height: 32px;
 	margin: 15px 0 25px 0
 }

 .slider-caption .btn-outline {
 	background-color: var(--primary-color);
 	border: solid 2px #fff;
 	color: #FFFFFF;
 	padding: 10px 40px;
 	font-size: 15px;
 	margin-top: 15px
 }

 .slider-caption .btn-outline:hover {
 	background-color: var(--secundary-color);
 	border: solid 2px var(--secundary-color);
 	color: #FFF;
 	padding: 10px 40px;
 	font-size: 15px;
 	margin-top: 15px
 }

 @media (max-width:700px) {
 	.mobile-video {
 		height: 320px;
 	}
 }

 .hero-slider .flickity-prev-next-button {
 	display: block;
    background-color: #218200;
 }

 @media (max-width:700px) {
 	.hero-slider .flickity-prev-next-button {
 		display: none
 	}
 }

 .hero-slider .flickity-prev-next-button:hover {
 	background-color: #218200;
 }

 .hero-slider .flickity-prev-next-button .arrow {
 	fill: white
 }

 .hero-slider .flickity-page-dots {
 	display: none
 }

 .hero-slider .flickity-page-dots .dot {
 	width: 10px;
 	height: 10px;
 	opacity: 1;
 	background: rgb(21 82 33);
 	border: 0 solid white;
 	display: block;
 	margin: 20px 10px 20px 0;
 	border-radius: 50%
 }

 .hero-slider .flickity-page-dots .dot.is-selected {
 	width: 10px;
 	background: #218200;
 	border: 0 solid var(--primary-color)
 }

 .dot-hide .flickity-page-dots .dot {
 	display: none
 }

 .social-media {
 	position: absolute;
 	top: 40%;
 	right: 30px;
 	z-index: 2 !important
 }

 .social-media ul li {
 	margin: 50px 30px;
 	font-size: 18px;
 	z-index: 2
 }

 .social-media ul li a {
 	background-color: var(--secundary-color);
 	border-radius: 50%;
 	color: #FFF;
 	padding: 12px
 }

 .social-media ul li a:hover {
 	color: var(--secundary-color);
 	background-color: #fff
 }

 footer {
 	padding: 50px 0 20px 0;
 	background-color: var(--secundary-color);
 	position: relative
 }

 footer p {
 	color: #fff !important
 }

 footer a {
 	color: #fff !important
 }

 footer a:hover {
 	color: var(--primary-color) !important
 }

 .footer-logo {
 	width: 200px;
 	margin-bottom: 30px
 }

 .footer-col p {
 	color: #FFF
 }

 .footer-social {
 	margin-top: 30px
 }

 .footer-social ul li {
 	display: inline-block;
 	margin-right: 10px;
 	color: #FFF;
 	background-color: rgba(51, 51, 51, .8);
 	width: 40px;
 	height: 40px;
 	text-align: center;
 	line-height: 40px;
 	border-radius: 50%;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	-ms-transition: all .3s ease-in-out 0s;
 	-o-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .footer-social ul li:hover {
 	background-color: var(--secundary-color)
 }

 .footer-social ul li:hover .fab {
 	color: #FFF
 }

 .footer-col h5 {
 	color: var(--primary-color);
 	margin-bottom: 30px
 }

 .quick-links {
 	list-style: none;
 	font-family: 'Open Sans', sans-serif;
 	font-size: 14px
 }

 .quick-links li {
 	line-height: 2
 }

 .quick-links i {
 	margin-right: 10px
 }

 .left-layer {
 	margin-right: 3rem
 }

 .left-layer,
 .right-layer {
 	display: inline-block
 }

 .left-col {
 	padding-right: 50px
 }

 .newsletter form {
 	display: flex;
 	align-items: center
 }

 .newsletter {
 	max-width: 320px;
 	margin-top: 30px
 }

 .newsletter .input {
 	width: 70%;
 	height: 38px;
 	background: #e0e6eb;
 	border: none;
 	font-family: inherit;
 	color: #737373;
 	letter-spacing: 1px;
 	text-indent: 5%;
 	font-size: 12px;
 	font-family: 'Montserrat', sans-serif
 }

 .newsletter .button {
 	width: 30%;
 	height: 38px;
 	background-color: var(--secundary-color);
 	border: none;
 	border-radius: 0 5px 5px 0;
 	font-family: inherit;
 	color: inherit;
 	letter-spacing: 1px;
 	cursor: pointer;
 	color: #FFF;
 	font-size: 11px;
 	font-family: 'Montserrat', sans-serif
 }

 .bottom-footer {
 	text-align: center;
 	padding: 10px 30px;
 	display: flex;
 	justify-content: space-between
 }

 .bottom-footer p {
 	font-size: 13px;
 	color: #FFF;
 	margin-bottom: 0
 }

 hr.footer {
 	border-top: 1px solid rgba(51, 51, 51, .6);
 	margin: 50px 0 10px
 }

 .pages-hero {
 	background-image: url("../images/blog/banner-blog-pickup.jpg");
 	height: 450px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .pages-hero:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, #000, #000);
 	opacity: .5
 }

 .pages-title {
 	position: absolute;
 	bottom: 60px;
 	color: #FFF;
 	padding-right: 20px
 }

 .pages-title span {
 	font-weight: 700;
 	font-size: 2rem
 }

 .pages-title h5 {
 	font-size: 16px;
 	text-transform: uppercase;
 	line-height: 1;
 	letter-spacing: 5px;
 	color: var(--primary-color);
 	margin-bottom: 0
 }

 .pages-title h1 {
 	color: #FFF;
 	margin: 10px 0 5px
 }

 .page-nav {
 	width: 100%;
 	z-index: 1
 }

 .pages-title p {
 	color: #FFF;
 	margin-bottom: 0
 }

 .pages-hero .social-media {
 	position: absolute;
 	top: 25%;
 	right: 30px;
 	z-index: 2 !important
 }

 .pages-hero .social-media ul li {
 	margin: 30px;
 	font-size: 16px;
 	z-index: 2
 }

 .section-title {
 	text-align: -webkit-center;
 	margin: auto auto 50px auto
 }

 .section-title h2 {
 	color: #DAE1E6;
 	opacity: .5;
 	text-transform: uppercase;
 	font-size: 60px;
 	text-align: center
 }

 .section-title h3 {
 	font-size: 30px;
 	margin-top: -25px;
 	text-transform: uppercase;
 	z-index: 1;
 	position: relative;
 	line-height: 45px !important
 }

 .about-info-layer {
 	padding-right: 40px
 }

 .about-info-layer h2 {
 	margin-bottom: 15px
 }

 .about-info-layer p {
 	margin: 15px 0
 }

 .more-details-layer {
 	margin-top: 40px
 }

 .more-details-layer h6 {
 	font-style: italic;
 	margin-bottom: 0;
 	font-weight: 400
 }

 .contact-layer .mr-3 {
 	width: 60px
 }

 .service-box-alt {
 	background-color: #fff;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	padding: 40px 30px;
 	border-radius: 5px;
 	margin: 15px 0
 }

 .circle-icon {
 	width: 70px;
 	height: 70px;
 	background-color: var(--primary-color);
 	position: relative;
 	outline: 1px dashed #fff;
 	outline-offset: -7px
 }

 .sb-icon-alt {
 	width: 40px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center
 }

 .service-box-alt h4 {
 	margin: 20px 0 12px
 }

 .service-box-alt p {
 	margin-bottom: 0
 }

 .left-title {
 	text-align: left
 }

 .about-img-layer {
 	position: relative
 }

 .left-title h2 {
 	font-size: 30px !important;
 	line-height: 35px !important;
 	font-family: 'Montserrat', sans-serif;
 	font-weight: 700;
 	text-align: left;
 	color: var(--primary-heading);
 	opacity: 1;
 	z-index: 1;
 	position: relative;
 	text-transform: none !important;
 	width: 70%
 }

 .right-title {
 	text-align: left;
 	margin-top: 50px
 }

 .experience-layer {
 	background-color: var(--primary-color);
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	padding: 15px
 }

 .experience-layer h4 {
 	color: #FFF;
 	margin-bottom: 0
 }

 .ab-icon {
 	width: 60px
 }

 .service-wrapper-layer {
 	background: var(--background-color);
 	padding: 80px 0
 }

 .serv-box {
 	text-align: center;
 	padding: 25px
 }

 .serv-box h4 {
 	margin: 10px 0
 }

 .serv-box h6 a {
 	color: var(--primary-color);
 	text-decoration: none
 }

 .serv-box h6 a:hover {
 	color: var(--secundary-color);
 	text-decoration: none
 }

 .box-icon {
 	width: 70px;
 	height: 70px;
 	border-radius: 50%;
 	background-color: var(--primary-color);
 	position: relative;
 	margin: auto
 }

 .sb-icon-alt {
 	width: 40px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center
 }

 .wide-wrapper {
 	background-image: url("../images/commons/farmey-8.jpg");
 	height: 500px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .left-wrapper-layer {
 	height: 500px;
 	background: rgba(255, 255, 255, .8);
 	position: relative
 }

 .left-wrapper-content {
 	margin: 0;
 	position: absolute;
 	top: 50%;
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	padding-left: 50px;
 	width: 60%
 }

 .left-wrapper-content h5 {
 	color: var(--primary-color)
 }

 .left-wrapper-content p {
 	margin-top: 15px
 }

 .left-wrapper-content .btn-default {
 	margin-top: 20px
 }

 .map-container {
 	padding: 1rem 0;
 	position: relative;
 	display: inline-block;
 	margin: auto
 }

 .map-container img {
 	width: 100%
 }

 .map-container .point {
 	cursor: pointer;
 	position: absolute;
 	width: 15px;
 	height: 15px;
 	background-color: var(--primary-color);
 	border-radius: 50%;
 	transition: all .3s ease;
 	will-change: transform, box-shadow;
 	transform: translate(-50%, -50%);
 	box-shadow: 0 0 0 rgba(238, 195, 68, .4);
 	animation: pulse 3s infinite;
 	font-family: 'Open Sans', sans-serif;
 	color: var(--main-text-color);
 	font-size: 13px !important
 }

 .map-container .point:hover {
 	animation: none;
 	transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
 	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
 }

 .map-container .venezuela {
 	top: 54%;
 	left: 24%
 }

 .map-container .brasil {
 	top: 64%;
 	left: 28%
 }

 .map-container .argentina {
 	top: 77%;
 	left: 27%
 }

 .map-container .colombia {
 	top: 55%;
 	left: 21%
 }

 .map-container .panama {
 	top: 51%;
 	left: 18%
 }

 .map-container .mexico {
 	top: 38%;
 	left: 12%
 }

 .map-container .usa {
 	top: 26%;
 	left: 17%
 }

 .map-container .arabia {
 	top: 40%;
 	left: 53%
 }

 .map-container .turquia {
 	top: 31%;
 	left: 57%
 }

 .map-container .rusia {
 	top: 16%;
 	left: 67%
 }

 .map-container .china {
 	top: 40%;
 	left: 72%
 }

 .map-container .japon {
 	top: 34%;
 	left: 86%
 }

 .map-container .australia {
 	top: 72%;
 	left: 86%
 }

 @keyframes pulse {
 	0% {
 		box-shadow: 0 0 0 0 rgba(238, 195, 68, .5)
 	}

 	70% {
 		box-shadow: 0 0 0 25px rgba(238, 195, 68, 0)
 	}

 	100% {
 		box-shadow: 0 0 0 0 rgba(238, 195, 68, 0)
 	}
 }

 .counter-wrapper {
 	background-image: url("../images/commons/counter-bg.jpg");
 	padding: 50px 0;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .counter-wrapper:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, var(--primary-color), var(--primary-color));
 	opacity: .8
 }

 .counter-box {
 	margin: 20px 0;
 	text-align: center
 }

 .counter-icon {
 	width: 50px;
 	margin: auto auto 15px auto
 }

 .counter-box .counter {
 	font-family: 'Montserrat', sans-serif;
 	font-size: 40px;
 	line-height: 50px;
 	font-weight: 700;
 	color: var(--primary-heading)
 }

 .counter-box p {
 	font-weight: 700;
 	margin-bottom: 0;
 	color: #FFF
 }

 .counter-box .media-body {
 	padding-left: 10px
 }

 .shadow-box {
 	background-color: #FFF;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	max-width: 700px;
 	margin: -250px auto auto;
 	z-index: 1;
 	position: relative;
 	padding: 50px 30px
 }

 .clients-carousel {
 	position: relative
 }

 .clients-carousel .owl-theme .custom-nav {
 	display: none
 }

 .clients-carousel .owl-carousel .item .thumbnail {
 	margin: 0 20px
 }

 .clients-carousel .owl-dots {
 	display: none
 }

 .services-carousel .owl-dots {
 	display: none
 }

 .team-carousel {
 	position: relative
 }

 .team-carousel .owl-theme .custom-nav {
 	display: none
 }

 .team-carousel .owl-carousel .item .team-portrait {
 	margin: 0 10px;
 	position: relative
 }

 .team-carousel .owl-dots {
 	text-align: center;
 	margin-top: 25px
 }

 .team-carousel .owl-dots button.owl-dot {
 	width: 15px;
 	height: 15px;
 	display: inline-block;
 	background: #FFF;
 	border: solid 1px rgb(21 82 33);
 	margin: 0 3px;
 	box-shadow: none;
 	border-radius: 50%
 }

 .team-carousel .owl-dots button.owl-dot.active {
 	background-color: #218200;
 	width: 15px;
 	border: solid 1px #218200;
 }

 .team-carousel .owl-dots button.owl-dot:focus {
 	outline: none
 }

 .tp-caption {
 	padding: 25px 20px;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 250px;
 	text-align: right
 }

 .tp-caption:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to right bottom, transparent, #000);
 	opacity: 1
 }

 .tp-caption h4 {
 	color: #FFF;
 	margin-bottom: 0;
 	font-weight: 400;
 	z-index: 1;
 	position: relative
 }

 .tp-caption p {
 	color: var(--primary-color);
 	margin-bottom: 0;
 	z-index: 1;
 	position: relative
 }

 .tc-social {
 	position: absolute;
 	top: 10px;
 	left: 0;
 	opacity: 0
 }

 .tc-social {
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	-ms-transition: all .3s ease-in-out 0s;
 	-o-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .tc-social li {
 	background-color: var(--primary-color);
 	padding: 5px 10px;
 	margin: 2px;
 	text-align: center;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	-ms-transition: all .3s ease-in-out 0s;
 	-o-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .tc-social li:hover {
 	background-color: var(--secundary-color);
 	padding: 5px 10px;
 	margin: 2px;
 	text-align: center
 }

 .tc-social li a {
 	color: #FFF
 }

 .team-portrait:hover .tc-social {
 	opacity: 1;
 	left: 10px
 }

 .team-layer .team-portrait {
 	margin: 15px 0
 }

 .team-layer .tp-caption {
 	padding: 25px 20px;
 	position: absolute;
 	bottom: 15px;
 	right: 15px;
 	width: 250px;
 	text-align: right
 }

 .team-layer .team-portrait .tc-social {
 	opacity: 0;
 	top: 20px
 }

 .team-layer .team-portrait:hover .tc-social {
 	opacity: 1;
 	top: 20px;
 	left: 20px
 }

 .testimonials-layer {
 	background-image: url("../images/commons/farmey-4.jpg");
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative;
 	padding: 70px 0
 }

 .testimonials-layer:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, #000, #000);
 	opacity: .5
 }

 .testimonials-layer .section-title {
 	margin-left: auto;
 	margin-right: auto
 }

 .testimonials-layer .section-title h2 {
 	font-size: 35px !important;
 	color: #FFF;
 	opacity: 1 !important;
 	position: relative;
 	z-index: 1
 }

 .testimonials-carousel {
 	position: relative
 }

 .testimonials-carousel .owl-theme .custom-nav {
 	display: none
 }

 .testimonials-carousel .owl-carousel .item .thumbnail {
 	margin: 0 1rem
 }

 .testimonials-carousel .owl-dots {
 	text-align: center;
 	margin-top: 25px
 }

 .testimonials-carousel .owl-dots button.owl-dot {
 	width: 15px;
 	height: 15px;
 	display: inline-block;
 	background: transparent;
 	border: solid 1px var(--primary-color);
 	margin: 0 3px;
 	box-shadow: none;
 	border-radius: 50%
 }

 .testimonials-carousel .owl-dots button.owl-dot.active {
 	background-color: var(--primary-color);
 	width: 15px;
 	border: solid 1px var(--primary-color)
 }

 .testimonials-carousel .owl-dots button.owl-dot:focus {
 	outline: none
 }

 .testimonial-box {
 	width: 80%;
 	text-align: center;
 	position: relative;
 	margin: auto
 }

 .testimonial-box p {
 	font-size: 18px;
 	line-height: 35px;
 	color: #FFF;
 	text-align: center;
 	margin: 20px 0 30px 0;
 	position: relative;
 	z-index: 1
 }

 .testimonial-box h3 {
 	color: #FFF;
 	margin-top: 20px;
 	margin-bottom: 0
 }

 p.profession {
 	color: var(--primary-color);
 	margin-top: -8px;
 	margin-bottom: 0
 }

 .user-avatar {
 	width: 130px;
 	border-radius: 50%;
 	border: solid 3px var(--primary-color);
 	margin: auto
 }

 .user-avatar img {
 	border-radius: 50%
 }

 .testimonial-box .fas {
 	position: absolute;
 	top: 13%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center;
 	font-size: 150px;
 	opacity: .3;
 	color: var(--primary-color)
 }

 .testimonials-layer .section-title {
 	text-align: center;
 	margin: auto auto 30px auto
 }

 .error-page {
 	background-image: url("../images/commons/error-page-bg.jpg");
 	height: calc(100vh);
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .error-page:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, #000, #000);
 	opacity: .7
 }

 .error-page-content {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center;
 	color: #FFF
 }

 .error-page-content h1 {
 	font-size: 8rem;
 	color: var(--primary-color);
 	font-weight: 600
 }

 .error-page-content h2 {
 	color: #FFF
 }

 .error-page-content p {
 	color: #fff;
 	font-weight: 600
 }

 .error-page-search {
 	display: inline-block;
 	position: relative;
 	color: #FFF;
 	margin-top: 2rem;
 	width: 70%
 }

 .error-page-search .form-control {
 	background-color: rgba(255, 255, 255, .5);
 	border: none;
 	border-radius: 0;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	font-size: 14px;
 	height: 45px;
 	font-family: 'Open Sans', sans-serif;
 	color: #FFF;
 	transition: .3s
 }

 .error-page-search .form-control:focus {
 	color: #FFF;
 	background-color: rgba(255, 255, 255, .8);
 	border-color: none;
 	outline: 0;
 	box-shadow: none
 }

 .error-page-search .form-control-feedback {
 	position: absolute;
 	z-index: 2;
 	display: block;
 	width: 2rem;
 	height: 45px;
 	line-height: 45px;
 	text-align: center;
 	pointer-events: none;
 	color: #FFF;
 	right: 0;
 	font-size: 16px
 }

 .error-page-content .social-error-page ul li a {
 	color: #FFF;
 	transition: .3s
 }

 .error-page-content .social-error-page ul li a:hover {
 	color: var(--main-blue-color)
 }

 .social-error-page ul li {
 	list-style: none;
 	display: inline-block;
 	margin: 0 15px;
 	font-size: 18px
 }

 .accordion {
 	border: 1px solid #d9e5e8;
 	padding: 0 20px
 }

 .accordion li {
 	border-bottom: 1px solid #d9e5e8;
 	position: relative;
 	list-style-type: none
 }

 .accordion li p {
 	display: none;
 	padding: 10px 20px 20px;
 	font-size: 14px;
 	font-family: 'Open Sans', sans-serif
 }

 .accordion a {
 	width: 100%;
 	font-family: 'Open Sans', sans-serif;
 	display: block;
 	cursor: pointer;
 	font-weight: 600;
 	line-height: 3;
 	font-size: 16px;
 	user-select: none;
 	color: var(--primary-heading)
 }

 .accordion li a.active {
 	color: var(--secundary-color)
 }

 .accordion li a.hover {
 	color: var(--secundary-color)
 }

 .accordion .last-item {
 	border-bottom: none
 }

 .faq-box {
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	background-color: #FFF;
 	text-align: center;
 	padding: 30px 20px
 }

 .faq-box .fb-icon {
 	width: 60px;
 	margin: auto auto 15px auto
 }

 .faq-box p {
 	margin-bottom: 0
 }

 .faq-box h4 {
 	margin-bottom: 15px
 }

 .faq-box h4 span {
 	font-weight: 600;
 	font-size: 14px;
 	color: var(--secundary-color);
 	text-transform: uppercase
 }

 .faq-box h6 {
 	color: var(--headline-color);
 	margin-top: 15px;
 	text-decoration: underline
 }

 .blog-grid {
 	margin-bottom: 50px;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14)
 }

 .bg-thumb {
 	position: relative
 }

 .bg-caption {
 	position: absolute;
 	bottom: 0;
 	padding: 20px;
 	background-color: rgba(0, 0, 0, .8)
 }

 .bg-caption h4 {
 	color: #FFF;
 	line-height: 30px;
 	margin-bottom: 0
 }

 .category-badge {
 	background-color: var(--primary-color);
 	position: absolute;
 	top: 20px;
 	left: 20px;
 	padding: 10px 15px
 }

 .category-badge h6 {
 	color: #FFF;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 	font-size: 10px;
 	line-height: 10px;
 	margin-bottom: 0
 }

 .out-bg-caption {
 	padding: 30px 30px 40px
 }

 .out-bg-caption .btn-default {
 	margin-top: 15px
 }

 .bg-thumb .date-layer {
 	position: absolute;
 	bottom: 90px;
 	right: 20px;
 	background-color: var(--primary-color);
 	text-align: center;
 	padding: 10px 20px
 }

 .bg-thumb .date-layer h5 {
 	font-size: 16px;
 	margin-bottom: 0
 }

 .bg-thumb .date-layer p {
 	margin: -5px auto 0;
 	font-weight: 600;
 	color: #FFF
 }

 .aside-left {
 	padding-right: 15px
 }

 .aside-right {
 	padding: 10px 15px;
 	box-shadow: rgba(0, 0, 0, .05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
 }

 .blog-search {
 	display: inline-block;
 	position: relative;
 	color: #FFF;
 	width: 100%;
 	margin-bottom: 40px
 }

 .blog-search .form-control {
 	background-color: #eff5f5;
 	border: none;
 	border-radius: 0;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	font-size: 14px;
 	height: 45px;
 	font-family: 'Open Sans', sans-serif;
 	color: #CCC;
 	transition: .3s
 }

 .blog-search .form-control:focus {
 	color: #CCC;
 	background-color: #e0ebeb;
 	border-color: none;
 	outline: 0;
 	box-shadow: none
 }

 .blog-search .form-control-feedback {
 	position: absolute;
 	z-index: 1;
 	display: block;
 	width: 2rem;
 	height: 45px;
 	line-height: 45px;
 	text-align: center;
 	pointer-events: none;
 	color: #CCC;
 	right: 0;
 	font-size: 16px
 }

 .categorie-list .list-group-item {
 	position: relative;
 	display: block;
 	padding: .75rem 0;
 	background-color: #fff;
 	border-left: none;
 	border-right: none;
 	border-radius: 0;
 	font-family: 'Open Sans', sans-serif;
 	color: var(--paragraph-color);
 	font-weight: 600;
 	font-size: 14px
 }

 .categorie-list .list-group-item .badge {
 	font-family: 'Open Sans', sans-serif;
 	color: var(--paragraph-color);
 	font-weight: 600;
 	font-size: 14px
 }

 .inner-aside {
 	margin-bottom: 40px
 }

 .inner-aside h5 {
 	margin-bottom: 20px
 }

 .inner-aside .mr-3 {
 	width: 80px
 }

 .center-media {
 	margin: 20px 0
 }

 .inner-aside .media-body h6 {
 	margin-bottom: 0;
 	font-size: 14px;
 	line-height: 1.3
 }

 .inner-aside .media-body h6 a {
 	color: var(--headline-color);
 	text-decoration: none
 }

 .inner-aside .media-body h6 a:hover {
 	color: var(--primary-color)
 }

 .inner-aside .media-body p {
 	font-size: 13px;
 	color: var(--secundary-color)
 }

 .tags li {
 	display: inline-block
 }

 .tags .btn-default {
 	padding: 4px 15px;
 	font-size: 12px;
 	color: #FFF;
 	font-weight: 600;
 	margin: 2px;
 	text-transform: uppercase;
 	border-radius: 0
 }

 ul.blog-social li {
 	background-color: var(--secundary-color);
 	display: inline-block;
 	padding: 8px 15px;
 	margin: 0 2px;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	-ms-transition: all .3s ease-in-out 0s;
 	-o-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s;
 	cursor: pointer
 }

 ul.blog-social li a {
 	color: #FFF
 }

 ul.blog-social li:hover .fab {
 	color: #FFF
 }

 ul.blog-social li:hover {
 	background-color: var(--primary-color);
 	color: #FFF
 }

 .thumb-gallery {
 	margin: 3px
 }

 .blog-content-box {
 	margin-bottom: 50px
 }

 .blog-caption {
 	background-color: #FFF;
 	box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
 	margin-top: -150px;
 	z-index: 1;
 	position: relative;
 	padding: 30px 50px 30px 20px;
 	width: 90%
 }

 .blog-caption .btn-default {
 	margin-top: 15px
 }

 .post-details {
 	margin-bottom: 15px
 }

 .post-details li {
 	display: inline-block;
 	margin-right: 20px
 }

 li.author::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f007";
 	margin-right: 10px;
 	color: var(--secundary-color)
 }

 li.tags::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f02c";
 	margin-right: 10px;
 	color: var(--secundary-color)
 }

 li.comments::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f075";
 	margin-right: 10px;
 	color: var(--secundary-color)
 }

 .post-feature {
 	position: relative
 }

 .post-feature .date-layer {
 	position: absolute;
 	top: 20px;
 	right: 20px;
 	background-color: var(--primary-color);
 	text-align: center;
 	padding: 10px 20px
 }

 .site-pagination .pagination {
 	display: -ms-flexbox;
 	display: flex;
 	padding-left: 0;
 	list-style: none;
 	border-radius: 0;
 	justify-content: center;
 	margin-top: 20px
 }

 .site-pagination .page-link {
 	position: relative;
 	display: block;
 	padding: .3rem .75rem;
 	margin-left: -1px;
 	line-height: 1.25;
 	color: var(--headline-color);
 	background-color: #fff;
 	border: none;
 	font-family: 'Montserrat', sans-serif;
 	font-size: 18px;
 	font-weight: 500
 }

 .site-pagination .page-link:hover {
 	z-index: 2;
 	color: var(--primary-color);
 	text-decoration: none;
 	background-color: #F7FAFA;
 	border-color: #F7FAFA
 }

 .site-pagination .page-link:focus {
 	z-index: 2;
 	outline: 0;
 	box-shadow: none
 }

 .page-link .fas {
 	font-size: 18px
 }

 .site-pagination .page-item.active .page-link {
 	z-index: 1;
 	color: #fff;
 	background-color: var(--secundary-color);
 	border-color: var(--secundary-color);
 	border-radius: 5px
 }

 .list-group-item a::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f067";
 	margin-right: 15px
 }

 .post-title h1 {
 	font-size: 40px;
 	margin-bottom: 10px;
 	width: 80%;
 	color: #FFF
 }

 .post-title .category-badge {
 	background-color: var(--primary-color);
 	position: absolute;
 	top: -20px;
 	left: 0;
 	padding: 10px 15px
 }

 .post-title {
 	position: absolute;
 	bottom: 30px;
 	color: #FFF
 }

 .blog-content p {
 	margin: 25px 0;
 	font-size: 16px;
 	line-height: 30px
 }

 .blockquote {
 	border-left: solid 5px var(--secundary-color);
 	background-color: var(--background-color);
 	margin: 30px 0;
 	padding: 30px;
 	position: relative
 }

 .blockquote h4 {
 	font-style: italic;
 	font-weight: 500;
 	z-index: 1;
 	position: relative;
 	line-height: 30px
 }

 .blockquote .fas {
 	font-size: 90px;
 	margin-bottom: 15px;
 	color: var(--secundary-color);
 	position: absolute;
 	top: 10%;
 	z-index: 1;
 	opacity: .1
 }

 .blog-feature-img .date-layer {
 	position: absolute;
 	top: 30px;
 	right: 30px;
 	background-color: var(--primary-color);
 	text-align: center;
 	padding: 10px 20px
 }

 .blog-feature-img .date-layer h5 {
 	font-size: 16px;
 	margin-bottom: 0
 }

 .blog-feature-img .date-layer p {
 	margin: -5px auto 0;
 	font-weight: 600;
 	color: #FFF
 }

 .comment-layer {
 	margin: 50px 0
 }

 .comment-layer p {
 	margin: 0
 }

 .comment-box {
 	margin-top: 60px
 }

 .comment-box .media {
 	margin: 35px 0
 }

 .comment-box .media .mr-3 {
 	width: 80px;
 	border-radius: 50%;
 	border: solid 3px var(--primary-color)
 }

 .comment-box .media-body {
 	background-color: var(--background-color);
 	padding: 25px
 }

 .comment-box h5 {
 	font-size: 20px;
 	margin-bottom: 0
 }

 p.comment-date {
 	font-size: 13px;
 	margin-bottom: 10px
 }

 .comment-box p {
 	line-height: 30px
 }

 .comment-box .btn-default {
 	padding: 6px 20px;
 	text-transform: none;
 	margin-top: 25px
 }

 .replay-layer {
 	padding-left: 60px
 }

 .comment-form-layer {
 	margin-top: 30px
 }

 .comment-form-layer p {
 	font-style: italic;
 	margin: 0
 }

 .comment-form-layer form {
 	margin-top: 30px
 }

 .fc-comments {
 	display: block;
 	width: 100%;
 	height: calc(2em + 1rem + 2px);
 	padding: 8px 25px;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 1.5;
 	color: var(--primary-color);
 	background-color: #f0f2f5 !important;
 	background-clip: padding-box;
 	border: none;
 	border-radius: 5px;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 	font-family: 'Open Sans', sans-serif
 }

 .message-form {
 	background-color: #f0f2f5 !important;
 	border-radius: 10px !important;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 	border: none;
 	font-family: 'Open Sans', sans-serif;
 	font-size: 14px
 }

 .fc-comments::-ms-expand {
 	background-color: transparent;
 	border: 0
 }

 .fc-comments:-moz-focusring {
 	color: transparent;
 	text-shadow: 0 0 0 #495057
 }

 .fc-comments:focus {
 	color: #495057;
 	background-color: #d1d9e0;
 	border-color: #80bdff;
 	outline: 0;
 	box-shadow: none
 }

 .fc-comments::-webkit-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .fc-comments::-moz-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .fc-comments:-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .fc-comments::-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .fc-comments::placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .comment-form-layer .btn-default {
 	margin-top: 40px
 }

 .pages-hero-contact {
 	background-image: url("../images/commons/pages-bg.jpg");
 	height: 500px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .pages-hero-contact:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, #000, #000);
 	opacity: .5
 }

 .contact-title {
 	position: absolute;
 	bottom: auto;
 	bottom: 35%;
 	color: #FFF;
 	text-align: left !important
 }

 .contact-title {
 	text-align: center
 }

 .contact-form {
 	margin-top: 40px
 }

 .contact-form .col-sm-6,
 .contact-form .col-sm-12 {
 	margin: 10px 0
 }

 .map-iframe-alt {
 	width: 100%;
 	height: 500px
 }

 .custom-form {
 	display: block;
 	width: 100%;
 	height: calc(2em + 1rem + 2px);
 	padding: 8px 25px;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 1.5;
 	color: var(--primary-color);
 	background-color: #f0f2f5 !important;
 	background-clip: padding-box;
 	border: none;
 	border-radius: 50rem;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 	font-family: 'Open Sans', sans-serif
 }

 .message-form {
 	background-color: #f0f2f5 !important;
 	border-radius: 10px !important;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .custom-form::-ms-expand {
 	background-color: transparent;
 	border: 0
 }

 .custom-form:-moz-focusring {
 	color: transparent;
 	text-shadow: 0 0 0 #495057
 }

 .custom-form:focus {
 	color: #495057;
 	background-color: #d1d9e0;
 	border-color: #80bdff;
 	outline: 0;
 	box-shadow: none
 }

 .custom-form::-webkit-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::-moz-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form:-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .with-errors {
 	font-size: 12px;
 	font-family: 'Open Sans', sans-serif;
 	text-align: left;
 	color: red;
 	margin-top: 10px;
 	margin-left: 15px
 }

 .alert-success {
 	color: #FFF;
 	background-color: var(--secundary-color);
 	border-color: var(--secundary-color);
 	font-family: 'Open Sans', sans-serif;
 	font-size: 15px;
 	line-height: 1.5
 }

 .close {
 	float: right;
 	margin-left: 5px;
 	font-size: 1rem;
 	font-weight: 700;
 	line-height: 1;
 	color: #FFF;
 	text-shadow: none;
 	opacity: 1
 }

 .map-iframe-alt {
 	width: 100%;
 	height: 500px;
 	position: relative
 }

 .bottom-map {
 	position: relative
 }

 .contact-badge {
 	margin-top: -120px;
 	position: relative;
 	z-index: 1;
 	background: #FFF
 }

 .left-contact-badge {
 	height: 500px;
 	padding: 40px
 }

 .right-contact-badge {
 	background-color: var(--primary-heading);
 	height: 500px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .left-contact-badge h4 {
 	margin-bottom: 25px
 }

 .right-contact-badge {
 	padding: 60px 40px;
 	position: relative;
 	overflow: hidden
 }

 .right-contact-badge h4 {
 	color: #FFF;
 	margin-bottom: 30px;
 	text-transform: uppercase
 }

 .right-contact-badge p {
 	color: #FFF;
 	margin-bottom: 20px
 }

 .right-contact-badge p.phone::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f879";
 	margin-right: 10px
 }

 .right-contact-badge p.mail::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f0e0";
 	margin-right: 10px
 }

 .right-contact-badge p.address::before {
 	font-family: "Font Awesome 5 Free";
 	font-weight: 900;
 	content: "\f08d";
 	margin-right: 10px
 }

 .photo-contact {
 	width: 180px;
 	position: absolute;
 	bottom: -30px;
 	right: -30px;
 	opacity: .4
 }

 .product-description {
 	background-color: #FFF;
 	position: relative;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	padding: 40px;
 	margin: -130px 20px 50px 20px;
 	text-align: center
 }

 .icon-outline {
 	outline: 2px dashed var(--primary-color);
 	outline-offset: 10px;
 	width: 70px;
 	margin: auto auto 30px auto
 }

 .product-icon {
 	width: 60px;
 	margin: auto
 }

 .product-description .btn-default {
 	margin-top: 10px
 }

 .product-featur-img {
 	outline: 5px solid var(--primary-color);
 	outline-offset: -30px
 }

 .product-caption {
 	margin-top: 30px
 }

 .product-caption p {
 	font-size: 16px;
 	line-height: 30px
 }

 .product-caption h3 {
 	margin: 30px 0 15px
 }

 .video-iframe {
 	width: 100%;
 	height: 500px;
 	margin-top: 30px
 }

 .call-action-wrapper {
 	background-color: var(--primary-color);
 	padding: 50px 30px
 }

 .ca-left-side h3 {
 	color: #FFF;
 	margin-bottom: 0
 }

 .ca-left-side p {
 	color: #FFF;
 	margin-bottom: 0
 }

 .ca-right-side .btn-default {
 	float: right;
 	margin-top: 10px;
 	background-color: #FFF;
 	border: 1px solid #FFF;
 	color: var(--primary-color)
 }

 .ca-right-side .btn-default:hover {
 	float: right;
 	margin-top: 10px;
 	background-color: var(--secundary-color);
 	border: 1px solid var(--secundary-color);
 	color: #FFF
 }

 .ci-left {
 	margin-top: 50px;
 	margin-right: 12px
 }

 .why-us-content {
 	margin: 0;
 	position: absolute;
 	top: 50%;
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	padding-left: 60px
 }

 .why-us-inner {
 	margin-top: 35px
 }

 .circle-layer {
 	width: 60px;
 	height: 60px;
 	border-radius: 50%;
 	background-color: var(--primary-color);
 	margin-right: 15px;
 	position: relative
 }

 .cl-icon {
 	width: 40px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center
 }

 .call-icon {
 	width: 35px
 }

 .why-us-inner .media {
 	max-width: 350px;
 	margin-bottom: 35px
 }

 .why-us-inner .media-body h5 {
 	margin-bottom: 5px
 }

 .why-us-inner .media-body p {
 	margin-bottom: 0;
 	font-size: 14px;
 	line-height: 22px;
 	font-style: italic
 }

 .video-bg {
 	background-image: url("../images/commons/video-bg.jpg");
 	height: 500px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .video-bg:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background-image: linear-gradient(to bottom right, #000, #000);
 	opacity: .4
 }

 .video-caption {
 	position: absolute;
 	top: 55%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	text-align: center
 }

 .video-caption h2 {
 	margin: 90px 0 30px;
 	color: #FFF
 }

 .support-banner {
 	background: var(--primary-color);
 	padding: 50px 0 100px;
 	text-align: center
 }

 .support-banner h3 {
 	text-transform: uppercase
 }

 .support-banner p {
 	width: 50%;
 	margin: auto;
 	text-align: center;
 	color: #FFF
 }

 .support-box {
 	background: #FFF;
 	padding: 35px 25px;
 	text-align: center;
 	border-bottom: solid 3px var(--secundary-color);
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14)
 }

 .support-icon {
 	width: 60px;
 	margin: auto auto 15px
 }

 .support-layer {
 	margin-top: -150px
 }

 .support-box h4 {
 	margin-top: 10px
 }

 .support-box p {
 	font-weight: 600;
 	margin-bottom: 0
 }

 .support-box h6 {
 	margin-top: 25px
 }

 .support-box h4 span {
 	font-weight: 600;
 	font-size: 14px;
 	color: var(--secundary-color);
 	text-transform: uppercase
 }

 .home-about {
 	padding-right: 25px
 }

 .home-about h2 {
 	color: #DAE1E6;
 	opacity: .5;
 	text-transform: uppercase;
 	font-size: 60px;
 	line-height: 70px
 }

 .home-about h3 {
 	font-size: 35px;
 	line-height: 42px;
 	margin-top: -35px;
 	position: relative;
 	z-index: 1
 }

 .home-about p {
 	margin: 20px 0;
 	font-size: 19px
 }

 .home-about-img {
 	z-index: 1;
 	position: relative
 }

 .image-badget {
 	background-color: var(--primary-color);
 	padding: 30px;
 	max-width: 300px;
 	position: absolute;
 	bottom: 15px;
 	left: 15px;
 	outline: 1px dashed #fff;
 	outline-offset: -12px
 }

 .ib-icon {
 	width: 60px
 }

 .image-badget h4 {
 	color: #FFF;
 	margin-top: 15px
 }

 .image-badget p {
 	color: #FFF
 }

 .hb-box {
 	margin-top: 40px
 }

 .hb-inner {
 	padding-right: 30px
 }

 .hb-icon {
 	width: 50px
 }

 .hb-box h5 {
 	font-size: 18px;
 	margin: 15px 0 2px
 }

 .hb-box p {
 	margin: 0;
 	font-size: 14px;
 	font-style: italic
 }

 .why-us-img-bg {
 	background-image: url("../images/commons/farmey-2.jpg");
 	height: 600px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative
 }

 .why-us-info {
 	width: 60%;
 	margin: 0;
 	position: absolute;
 	top: 50%;
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	padding-left: 50px
 }

 .signature {
 	width: 150px;
 	margin: 25px 0
 }

 .contact-bg {
 	background-image: url("../images/commons/farmey-3.jpg");
 	height: 600px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover
 }

 .map-iframe {
 	width: 100%;
 	height: 600px
 }

 .contact-info-right {
 	position: relative;
 	height: 600px
 }

 .badges-box {
 	position: absolute;
 	right: 0;
 	bottom: 50px
 }

 .badges-box .media .mr-3 {
 	width: 60px
 }

 .badges-box .media {
 	background-color: var(--primary-color);
 	padding: 15px 30px 15px 20px;
 	outline: 1px dashed #fff;
 	outline-offset: -10px;
 	margin: 20px 0
 }

 .badges-box .media .media-body {
 	padding: 5px 0
 }

 .badges-box .media h5 {
 	margin-bottom: 0;
 	color: #FFF
 }

 .badges-box .media p {
 	margin-bottom: 0;
 	color: #FFF
 }

 .white-bg {
 	background-color: #FFF !important;
 	outline: 1px dashed var(--primary-color) !important
 }

 .white-bg h5 {
 	color: var(--primary-heading) !important
 }

 .white-bg p {
 	color: var(--primary-heading) !important
 }

 .contact-form {
 	margin-top: 40px
 }

 .contact-form .col-sm-6,
 .contact-form .col-sm-12 {
 	margin: 10px 0
 }

 .custom-form {
 	display: block;
 	width: 100%;
 	height: calc(2em + 1rem + 2px);
 	padding: 8px 25px;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 1.5;
 	color: var(--primary-color);
 	background-color: #f0f2f5 !important;
 	background-clip: padding-box;
 	border: none;
 	border-radius: 50rem;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 	font-family: 'Open Sans', sans-serif
 }

 .message-form {
 	background-color: #f0f2f5 !important;
 	border-radius: 10px !important;
 	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .custom-form::-ms-expand {
 	background-color: transparent;
 	border: 0
 }

 .custom-form:-moz-focusring {
 	color: transparent;
 	text-shadow: 0 0 0 #495057
 }

 .custom-form:focus {
 	color: #495057;
 	background-color: #d1d9e0;
 	border-color: #80bdff;
 	outline: 0;
 	box-shadow: none
 }

 .custom-form::-webkit-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::-moz-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form:-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::-ms-input-placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .custom-form::placeholder {
 	color: #6c757d;
 	opacity: 1
 }

 .with-errors {
 	font-size: 12px;
 	font-family: 'Open Sans', sans-serif;
 	text-align: left;
 	color: red;
 	margin-top: 10px;
 	margin-left: 15px
 }

 .alert-success {
 	color: #FFF;
 	background-color: var(--secundary-color);
 	border-color: var(--secundary-color);
 	font-family: 'Open Sans', sans-serif;
 	font-size: 15px;
 	line-height: 1.5
 }

 .close {
 	float: right;
 	margin-left: 5px;
 	font-size: 1rem;
 	font-weight: 700;
 	line-height: 1;
 	color: #FFF;
 	text-shadow: none;
 	opacity: 1
 }

 .news-carousel {
 	position: relative
 }

 .news-carousel .owl-theme .custom-nav {
 	display: none
 }

 .news-carousel .owl-carousel .item .news-thumbnail {
 	margin: 0 15px;
 	position: relative
 }

 .news-carousel .owl-dots {
 	display: none
 }

 .news-caption {
 	background-color: rgba(0, 0, 0, .8)
 }

 .news-caption {
 	padding: 35px 20px;
 	position: absolute;
 	top: 76%;
 	left: 46%;
 	transform: translate(-50%, -50%);
 	width: 92%
 }

 .news-caption h4 {
 	color: #FFF
 }

 .news-caption p {
 	color: #a6a6a6;
 	margin: 15px 0
 }

 .read-more-layer {
 	margin-top: 30px
 }

 .read-more-layer h6 {
 	color: var(--primary-color);
 	font-size: 14px;
 	text-transform: uppercase;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	-ms-transition: all .3s ease-in-out 0s;
 	-o-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .read-more-layer h6 a {
 	text-decoration: none
 }

 .right-arrow {
 	width: 30px;
 	margin-left: 15px;
 	margin-top: -5px
 }

 .news-caption .date-layer {
 	position: absolute;
 	top: -40px;
 	right: 10px;
 	background-color: var(--primary-color);
 	text-align: center;
 	padding: 10px 20px
 }

 .date-layer h5 {
 	font-size: 16px;
 	margin-bottom: 0
 }

 .date-layer p {
 	margin: -5px auto 0;
 	font-weight: 600;
 	color: #FFF
 }

 .services-layer {
 	padding: 60px 0;
 	background-position: bottom left;
 	background-repeat: repeat-x;
 	background-size: 10%;
 	position: relative
 }

 .services-layer-alt {
 	background-color: var(--background-color);
 	padding: 60px 0 80px
 }

 .services-layer .section-title h2 {
 	color: #DAE1E6;
 	opacity: .8;
 	text-transform: uppercase;
 	font-size: 60px;
 	text-align: center
 }

 .service-box {
 	background-color: #FFF;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px;
 	border-radius: 5px;
 	padding: 30px 20px;
 	margin: 15px 50px;
 	transition: 350ms;
 	height: 130px
 }

 .service-box:hover {
 	transform: translateY(-5%)
 }

 .sb-icon {
 	width: 50px;
 	float: left
 }

 .sb-caption h4 {
 	margin-bottom: 5px
 }

 .sb-caption p {
 	margin-bottom: 0
 }

 .custom-modal {
 	width: 90% !important;
 	background-color: rgba(0, 0, 0, .50);
 	border-radius: 15px
 }

 .place-center {
 	place-content: center
 }

 .content-modal {
 	display: flex;
 	align-content: center
 }

 .area-modal-1 {
 	max-width: 50%;
 	margin: 10px
 }

 .area-modal-2 {
 	max-width: 50%;
 	margin: 10px
 }

 .area-modal-2 p {
 	color: #fff
 }

 .title-modal {
 	border: none !important;
 	align-self: center
 }

 .custom-list li {
 	font-size: 17px;
 	margin: 30px 5px;
 	color: #fff
 }

 .custom-list i {
 	font-size: 30px;
 	color: #FFFFFF
 }

 .modal-video {
 	overflow: hidden;
 	animation: modal;
 	animation-timing-function: ease-in-out;
 	animation-duration: 1.5s;
 	animation-fill-mode: backwards;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0, 0, 0, .50);
 	position: fixed;
 	z-index: 99999;
 	top: 0
 }

 @keyframes modal {
 	0% {
 		transform: translateY(-100%)
 	}

 	100% {
 		transform: translateY(0)
 	}
 }

 .video-content {
 	position: fixed;
 	height: 70%;
 	width: 65%;
 	background-color: white;
 	top: 15%;
 	left: 20%;
 	display: none
 }

 .visibility-on {
 	display: block !important
 }

 .modal-close {
 	position: absolute;
 	right: -2%;
 	top: -3%;
 	z-index: 9999
 }

 @media (max-width:700px) {
 	.video-content {
 		position: absolute;
 		top: 20%;
 		left: 0;
 		width: 90%;
 		height: 300px;
 		margin: 0 5%
 	}

 	.greennature-fluid-video-wrapper iframe {
 		height: 300px
 	}
 }

 .dimensao-modal {
 	height: 80%;
 	max-width: 80% !important
 }

 .button-modal {
 	appearance: none;
 	background-color: var(--secundary-color);
 	border-radius: 15px;
 	box-sizing: border-box;
 	color: #FFF;
 	cursor: pointer;
 	display: inline-block;
 	font-size: 16px;
 	font-weight: 600;
 	line-height: normal;
 	margin: 0;
 	min-height: 60px;
 	min-width: 0;
 	outline: none;
 	padding: 16px 24px;
 	text-align: center;
 	text-decoration: none;
 	transition: all 300ms cubic-bezier(.23, 1, .32, 1);
 	user-select: none;
 	-webkit-user-select: none;
 	touch-action: manipulation;
 	width: 100%;
 	will-change: transform
 }

 .button-modal:disabled {
 	pointer-events: none
 }

 .button-modal:hover {
 	box-shadow: rgba(0, 0, 0, .25) 0 8px 15px;
 	transform: translateY(-2px)
 }

 .button-modal:active {
 	box-shadow: none;
 	transform: translateY(0)
 }

 .box-timeline {
 	display: flex;
 	margin: 0 14%;
 	align-items: center
 }

 .box-timeline-one {
 	width: 50%
 }

 .box-timeline-two {
 	width: 50%
 }

 .content-box-one {
 	text-align: justify;
 	max-width: 95%;
 	font-size: 19px
 }

 .modal-body {
 	padding: 0
 }

 .modal-display {
 	display: inline-flex;
 	align-items: center
 }

 .modal-image-area {
 	max-width: 45%
 }

 .modal-image-area img {
 	border-radius: 20px 0 0 20px
 }

 .modal-text-area {
 	max-width: 45%;
 	margin: 0 2%
 }

 .modal-text-area ul {
 	display: flex;
 	justify-content: space-between;
 	margin: 20px 15% 0
 }

 @media (min-width:1921px) {
 	.modal-text-area ul {
 		margin: 20px 30% 0
 	}

 	.box-timeline {
 		display: flex;
 		margin: 0 719px;
 		align-items: center
 	}

 	.close-modal {
 		color: #000;
 		font-size: 30px;
 		position: absolute;
 		right: 10px;
 		top: 10px
 	}
 }

 @media (max-width:700px) {
 	.modal-display {
 		display: block;
 		align-items: normal
 	}

 	.modal-image-area {
 		max-width: 100%
 	}

 	.modal-image-area img {
 		border-radius: 20px 20px 0 0;
 		width: 100%
 	}

 	.modal-text-area {
 		max-width: 100%;
 		margin: 0 5%
 	}

 	.modal-text-area ul {
 		display: flex;
 		justify-content: space-between;
 		margin: 25px 0 20px 0
 	}

 	.modal-text-area li {
 		margin: 0 5px
 	}

 	.box-timeline {
 		display: block;
 		margin: 0 10%;
 		align-items: center
 	}

 	.box-timeline-one {
 		width: 100%
 	}

 	.box-timeline-two {
 		width: 100%
 	}

 	.timeline {
 		display: flex;
 		flex-direction: column;
 		width: 100%;
 		margin: 5% 60px
 	}
 }

 .about-image-one {
 	border-radius: 10px;
 	box-shadow: rgb(0 0 0 / 15%) 0 15px 25px, rgb(0 0 0 / 5%) 0 5px 10px;
 	width: 60%;
 	position: absolute;
 	bottom: -20px;
 	right: 50px;
 	z-index: 1
 }

 .about-image-two {
 	box-shadow: rgb(0 0 0 / 15%) 0 15px 25px, rgb(0 0 0 / 5%) 0 5px 10px;
 	border-radius: 10px;
 	top: 15px;
 	width: 60%;
 	position: absolute;
 	left: 0
 }

 .about-image-background {
 	width: 60%;
 	z-index: -2;
 	position: absolute;
 	right: 40px;
 	top: 15px
 }

 @media (max-width:700px) {
 	.esconder-mobile {
 		display: none !important
 	}
 }

 @media (min-width:700px) {
 	.esconder-desktop {
 		display: none !important
 	}
 }

 #image-about-mobile {
 	margin: 0 50px;
 	width: 100%;
 	max-width: 100%
 }

 .divider {
 	margin-bottom: 60px
 }

 .about-mobile-image-one {
 	width: 60%;
 	border-radius: 15px;
 	position: absolute;
 	right: 20px;
 	margin-top: 200px
 }

 .about-mobile-image-two {
 	width: 60%;
 	border-radius: 15px;
 	position: absolute;
 	z-index: -1
 }

 .about-mobile-image-three {
 	width: 60%;
 	right: 20px;
 	position: absolute;
 	z-index: -2
 }

 .item {
 	margin-bottom: 15px
 }

 .item img {
 	border-radius: 10px 10px 0 0
 }

 .tarja i {
 	font-size: 25px;
 	color: black;
 	transition: 350ms
 }

 .tarja i:hover {
 	color: var(--secundary-color)
 }

 .tarja {
 	padding: 10px;
 	border: 1px solid #c5c5c5;
 	border-top: none
 }

 .tarja li {
 	margin: 0 10px
 }

 .tarja ul {
 	display: inline-flex
 }

 .legenda-material {
 	padding: 10px;
 	border: 1px solid #c5c5c5;
 	border-top: none
 }

 .content-shadow {
 	border-radius: 10px;
 	box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px;
 	margin: 0 10px
 }

 .pulse i:hover {
 	color: black
 }

 .app-area {
 	display: inline-flex
 }

 .app-area img {
 	border-radius: 15px;
 	width: 80% !important
 }

 .store-button {
 	margin: 20px 10px 0 10px;
 	border-radius: 10px;
 	display: inline;
 	font-weight: 500;
 	padding: 25px 40px 25px 20px;
 	background: #2e7426;
 	color: white;
 	box-shadow: rgb(50 50 93 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px
 }

 .store-button image {
 	width: 50px
 }

 .animation-store {
 	transition: 350ms;
 	margin: 0
 }

 .animation-store:hover {
 	color: white !important;
 	transform: translate(0, -5px) !important
 }

 @media (max-width:700px) {
 	.animation-store {
 		margin: 0
 	}

 	.mobile-align {
 		position: relative;
 		right: 20%
 	}

 	#vantagens {
 		margin-top: 50px
 	}
 }

 .video-section {
 	background-image: url("../images/pickup-mulher-segurando-caixa-de-lixo-reciclaveis-ultima-imagem.png");
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: contain;
 	border-radius: 20px;
 	margin: 0;
 	height: 100%
 }

 .video-section-about {
 	padding: 50px 0 10px 30px;
 	position: relative;
 	border-radius: 20px;
 	max-width: 97%
 }

 .video-section-about p {
 	color: white;
 	font-size: 19px;
 	margin-top: 15px
 }

 .video-section-image {
 	margin-left: 20px
 }

 .recycle-icon {
 	background-image: url(../images/conteudo/Reciclagem.png);
 	background-repeat: no-repeat;
 	background-size: 7%;
 	background-position: right top
 }

 .video-section-space {
 	margin: 75px 0;
 	background-color: var(--secundary-color);
 	padding-top: 40px;
 	border-radius: 25px;
 	background-size: 16%
 }

 @media (min-width:1921px) {
 	.video-section-about {
 		padding: 50px 0 10px 30px;
 		position: relative;
 		border-radius: 20px
 	}

 	.video-section-about p {
 		max-width: 95%;
 		margin-top: 44px
 	}

 	.video-section-about h2 {
 		font-size: 45px;
 		line-height: 51px;
 		width: 80%;
 		color: #FFF;
 		text-transform: uppercase;
 		margin-top: 0;
 		margin-bottom: 0
 	}

 	.video-section-space {
 		margin-bottom: 125px
 	}

 	.video-section-image {
 		margin-left: 120px;
 		width: 83%
 	}

 	#vantagens {
 		margin-top: 300px
 	}
 }

 @media (max-width:800px) {
 	.video-section-about {
 		margin: 0 30px;
 		padding: 50px 5px
 	}

 	.video-section-about h2 {
 		font-size: 25px;
 		line-height: 45px
 	}

 	.video-section-about p {
 		margin-top: 25px
 	}

 	.image-banner {
 		width: 100%
 	}

 	.video-section-image {
 		margin: 0
 	}

 	.video-section-space {
 		margin: 75px 5%;
 		background-size: 20%;
 		background-position: bottom center
 	}
 }

 .footer-button {
 	border-radius: 5px;
 	width: 80%;
 	margin: 10px 40px;
 	padding: 10px 0 10px 0;
 	background-color: black
 }

 .video-banner {
 	width: 100%
 }

 .image-banner {
 	width: 50%
 }

 .content-banner {
 	margin: 3% 50px;
 	padding: 15px 120px;
 	max-width: 100%;
 	display: flex
 }

 .content-banner-title {
 	font-size: 45px;
 	line-height: 50px;
 	width: 100%;
 	color: #FFF;
 	max-width: 100%
 }

 .box-banner-one {
 	width: 45%;
 	margin: 80px 0 0 35px
 }

 .box-banner-two {
 	width: 45%
 }

 .content-banner-subtitle {
 	font-size: 20px;
 	line-height: 20px;
 	width: 60%;
 	color: #FFF;
 	max-width: 70%
 }

 .content-banner-tamanho {
 	height: 550px !important
 }

 .content-banner-image {
 	position: absolute;
 	width: 37%;
 	right: 150px;
 	top: 0
 }

 .content-banner-image-1 {
 	position: absolute;
 	width: 45%;
 	right: 70px;
 	top: -70px
 }

 .content-banner-image-3 {
 	position: absolute;
 	width: 37%;
 	right: 150px;
 	top: 0
 }

 @media screen and (min-width:500px) and (max-width:900px) {
 	.content-banner-tamanho {
 		height: 1100px !important
 	}
 }

 @media (min-width:1921px) {
 	.content-banner-image {
 		position: absolute;
 		width: 23%;
 		right: 15%;
 		top: 0
 	}

 	.content-banner-image-1 {
 		position: absolute;
 		width: 28%;
 		right: 15%;
 		top: -91px
 	}

 	.content-banner-image-3 {
 		position: absolute;
 		width: 23%;
 		right: 15%;
 		top: 0
 	}

 	.content-banner-title {
 		font-size: 45px;
 		line-height: 50px;
 		width: 60%;
 		color: #FFF;
 		max-width: 100%
 	}

 	.box-banner-one {
 		width: 45%;
 		margin: 60px 0 0 400px
 	}

 	.container-space {
 		max-width: 2100px !important
 	}

 	.container-space img {
 		width: 60%;
 		margin-left: 20%
 	}
 }

 @media (max-width:700px) {
 	.content-banner {
 		display: block;
 		margin: 2% 10% 0;
 		padding: 1%
 	}

 	.content-banner-tamanho {
 		height: 750px !important
 	}

 	.box-banner-one {
 		width: 100%;
 		margin: 70px 0 70px 20px
 	}

 	.box-banner-two {
 		width: 100%
 	}

 	.content-banner-title {
 		font-size: 25px;
 		line-height: 25px;
 		color: #FFF
 	}

 	.content-banner-image {
 		position: absolute;
 		width: 100%;
 		right: 0;
 		top: 250px
 	}

 	.content-banner-image-3 {
 		position: absolute;
 		width: 100%;
 		right: 0;
 		top: 280px
 	}

 	.content-banner-image-1 {
 		position: absolute;
 		width: 120%;
 		right: 0;
 		top: 210px
 	}
 }

 .center-box {
 	text-align: center;
 	text-align: -webkit-center
 }

 .app-box-coletador {
 	background-image: url(../images/logos/logo-pickup-branco.png);
 	background-repeat: no-repeat;
 	background-position: bottom right;
 	background-size: 150px;
 	border-radius: 20px;
 	background-color: rgb(196, 17, 20);
 	box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
 	height: 250px;
 	justify-content: center;
 	width: 90%
 }

 .app-box-cliente {
 	background-image: url(../images/logos/logo-pickup-branco.png);
 	background-repeat: no-repeat;
 	background-position: bottom right;
 	background-size: 150px;
 	border-radius: 20px;
 	background-color: blue;
 	box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
 	height: 250px;
 	justify-content: center;
 	width: 90%
 }

 .app-box-title {
 	padding: 50px 100px 0 0;
 	color: white;
 	font-size: 35px;
 	transform: none !important
 }

 .app-box-button {
 	border-radius: 10px;
 	color: white;
 	padding: 8px;
 	border: 1px solid white;
 	position: absolute;
 	bottom: 0;
 	left: 115px
 }

 .animation-app {
 	transition: 350ms;
 	margin: 0
 }

 .animation-app:hover {
 	transform: translate(0, -5px) !important
 }

 .button-navbar {
 	border-radius: 10px;
 	padding: 10px 10px 0 10px;
 	background-color: transparent;
 	border: 1px solid white;
 	color: white;
 	font-size: 30px;
 	transition: 350ms
 }

 .button-navbar p {
 	color: white;
 	font-size: 18px
 }

 .button-navbar:hover {
 	color: var(--primary-color);
 	border: 1px solid var(--primary-color);
 	transform: translate(0, -5px) !important
 }

 .button-navbar p:hover {
 	color: white
 }

 .button-store {
 	box-shadow: rgb(0 0 0 / 16%) 0 3px 6px, rgb(0 0 0 / 23%) 0 3px 6px;
 	border-radius: 10px;
 	background: black;
 	border: 1px solid white;
 	display: flex;
 	padding: 15px 0;
 	margin: 20px 50px
 }

 .button-store p {
 	color: white;
 	text-transform: uppercase
 }

 .button-store h4 {
 	color: white
 }

 .box-area {
 	width: 100%;
 	padding-top: 50px
 }

 .box-card {
 	display: flex;
 	margin: 40px 30px;
 	border-radius: 5px;
 	width: 95%;
 	box-shadow: rgb(14 30 37 / 12%) 0 2px 4px 0, rgb(14 30 37 / 32%) 0 2px 16px 0
 }

 .box-card p {
 	text-align: justify;
 	margin: 20px;
 	font-size: 19px
 }

 .icon-content {
 	border-radius: 50%;
 	color: #fff;
 	font-size: 30px;
 	padding: 30px;
 	margin: 0 0 0px -43px
 }

 .box-line {
 	position: absolute;
 	border-right: 5px solid black;
 	width: 1px;
 	height: 150px;
 	z-index: -1
 }

 @media (min-width:1921px) {
 	.icon-content {
 		background-color: #000;
 		border-radius: 50%;
 		color: #fff;
 		font-size: 40px;
 		padding: 35px;
 		margin: -10px 0 -10px -52px
 	}

 	.box-line {
 		position: absolute;
 		border-right: 5px solid black;
 		width: 1px;
 		height: 175px;
 		z-index: -1
 	}
 }

 @media (max-width:700px) {
 	.icon-content {
 		border-radius: 10px 0 0 10px;
 		background-color: #000;
 		color: #fff;
 		font-size: 30px;
 		margin: 0 0 0px -30px;
 		padding: 70px 10px
 	}

 	.icon-content-img {
 		border-radius: 10px 0 0 10px !important;
 		color: #fff;
 		padding: 0 !important;
 		margin: 0 0 0px -48px;
 		box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset
 	}

 	.box-line {
 		position: absolute;
 		border-right: 5px solid black;
 		left: 63px;
 		width: 1px;
 		height: 264px;
 		z-index: -1
 	}
 }

 .footer-image {
 	text-align: center
 }

 .footer-image img {
 	width: 160px;
 	margin-top: 15px
 }

 .app-area-mockup {
 	background-color: #000095;
 	background-image: url(../images/app/app-pick-up.jpg);
 	background-position: bottom left;
 	background-size: 40%;
 	background-repeat: repeat-x;
 	height: 440px;
 	margin-top: 0;
 	width: 100%;
 	padding-left: 65px
 }

 .app-mockup-image {
 	margin-left: 70px;
 	border-radius: 15px;
 	width: 30% !important
 }

 .app-mockup {
 	width: 100%;
 	background-image: url(../images/mockup-novo.webp);
 	z-index: 1;
 	background-position: bottom left;
 	background-repeat: no-repeat;
 	background-size: 27%
 }

 .app-content-container {
 	height: 440px;
 	position: relative;
 	margin-left: 25%
 }

 .app-content-title {
 	margin-top: -200px;
 	margin-left: 158px
 }

 .app-content-title h2 {
 	font-size: 29px;
 	text-transform: none
 }

 .app-content-title h3 {
 	color: white;
 	font-size: 16px;
 	margin-top: -10px;
 	font-weight: 400
 }

 .app-buttons img {
 	width: 12%
 }

 .app-content-text {
 	margin-top: -315px;
 	margin-left: 158px
 }

 .app-content-text h2 {
 	font-size: 46px
 }

 .app-content-text h3 {
 	color: white;
 	font-size: 21px
 }

 @media (min-width:1921px) {
 	.app-area-mockup {
 		background-color: #000095;
 		background-image: url(../images/app/app-pick-up.jpg);
 		background-position: bottom left;
 		background-size: 40%;
 		background-repeat: repeat-x;
 		height: 440px;
 		margin-top: 0;
 		width: 100%;
 		padding-left: 582px
 	}

 	.app-mockup-image {
 		margin-left: 70px;
 		border-radius: 15px;
 		width: 23% !important
 	}

 	.app-mockup {
 		width: 100%;
 		background-image: url(../images/mockup-novo.webp);
 		z-index: 1;
 		background-position: bottom left;
 		background-repeat: no-repeat;
 		background-size: 27%
 	}

 	.app-content-container {
 		height: 440px;
 		position: relative;
 		margin-left: 25%
 	}

 	.app-content-title {
 		margin-top: -200px;
 		margin-left: 80px
 	}

 	.app-content-title h2 {
 		font-size: 29px;
 		text-transform: none
 	}

 	.app-content-title h3 {
 		color: white;
 		font-size: 16px;
 		margin-top: -10px;
 		font-weight: 400
 	}

 	.app-buttons img {
 		width: 10%
 	}

 	.app-content-text {
 		margin-top: -345px;
 		margin-left: 0
 	}

 	.app-content-text h2 {
 		font-size: 46px
 	}

 	.app-content-text h3 {
 		color: white;
 		font-size: 21px
 	}
 }

 @media (max-width:700px) {
 	.hero-slider {
 		width: 100%
 	}

 	.hero-slider {
 		width: 100%;
 		height: 693px !important;
 		overflow: hidden
 	}

 	.app-mockup-image-mobile {
 		width: 69%;
 		position: absolute;
 		left: -30px;
 		margin-top: 160px
 	}

 	.app-content-title-mobile h2 {
 		padding-top: 37px;
 		font-size: 17px;
 		line-height: 50px;
 		width: 80%;
 		color: #FFF;
 		text-transform: uppercase;
 		margin-top: 0;
 		margin-bottom: 0
 	}

 	.app-content-title-mobile h3 {
 		color: white;
 		font-size: 14px;
 		padding-right: 20px;
 		font-weight: 400
 	}

 	.app-area-mockup {
 		background-color: #000095;
 		background-image: url(../images/app/app-pick-up.jpg);
 		background-position: bottom left;
 		background-size: 100%;
 		background-repeat: repeat-x;
 		height: 440px;
 		margin-top: 0;
 		width: 100%;
 		padding-left: 0 30px !important
 	}

 	.app-content-buttons {
 		padding-top: 25px
 	}

 	.app-content-buttons h2 {
 		margin: 30px 0 0 150px;
 		font-size: 15px
 	}

 	.app-content-buttons h3 {
 		font-size: 16px;
 		margin-left: 150px;
 		color: white;
 		font-weight: 400
 	}

 	.app-buttons {
 		margin-top: 10px;
 		margin-left: 150px
 	}

 	.app-buttons img {
 		width: 45%
 	}
 }

 .video-banner-ipad {
 	display: none
 }

 @media (max-width:851px) {
 	.esconder-ipad {
 		display: none
 	}
 }

 @media (min-width:700px) {
 	.esconder-ipad {
 		display: none
 	}
 }

 @media screen and (min-width:701px) and (max-width:850px) {
 	.hero-slider {
 		width: 100%;
 		height: 460px;
 		overflow: hidden
 	}

 	.box-banner-one {
 		width: 100%;
 		margin: 0
 	}

 	.content-banner {
 		margin: 3% 50px;
 		padding: 15px 30px;
 		max-width: 100%;
 		display: block
 	}

 	.content-banner-image {
 		position: absolute;
 		width: 45%;
 		right: 85px;
 		top: 165px
 	}

 	.content-banner-image-1 {
 		position: absolute;
 		width: 60%;
 		right: 20px;
 		top: 65px
 	}

 	.content-banner-image-3 {
 		position: absolute;
 		width: 50%;
 		right: 85px;
 		top: 120px
 	}

 	.img-ipad-position {
 		right: 25px
 	}

 	.btn-outline {
 		margin-top: 150px !important
 	}

 	.box-timeline {
 		display: flex;
 		margin: 0 4%;
 		align-items: center
 	}

 	.box-line {
 		margin-left: 15px;
 		position: absolute;
 		border-right: 5px solid black;
 		width: 1px;
 		height: 240px;
 		z-index: -1
 	}

 	.icon-content {
 		background-color: #000;
 		border-radius: 10px 0 0 10px !important;
 		color: #fff;
 		margin: 0 0 0px -30px !important;
 		box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset
 	}

 	.icon-content-img {
 		background-color: #000;
 		border-radius: 10px 0 0 10px !important;
 		color: #fff;
 		margin: 0 0 0px -30px !important;
 		box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset
 	}

 	.app-mockup-image {
 		margin-left: -18px;
 		border-radius: 15px;
 		width: 54% !important
 	}

 	.app-content-text {
 		margin-top: -275px;
 		margin-left: 158px
 	}

 	.app-content-text h2 {
 		font-size: 35px;
 		line-height: 40px
 	}

 	.app-content-title h3 {
 		color: white;
 		font-size: 16px;
 		margin-top: -10px;
 		font-weight: 400
 	}

 	.app-content-title {
 		margin-top: -180px;
 		margin-left: 158px
 	}

 	.app-content-text {
 		margin-top: -290px;
 		margin-left: 158px
 	}

 	.app-buttons img {
 		width: 35%
 	}
 }

 .pagination-icon {
 	bottom: 28%;
 	color: #fff;
 	display: flex;
 	font-size: 20px;
 	left: 50%;
 	position: absolute
 }

 .pagination-icon-one {
 	animation: pagination 1.2s;
 	animation-timing-function: ease-in-out;
 	animation-iteration-count: 10
 }

 .pagination-icon-two {
 	animation: pagination 1.2s;
 	animation-delay: .5s;
 	animation-timing-function: ease-in-out;
 	animation-iteration-count: 10
 }

 @keyframes pagination {
 	0% {
 		transform: translate(0, 0) scale(1.0, 1.0)
 	}

 	50% {
 		transform: translate(0, 0) scale(1.1, 1.1)
 	}

 	100% {
 		transform: translate(0, 0) scale(1.0, 1.0)
 	}
 }

 * {
 	scrollbar-width: none;
 	scrollbar-color: #218200 #ffffff
 }

 *::-webkit-scrollbar {
 	width: 12px
 }

 *::-webkit-scrollbar-track {
 	background: transparent
 }

 *::-webkit-scrollbar-thumb {
 	background-color: #218200;
 	border-radius: 10px;
 	border: 3px solid #ffffff
 }

 @keyframes check-reveal {
 	from {
 		transform: translateX(0%)
 	}

 	to {
 		transform: translateX(101%)
 	}
 }

 .box-reveal {
 	overflow: hidden;
 	position: relative
 }

 .box-reveal::after {
 	background-color: white;
 	content: '';
 	display: block;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	top: 0;
 	animation: check-reveal 1.8s ease forwards;
 	animation-delay: 1.5s
 }

 @media screen and (min-width:1000px) and (max-width:1350px) {
 	.app-content-title {
 		margin-top: -130px;
 		margin-left: 158px
 	}

 	.icon-content {
 		background-color: #000;
 		border-radius: 50%;
 		color: #fff;
 		font-size: 30px;
 		padding: 40px;
 		margin: 0 0 0px -55px;
 		box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset
 	}

 	.box-line {
 		position: absolute;
 		border-right: 5px solid black;
 		width: 1px;
 		height: 165px;
 		z-index: -1
 	}

 	.icon-content-img {
 		border-radius: 50%;
 		color: #fff;
 		width: 110px !important;
 		padding: 10px;
 		margin: 0 0 0px -50px;
 		box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset
 	}
 }

 .icon-content-img {
 	border-radius: 50%;
 	color: #fff;
 	width: 100px;
 	padding: 10px;
 	margin: 0 0 0px -48px
 }

 .veiculo-box {
 	background-size: 33%;
 	background-repeat: no-repeat;
 	background-position: top left;
 	margin: 10px 0;
 	width: 100%;
 	box-shadow: rgb(50 50 93 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px;
 	height: 350px;
 	border-radius: 10px;
 	text-align: center;
 	text-align: -webkit-center;
 	padding-top: 50px
 }

 .veiculo-box h2 {
 	color: black;
 	font-size: 30px;
 	width: 100%;
 	margin-top: 25px
 }

 .veiculo-box img {
 	width: 150px
 }

 .veiculo-box ul {
 	margin-top: 15px
 }

 .timeline-2 {
 	width: 100%;
 	position: relative
 }

 .timeline-2 img {}

 .timeline-2::after {
 	content: '';
 	position: absolute;
 	width: 3px;
 	background: var(--red);
 	top: 0;
 	bottom: 0;
 	left: 50%;
 	margin: 0 0 85px -1px
 }

 .card-content h3 {
 	color: #fff
 }

 .card-content p {
 	color: #fff
 }

 .card-left .timeline-dot {
 	position: absolute;
 	top: calc(50% - 20px);
 	right: -11px;
 	border-radius: 50%;
 	padding: 8px;
 	background-color: white;
 	border: 3px solid var(--secundary-color);
 	z-index: 2
 }

 .card-left .timeline-dot::before {
 	position: absolute;
 	content: '';
 	border-radius: 50%;
 	padding: 4px;
 	background-color: var(--secundary-color);
 	top: calc(50% - 4px);
 	right: 4px
 }

 .card-left {
 	background-color: var(--secundary-color);
 	border-radius: 0 75px 75px 0;
 	box-shadow: rgb(17 17 26 / 10%) 0 4px 16px, rgb(17 17 26 / 5%) 0 8px 32px;
 	width: 95%;
 	height: 150px;
 	margin: 0 30px 20px 0
 }

 .card-left .card-content {
 	padding: 20px 140px 30px 30px
 }

 .card-left .card-icon {
 	right: 74px;
 	top: calc(50% - 35px);
 	position: absolute;
 	font-size: 30px;
 	padding: 10px;
 	border-radius: 50%;
 	border: 3px solid #fff;
 	background-color: var(--red);
 	color: #fff;
 	transition: 350ms;
 	z-index: 1
 }

 .card-left .card-icon:hover {
 	border: 3px solid var(--red);
 	background-color: #fff;
 	color: var(--red)
 }

 .card-left::before {
 	content: '';
 	position: absolute;
 	width: 75px;
 	height: 3px;
 	background-color: var(--red);
 	z-index: 1;
 	top: calc(50% - 10px);
 	right: -1px
 }

 .card-right {
 	background-color: var(--secundary-color);
 	box-shadow: rgb(17 17 26 / 10%) 0 4px 16px, rgb(17 17 26 / 5%) 0 8px 32px;
 	border-radius: 75px 0 0 75px;
 	width: 95%;
 	height: 150px;
 	margin: 0 0 20px 30px
 }

 .card-right .card-content {
 	padding: 20px 30px 30px 140px
 }

 .card-right .card-icon {
 	left: 74px;
 	top: calc(50% - 35px);
 	position: absolute;
 	font-size: 30px;
 	padding: 10px;
 	border-radius: 50%;
 	border: 3px solid #fff;
 	background-color: var(--red);
 	color: #fff;
 	transition: 350ms;
 	z-index: 1
 }

 .card-right .card-icon:hover {
 	border: 3px solid var(--red);
 	background-color: #fff;
 	color: var(--red)
 }

 .card-right::before {
 	content: '';
 	position: absolute;
 	width: 75px;
 	height: 3px;
 	background-color: var(--red);
 	z-index: 1;
 	top: calc(50% - 10px);
 	left: -1px
 }

 .card-right .timeline-dot {
 	position: absolute;
 	top: calc(50% - 20px);
 	left: -11px;
 	border-radius: 50%;
 	padding: 8px;
 	background-color: white;
 	border: 3px solid var(--secundary-color);
 	z-index: 2
 }

 .card-right .timeline-dot::before {
 	position: absolute;
 	content: '';
 	border-radius: 50%;
 	padding: 4px;
 	background-color: var(--secundary-color);
 	top: calc(50% - 4px);
 	left: 4px
 }

 @media (max-width:900px) {
 	.timeline-2:after {
 		left: 0;
 		margin-bottom: 175px
 	}

 	.timeline-2:before {
 		content: '';
 		width: 50%;
 		height: 3px;
 		position: absolute;
 		background-color: var(--primary-color)
 	}

 	.card-left {
 		display: none
 	}

 	.card-right {
 		border-radius: 0 70px 0 100px;
 		margin: 0 0 20px 15px;
 		width: 100%;
 		visibility: visible !important;
 		height: auto
 	}

 	.card-right::before {
 		width: 55px;
 		top: calc(25% - 10px)
 	}

 	.card-right .card-icon {
 		top: calc(25% - 35px);
 		left: 50px
 	}

 	.card-right .card-content {
 		padding: 30px 19px 30px 90px
 	}

 	.card-right .timeline-dot {
 		top: calc(25% - 20px)
 	}

 	.card-right .card-content h3 {
 		font-size: 21px
 	}
 }

 @media screen and (min-width:768px) and (max-width:900px) {
 	#vantagens .left-col {}

 	.col-md-6 {
 		-ms-flex: 0 0 50%;
 		flex: 0 0 100%;
 		max-width: 100%
 	}
 }

 @media (max-width:1220px) {
 	.card-right {
 		height: auto
 	}

 	.card-left {
 		height: auto
 	}
 }

 #vantagens {
 	padding-top: 40px
 }

 #vantagens .section-title h3 {
 	font-size: 40px;
 	margin-left: -35px
 }

 #vantagens .section-title span {
 	color: var(--red)
 }

 .veiculo-card {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	border-radius: 10px
 }

 .veiculo-card::before {
 	background: rgb(0, 218, 146);
 	background: linear-gradient(180deg, rgb(162 234 255 / 10%) 0%, rgb(178 255 230 / 7%) 100%);
 	content: '';
 	left: 0;
 	top: -50px;
 	width: 100%;
 	height: 25%;
 	position: absolute;
 	transition: 350ms;
 	border-radius: 10px;
 	padding-top: -50px
 }

 .veiculo-card:hover::before {
 	height: 100%
 }

 .wide-food-section {
 	background-color: #013A6B;
 	background-image: -webkit-linear-gradient(180deg, var(--secundary-color) 50%, #FFFF 50%);
 	padding: 50px 0 50px
 }

 .product-card {
 	border-radius: 20px;
 	margin: 20px;
 	-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
 	box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14)
 }

 .product-card-img {
 	border-radius: 20px 0 0 20px;
 	background-color: #fff;
 	height: 300px;
 	position: relative;
 	text-align: center;
 	font-size: 40px;
 	color: #344D3E;
 	padding: 170% 0 0
 }

 .product-card-caption {
 	border-radius: 0 20px 20px 0;
 	height: 300px;
 	background-color: #FFF;
 	padding: 30px
 }

 @media (max-width:991px) {
 	.product-card-img {
 		height: 150px !important;
 		padding: 10% 0 0;
 		border-radius: 20px 20px 0 0
 	}

 	.product-card-caption {
 		border-radius: 0 0 20px 20px
 	}
 }

 @media (min-width:1921px) {
 	.product-card-img {
 		padding: 100% 0 0
 	}
 }

 .mt-10 {
 	margin-top: 20px
 }

 .btn-sobre {
 	border-radius: 30px;
 	background-color: var(--primary-color);
 	color: white;
 	margin: 0 15%;
 	padding: 10px;
 	text-align: center;
 	transition: 350ms
 }

 .btn-sobre:hover {
 	color: var(--secundary-color)
 }

 .btn-banner {
 	background-color: transparent;
 	z-index: 8;
 	position: absolute;
 	left: 60%;
 	top: 90%;
 	width: 250px;
 	text-align: center;
 	padding: 10px;
 	border-radius: 20px;
 	color: white;
 	font-size: 20px;
 	border: 1px solid white;
 	transition: 350ms
 }

 .btn-banner:hover {
 	box-shadow: rgba(0, 0, 0, .25) 0 25px 50px -12px
 }

 .btn-banner::before {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 0;
 	height: 100%;
 	width: 0;
 	background-color: black;
 	transition: 350ms;
 	border-radius: 20px;
 	z-index: -1
 }

 .btn-banner:hover::before {
 	width: 100%;
 	color: white
 }

 @media (min-width:1921px) {
 	.btn-banner {
 		left: 69%;
 		top: 90%
 	}
 }

 @media (max-width:900px) {
 	.btn-banner {
 		left: 5%;
 		top: 60%
 	}
 }

 .card-politicas {
 	box-shadow: rgba(0, 0, 0, .1) 0 10px 50px;
 	;
 	padding: 40px 50px
 }

 .card-politicas h2 {
 	font-size: 45px;
 	font-weight: 800;
 	color: #000;
 	margin-bottom: 30px
 }

 .card-politicas h3 {
 	font-size: 40px;
 	font-weight: 800;
 	color: var(--secundary-color);
 	margin-bottom: 50px;
 	text-decoration: underline
 }

 .card-politicas p {
 	font-size: 20px;
 	margin: 0 50px 15px;
 	text-align: justify
 }

 .card-politicas a {
 	color: var(--secundary-color);
 	text-decoration: underline
 }

 .topico {
 	margin-bottom: 50px
 }

 .card-politicas ul {
 	list-style: disc;
 	margin: 0 100px 50px
 }

 .card-politicas li {
 	color: #000;
 	font-size: 20px;
 	margin-top: 20px;
 	text-align: justify
 }

 .subtopico {
 	font-size: 30px;
 	color: var(--secundary-color);
 	margin: 0 40px 20px
 }

 .sobre-img {
 	width: 110%
 }

 @media (max-width:500px) {
 	.slider-title h2 {
 		font-size: 25px !important;
 		padding-top: 50px !important;
 		line-height: 35px !important
 	}
 }

 @media (max-width:1000px) {}

 .timeline-line li::before {
 	content: '';
 	width: 3px;
 	height: 150px;
 	background: #239311;
 	position: absolute;
 	left: 45px;
 	z-index: -1
 }

 .timeline-line li:nth-child(2)::before {
 	background: #18820c
 }

 .timeline-line li:nth-child(3)::before {
 	background: #0c7006
 }

 .timeline-line li:last-child::before {
 	height: 80px
 }

 .card-line {
	background-color: white;
 	height: auto;
 	margin: 40px -15px 0 20px;
 	padding-bottom: 60px;
 	border-radius: 30px;
 	box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px
 }

 .card-2 {
 	margin: 80px -3px 0 10px !important
 }

 .card-3 {
 	margin: 40px 10px 0 -3px !important;
 	padding-bottom: 85px
 }

 .card-4 {
 	margin: 80px 20px 0 -15px !important
 }

 .cards-section {
 	height: 575px;
 	background-size: contain;
 	background-image: url("../images/icons/linhas-pickup.png")
 }

 .card-top {
 	height: 200px;
 	width: auto;
 	background-color: var(--secundary-color);
 	border-radius: 25px 25px 50% 50%;
 	padding: 40% 0;
 	text-align-last: center
 }

 .card-top i {
 	font-size: 50px;
 	color: white;
 	margin-top: -30px
 }

 .card-bottom {
 	margin: 40px 20px 15px
 }

 .card-bottom p {
 	font-size: 24px;
 	text-align: center
 }

 .vantagens-title h3 {
 	font-size: 40px;
 	text-transform: uppercase
 }

 @media (max-width:1200px) {
 	.cards-section {
 		background-image: none
 	}
 }

 @media (max-width:1000px) {
 	#cards {
 		display: none
 	}
 }

 .section-title-slider {
 	font-size: 40px;
 	line-height: 55px;
 	width: 80%;
 	color: #FFF;
 	text-transform: uppercase;
 	margin-top: 60px;
 	margin-bottom: 0
 }

 @media (min-width:1000px) {
 	.timeline-mobile {
 		display: none
 	}
 }

 .timeline-mobile {
 	width: 100%
 }

 .card-mobile h3 {
 	line-height: 30px;
 	margin-top: 5%;
 	font-size: 20px;
 	width: 80%
 }

 .card-mobile {
 	background-color: white;
 	border-radius: 20px 100px;
 	width: 100%;
 	margin: 35px 0;
 	box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px
 }

 .shape-form {
 	background: var(--secundary-color);
 	border-radius: 20px 100px
 }

 .texto-form {
 	position: absolute;
 	font-size: 18px;
 	line-height: 20px;
 	margin: 10px 0 0 100px
 }

 .icone {
 	margin-top: 5%;
 	font-size: 50px;
 	color: white
 }

 @media (max-width:599px) {
 	.icone {
 		margin-top: 20%
 	}
 }

 @media (max-width:450px) {
 	.icone {
 		margin-top: 50%
 	}
 }

 .baixe-o-app {
 	background-color: #000095;
 	background-image: url(../images/app/app-pick-up.jpg);
 	background-position: bottom left;
 	background-size: 50%;
 	background-repeat: repeat-x;
 	margin-top: 50px;
 	padding-bottom: 10px
 }

 .baixar-app-title {
 	width: 100%;
 	font-size: 40px;
 	color: #FFF;
 	text-transform: uppercase
 }

 .baixar-app-sub-title {
 	font-size: 20px;
 	color: white;
 	font-weight: 400;
 	width: 100%;
 	line-height: 1
 }

 .baixar-app-content-1 {
 	font-size: 30px !important;
 	width: 100% !important;
 	font-weight: 800
 }

 .baixar-app-content-2 {
 	font-size: 20px !important;
 	width: 100% !important;
 	line-height: 1 !important;
 	font-weight: 400;
 	color: white !important
 }

 .baixe-o-app-buttons {
 	margin-top: 3%;
 	display: inline-flex
 }

 .baixe-o-app-buttons img {
 	width: 100px
 }

 .baixar-app-mockup {
 	width: 125%;
 	margin-left: -10%
 }

 @media (max-width:800px) {
 	.esconder-title-app {
 		display: none
 	}
 }

 @media (min-width:801px) {
 	.esconder-title-app2 {
 		display: none
 	}
 }

 @media (max-width:800px) {
 	.baixar-app-title {
 		font-size: 20px
 	}

 	.baixar-app-sub-title {
 		font-size: 17px;
 		line-height: 1;
 		margin-top: 10px
 	}

 	.baixar-app-content-1 {
 		font-size: 18px !important
 	}

 	.baixar-app-content-2 {
 		font-size: 15px !important
 	}

 	.baixe-o-app-buttons {
 		margin-top: 5%;
 		display: inline-flex
 	}

 	.baixe-o-app-buttons img {
 		width: 80px
 	}
 }

 @media(max-width:500px) {
 	.baixar-app-mockup {
 		width: 160%;
 		margin-left: -35px
 	}
 }

 .banner-wrapper {
 	background-color: transparent;
 	position: absolute
 }

 .banner-iframe {
 	height: 115vh
 }

 .banner-overley {
 	position: absolute;
 	background: transparent
 }

 @media(min-width:1921px) {
 	.banner-wrapper {
 		bottom: 185px
 	}

 	.banner-iframe {
 		height: 150vh
 	}
 }
@media(max-width:1500px) {
	.banner-iframe {
 		height: 130vh;
	   position: relative;
       bottom: 50px !important;
 	}
}
 .card-politicas h3 {
 	font-size: 30px !important;
 	text-decoration: none !important;
 }

 .subtopico {
 	font-size: 20px !important;
 }

 .card-politicas li {
 	font-size: 18px !important;
 }

 .card-politicas p {
 	font-size: 18px !important;
 }
.conteudo-coletas{
    position: absolute;
    background: #000000db;
	color: white;
	height: 100%;
	padding: 50px 30px;
    z-index: 1;
    border-radius: 10px;
    top: -100%;
	transition: 350ms;
}
.team-portrait:hover .conteudo-coletas{
	top: 0
}

@media (max-width: 700px)
{
   .titulo{
       margin: 0px !important;
   }
    
    .margem{
        margin-bottom: 35px !important;
    }
    
    .espaco{
        padding-left:15px !important;
    }
}