/*
 Documento CSS da LP 20% de Desconto
 Criador: Lucas Milanez
 Data: 26/03/2019

 Resolutions:
 col-xs-* ---> mobile
 col-sm-* ---> tablet
 col-md-* ---> laptops
 col-lg-* ---> large monitors
 */

/* ------------------------------------------------------------------------------- */
/*  Typography
/* ------------------------------------------------------------------------------- */

body {
	font-family: 'pingpong-regular';
	position: relative;
	overflow-x: hidden;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/* ------------------------------ */
/* Header
/* ------------------------------ */

header {
	padding: 27px 0;
}

header img {
	margin-top: 10px;
}

header .btn {
	width: auto;
	display: inline-block;
	background: #2687E9;
	padding: 12px 16px;
	
	font-family: 'pingpong-regular';
	font-size: 14px;
	color: #FFF;
	line-height: normal;
    position: relative;         /* garante que ele respeite o layout do fluxo */
    z-index: 10;                /* traz o botão para frente se algo estiver por cima */
    cursor: pointer;           /* garante que o ponteiro mude ao passar o mouse */
    text-align: center;        /* alinha o texto no centro */
	
}

/* ------------------------------ */
/* Hero
/* ------------------------------ */

.hero {
	min-height: 450px;
	width: 100%;    
	/*background-image: url(https://i.ibb.co/8CsSk61/sistema-para-farmacia.webp);*/
    background-image: url(../images/sistema-teksngpc.jpg);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
	padding: 100px 0;
}

@media (max-width: 767px) {
    .hero {
        padding: 0;
		margin: 0;
		background-color: #F1F4F9;
        background-image: none !important;
    }
	.hero .container {
		margin: 0;
		padding: 0;
	}
}

.hero .container {
	
}

.hero .container::before {
	position: absolute;
	top: -5%;
	right: -45%;
	width: 1045px;
	height: 468px;
	/*background: url(../images/vendedor.png) right center no-repeat;*/
}

.hero h1 {
	font-family: 'pingpong-bold';
	color: #FFF;
	font-size: 54px;
	line-height: 1; /* 118.519% */
}

.hero p {
	font-family: 'pingpong-regular';
	color: #FFF;
	font-size: 18px;
	line-height: 28px;
	margin: 27px auto 50px;
}

.hero .form-check-label,
.hero .form-check-label a {
	color: #FFF;
}

/* ------------------------------ */
/* Slide
/* ------------------------------ */

.slide {
	padding: 80px 0 100px;
}

.slide .row:first-child {
	margin-bottom: 70px;
}

.slide h2 {
	color: #2687E9;
	font-family: 'pingpong-medium';
	font-size: 40px;
	line-height: 55px;
	padding: 0 15%;
}

.slide h2 strong {
	font-family: 'pingpong-bold';
}

.slide p {
	color: #595959;
	font-family: 'pingpong-regular';
	font-size: 26px;
	line-height: 40px;
	padding: 0 15%;
	margin-bottom: 60px;
}

.slide p strong {
	font-family: 'pingpong-medium';
}

.slide .btn {
	display: inline-block;
	width: auto;
	margin-left: 15%;
}

/* ------------------------------ */
/* Bridge NF
/* ------------------------------ */

.bridge-nf {
	background: #F1F4F9;
	padding: 100px 0;
}

.bridge-nf .bridge-nf-content {
	padding-left: 5%;
}

.bridge-nf h2 {
	color: #2687E9;
	font-family: 'pingpong-medium';
	font-size: 40px;
	line-height: 50px;
}

.bridge-nf p {
	color: #595959;
	font-family: 'pingpong-regular';
	font-size: 28px;
	line-height: 40px;
	margin: 60px auto;
}

.bridge-nf .btn {
	display: inline-block;
	width: auto;
}

/* ------------------------------ */
/* Bridge Finance Control
/* ------------------------------ */

.bridge-finance-control {
	background: #2687E9;
	padding: 115px 0;
}

.bridge-finance-control .bridge-finance-control-content {
	padding-right: 7%;
}

.bridge-finance-control h2 {
	color: #FFF;
	font-family: 'pingpong-medium';
	font-size: 40px;
	line-height: 55px;
}

.bridge-finance-control p {
	color: #FFF;
	font-family: 'pingpong-regular';
	font-size: 30px;
	line-height: 40px;
	margin: 50px auto;
}

.bridge-finance-control .btn {
	display: inline-block;
	width: auto;
}

/* ------------------------------ */
/* Bridge Acc
/* ------------------------------ */

.bridge-acc {
	background: #F1F4F9;
	padding: 65px 0;
}

.bridge-acc .slide-carousel {
	margin-bottom: 100px;
}

.bridge-acc .slide-carousel .slick-dots {
	width: auto;
}

.bridge-acc h2 {
	color: #192BC2;
	font-family: 'pingpong-medium';
	font-size: 40px;
	line-height: 50px;
	margin-top: 60px;
}

.bridge-acc p {
	color: #595959;
	font-family: 'pingpong-regular';
	font-size: 30px;
	line-height: 40px;
	margin-top: 60px;
}

.bridge-acc .btn {
	display: inline-block;
	width: auto;
}

/* ------------------------------ */
/* FAQ
/* ------------------------------ */

.faq h3 {
	font-family: 'pingpong-medium';
	font-size: 36px;
	color: #333;
	line-height: 44px;
}

.faq h4 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
}

.faq .panel-collapse {
	background: #F1F4F9;
	padding: 20px;
}

.faq p {
	font-size: 16px;
	color: #595959;
	line-height: 24px;
}

/* -------------------------- */


.content-highlight-text .container {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 100px;
   padding: 100px 24px;
}

   .content-highlight-text .container.is-row-reverse {
	   flex-direction: row-reverse;
   }

.content-highlight-text-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 1.5;
}

.content-highlight-text-description, .content-highlight-text-title {
   font-stretch: normal;
   font-style: normal;
   letter-spacing: normal;
   text-align: left;
   margin: 0;
}

.content-highlight-text-description {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.33;
}

.content-highlight-text-container {
   margin: auto;
}

.content-highlight-text-content {
   max-width: 385px;
   font-size: 16px;
   font-weight: 400;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.63;
   letter-spacing: normal;
   text-align: left;
}

   .content-highlight-text-content .btn {
	   display: block;
	   width: max-content;
   }

.content-highlight-text.with-image .container {
   gap: 90px;
}

.content-highlight-text.with-image .content-highlight-text-title {
   margin-bottom: 15px;
}

.content-highlight-text.with-image .content-highlight-text-image {
   max-height: 346px;
}

.content-highlight-text.with-image .content-highlight-text-content {
   max-width: 590px;
}

.content-highlight-text-tag-container {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 15px;
}

   .content-highlight-text-tag-container span {
	   font-size: 12px;
	   font-weight: 400;
	   font-stretch: normal;
	   font-style: normal;
	   line-height: 1.33;
	   letter-spacing: normal;
	   text-align: center;
	   color: #5f259f;
	   width: max-content;
	   padding: 4px 10px;
	   border-radius: 17px;
	   background-color: #d2b6f1;
	   margin: 0;
   }

@media(max-width:1199px) {
   .content-highlight-text.with-image .container {
	   flex-direction: column;
	   padding: 56px 24px;
   }

	   .content-highlight-text.with-image .container.is-row-reverse {
		   flex-direction: column-reverse;
	   }

	   .content-highlight-text.with-image .container .content-highlight-text-image {
		   max-width: 100%;
		   order: 1;
	   }
}

@media(max-width:991px) {
   .content-highlight-text.with-image .container {
	   gap: 32px;
   }

   .content-highlight-text .container {
	   flex-direction: column;
	   justify-content: flex-start;
	   align-items: flex-start;
	   gap: 50px;
	   padding: 56px 24px;
   }

	   .content-highlight-text .container.is-row-reverse {
		   flex-direction: column-reverse;
	   }

	   .content-highlight-text .container .content-highlight-text-content {
		   max-width: 100%;
	   }
}

@media(max-width:767px) {
   .content-highlight-text .container {
	   gap: 20px;
   }

	   .content-highlight-text .container .content-highlight-text-title {
		   font-size: 18px;
		   line-height: 1.71;
	   }

	   .content-highlight-text .container .content-highlight-text-description {
		   font-size: 14px;
	   }

	   .content-highlight-text .container .content-highlight-text-content {
		   font-size: 14px;
		   line-height: 1.57;
	   }
}

.be-affiliate {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 60px;
}

.be-affiliate > div:last-child {
   padding: 0px 16px;
}

.be-affiliate-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 1.5;
   color: #ebe6f0;
   margin: 0 0 10px;
}

.be-affiliate-content, .be-affiliate-title {
   max-width: 487px;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: normal;
   text-align: left;
}

.be-affiliate-content {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.63;
   color: #fff;
   width: 100%;
}

.be-affiliate-container {
   margin: auto;
}

.be-affiliate-image {
   position: relative;
   height: 100%;
   min-height: 627px;
   width: 60%;
   overflow: hidden;
}

.be-affiliate-image img {
   position: absolute;
   object-fit: cover;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.be-affiliate-footer {
   font-size: 12px;
   font-weight: 400;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.43;
   letter-spacing: normal;
   text-align: left;
   color: #fff;
}

.be-affiliate-footer a {
   font-weight: 700;
   color: #28d2c8;
}

@media(max-width:1200px) {
   .be-affiliate {
	   flex-direction: column;
   }

   .be-affiliate > div {
	   width: 100%;
	   text-align: center;
   }

   .be-affiliate .be-affiliate-content, .be-affiliate .be-affiliate-title {
	   text-align: center;
	   max-width: 100%;
   }

   .be-affiliate .be-affiliate-footer {
	   text-align: center;
   }

   .be-affiliate .be-affiliate-image {
	   max-width: 100%;
	   object-fit: contain;
   }
}

@media(max-width:520px) {
   .be-affiliate .be-affiliate-title {
	   padding-top: 0;
	   font-size: 40px;
	   font-weight: 500;
   }

   .be-affiliate .be-affiliate-content {
	   font-size: 20px;
   }

   .be-affiliate .be-affiliate-footer {
	   font-size: 12px;
	   display: inline-grid;
   }
}

.to-sleep-peacefully {
   background-color: #134ea7;
 }

@media(max-width:900px) {
   .to-sleep-peacefully {
	   padding: 64px 24px;
   }
}

.to-sleep-peacefully__content {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 100px;
}

.to-sleep-peacefully__content h2 {
    color: #ebe6f0;
    font-family: 'pingpong-medium';
    font-size: 40px;
    line-height: 1.5;
	margin: 0 0 10px;
}

.to-sleep-peacefully__content p {
    color: #ebe6f0;
    font-family: 'pingpong-regular';
    font-size: 20px;
    line-height: 1.63;
    margin: 40px auto;
}

.to-sleep-peacefully__content .btn {
background: #4ABA58;
color: #fff;
margin-top: 10px;
max-width: 182.64px
}

.to-sleep-peacefully__content .btn:hover {
   background: #449D44;
   color: #fff;      
}

.to-sleep-peacefully__content .btn:active {
  background: #4ABA58;
   color: #fff;
}

@media(max-width:900px) {
   .to-sleep-peacefully__content {
	   flex-direction: column;
	   gap: 32px;
   }
}

.to-sleep-peacefully__content__img {
   margin: -50px 0;
   flex: 1 1;
}

.to-sleep-peacefully__content__img img {
   max-width: 500px;
   width: 100%;
}

@media(max-width:900px) {
   .to-sleep-peacefully__content__img {
	   margin: 0;
   }
}

.to-sleep-peacefully__content__description {
   color: #fff;
   flex: 1 1;
}

.depoiments-v2__content {
	margin-left: 6%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 130px;
	position: relative
}

@media(max-width: 900px) {
	.depoiments-v2__content {
		flex-direction:column;
		margin-left: 0;
		display: block
	}
}

.depoiments-v2__content__title {
	flex: 0 0 40%
}

.depoiments-v2__content__title h2 {
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin: 0
}


.depoiments-v2__content__slider {
	flex: 1 1;
	padding: 65px 75px 65px 0;
	background-color: #6345b5;
	border-radius: 8px 0 0 8px
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider {
		padding:1px 24px 65px;
		margin-top: 130px
	}
}

.depoiments-v2__content__slider__img {
	flex: 0 0 200px;
	z-index: 9;
	margin-right: 24px;
	display: flex;
	align-items: center
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider__img {
		flex:1 1;
		display: flex;
		justify-content: center
	}
}

.depoiments-v2__content__slider__img img {
	width: 100%;
	display: block
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider__img img {
		max-width:200px
	}
}

.depoiments-v2__content__slider__text__stars {
	margin-bottom: 24px
}

.depoiments-v2__content__slider__text p {	
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 1.63;
	margin: 60px auto;
}

.depoiments-v2__content__slider .slick-slider {
	color: #fff;
	margin-left: -100px;
	max-width: 680px
}

.depoiments-v2__content__slider .slick-slider .slick-arrow {
	z-index: 4
}

.depoiments-v2__content__slider .slick-slider .slick-arrow:before {
	display: none
}

.depoiments-v2__content__slider .slick-slider .slick-arrow.slick-prev {
	top: 20%;
	right: 0;
	left: inherit
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-arrow.slick-prev {
		transform:rotate(270deg);
		top: inherit;
		bottom: 0;
		left: 0
	}
}

.depoiments-v2__content__slider .slick-slider .slick-arrow.slick-next {
	bottom: 15%;
	top: inherit;
	right: 0
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-arrow.slick-next {
		transform:rotate(270deg);
		bottom: 0
	}

	.depoiments-v2__content__slider .slick-slider {
		margin-left: 0;
		margin-top: -100px
	}
}

.depoiments-v2__content__slider .slick-slider .slick-slide>div {
	display: flex
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-slide>div {
		flex-direction:column
	}
}

.depoiments-v2__content__slider .slick-slider button {
	position: absolute;
	z-index: 9
}

.depoiments-v2__content__slider .slick-slider button.slick-prev {
	left: auto;
	right: 0;
	top: 0;
	transform: rotate(90deg)
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider button.slick-prev {
		bottom:0;
		top: inherit;
		left: 0;
		transform: none
	}
}

.depoiments-v2__content__slider .slick-slider button.slick-next {
	left: auto;
	right: 0;
	bottom: 0;
	top: auto;
	transform: rotate(90deg)
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider button.slick-next {
		bottom:0;
		top: inherit;
		right: 0;
		transform: none
	}
}

.depoiments-v2__content__slider .slick-slider .slick-list {
	margin-right: 90px
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-list {
		margin-right:0;
		margin-bottom: 70px
	}
}

.depoiments-v2__content__slider .slick-slider .slick-dots {
	display: flex!important;
	flex-direction: column;
	bottom: 0;
	right: 5px;
	top: 0;
	width: 6px;
	height: 100%;
	justify-content: center
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-dots {
		bottom:2px;
		right: inherit;
		height: inherit;
		top: inherit;
		flex-direction: row;
		width: 100%;
		position: relative
	}
}

.depoiments-v2__content__slider .slick-slider .slick-dots li {
	width: auto;
	margin: 4px 0;
	height: 6px
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-dots li {
		margin:6px
	}
}

.depoiments-v2__content__slider .slick-slider .slick-dots li button {
	width: max-content;
	padding: 3px;
	height: inherit
}

.depoiments-v2__content__slider .slick-slider .slick-dots li button:before {
	content: " ";
	background: #fff;
	border-radius: 100%;
	width: 6px;
	height: 6px;
	transition: all .3s ease
}

.depoiments-v2__content__slider .slick-slider .slick-dots li.slick-active {
	height: 40px
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-dots li.slick-active {
		height:6px;
		width: 40px
	}
}

.depoiments-v2__content__slider .slick-slider .slick-dots li.slick-active button:before {
	border-radius: 30px;
	height: 40px
}

@media(max-width: 900px) {
	.depoiments-v2__content__slider .slick-slider .slick-dots li.slick-active button:before {
		height:6px;
		width: 40px
}