@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
/********** Template CSS **********/

:root {
	
	--primary: #04c464;
    --secondary: #00BD9B;
    --light: #F9F9F9;
    --dark: #231F20;
	--green: #00BD9B;
	--orange: #FF5328;
	--red: #960E11;

/* Colors: */
--unnamed-color-f5f5f5: #F5F5F5;
--unnamed-color-ffc500: #FFC500;
--unnamed-color-f9f9f9: #F9F9F9;
--unnamed-color-f28805: #F28805;
--unnamed-color-707070: #707070;
--unnamed-color-ff5228: #FF5228;
--unnamed-color-231f20: #231F20;
--unnamed-color-7b0d0f: #7B0D0F;
--unnamed-color-ffc52d: #FFC52D;
--unnamed-color-f21c07: #F21C07;
--unnamed-color-00bd9b: #00BD9B;
--unnamed-color-000000: #000000;

/* Font/text values */
--unnamed-font-family-montserrat: Montserrat;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-800: 800px;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-14: 14px;
--unnamed-font-size-40: 40px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-18: 18px;
--unnamed-line-spacing-49: 49px;
}

/* Character Styles */
.unnamed-character-style-1 {
font-family: var(--unnamed-font-family-montserrat);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-18);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.unnamed-character-style-2 {
font-family: var(--unnamed-font-family-montserrat);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-800);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-49);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-231f20);
}

body {
	font-family: 'Montserrat', sans-serif !important;
	color: var(--dark);
	font-size: 16px;
	line-height: 1.2;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 800;
}

/*** Spinner 05c464 ***/
.spinner {
    width: 40px;
    height: 40px;
    background: var(--primary);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Heading ***/
.fw-bold {
    font-weight: 800 !important;
}

.fw-semi-bold {
    font-weight: 700 !important;
}

.fw-medium {
    font-weight: 600 !important;
}

h3 {
    font: normal normal 26px/32px Montserrat; 
}

p > small {
	font-size: 10px;
}

img, svg {
	max-width: 100%;
	height: auto;
}

.float-left{ float: left; }
.float-right{ float: right; } 

.text-black {
	color: #000 !important;
}

.box-icones {
}

.box-icones span.circle {
	width: 88px;
	height: 88px;
	line-height: 88px;
	border-radius: 50%;
	background-color: var(--primary);
	text-align: center;
	display: block;
    flex: none;
}

.border-radius {
	border-radius: 40px;
}

.text-green {
    color: var(--green) !important;
}
.text-orange {
    color: var(--orange) !important;
}
.text-red {
    color: var(--red) !important;
}
.bg-green {
    background-color: var(--green) !important;
}
.btn-lg-green {
	color: #FFFFFF !important;
	text-decoration: none !important;
	background-color: var(--green) !important;
}
.bg-orange {
    background-color: var(--orange) !important;
}
.bg-gray-light {
	background-color: var(--light) !important;
}
.bg-red {
    background-color: var(--red) !important;
}

/*** Button ***/
.btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition: .5s;
	border-radius: 30px;
	color: #FFFFFF;
    box-shadow: 0px 6px 6px #00000029;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
    box-shadow: 0px 6px 6px #00000029;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    color: #FFFFFF;
	border-color: var(--green);
	background-color: var(--green);
}

.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active {
	border-color: var(--primary);
    background-color: var(--primary);
	color: #FFFFFF;
}

.btn-secondary {
    background-color: var(--green);
    border-color: var(--green);
}

.btn-secondary-outline {
    color: var(--green);
    box-shadow: 0px 6px 6px #00000029;
	background-color: #FFF;
	border: solid 1px var(--green);
}

.btn.fw-bold {
	    font-size: 26px;
    padding: 10px 15px !important;
    line-height: normal;
    border-radius: 30px;
	box-shadow: 0 2px 3px rgba(000,000,000,0.2);
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

a.link-hover:hover {
	color: var(--primary) !important;
}
.bg-primary a.link-hover:hover {
	color: #FFFFFF !important;
}


/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding: 35px 20px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    outline: none;
    transition: .5s;
}

.navbar-dark .navbar-nav .nav-link:last-child {
    padding: 28px 20px;
}

.sticky-top.navbar-dark .navbar-nav .nav-link:last-child {
    padding: 13px 15px;
}
.sticky-top.navbar-dark .navbar-nav .nav-link:last-child .btn {
    font-size: 14px;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
    padding: 20px 15px;
    color: #FFFFFF;
    font-size: 14px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar-dark .navbar-brand h1 {
    color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.navbar-nav .dropdown-menu {
	background-color: #029463;
    border-color: #FFF;
    color: #FFF;
}
.navbar-nav .dropdown-menu a.dropdown-item {
    color: #FFF;
}
.navbar-nav .dropdown-menu a.dropdown-item:hover {
    color: #ffc52d;
	background-color: #231f20;
}

@media (max-width: 1400px) {
	.navbar-dark .navbar-nav .nav-link {
		padding: 35px 20px;
	}
}

@media (max-width: 991.98px) {
    .sticky-top.navbar-dark {
        position: relative;
        background: #FFFFFF;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
    }

    .navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}

@media (min-width: 992px) {
    .navbar-dark {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 999;
    }
    
    .sticky-top.navbar-dark {
        position: fixed;
        background: #FFFFFF;
    }
/*
    .navbar-dark .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: -1px;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }
*/
    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-dark .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .sticky-top.navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}


#sobre {
	background: #05c464;
}
#sobre img {
	float: left;
}

@media (min-width: 1500px) {
	#sobre {
		background-size: contain;
	}
}

#destaque {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#destaque .row a {
	border: solid 2px #FFC52D;
    display: block;
    border-radius: 58px;
    padding: 40px 30px;
    text-align: center;
	margin-top: 30px;
	min-height: 370px;
    background-color: #FFFFFF;
}
#destaque .row span.icone {
	min-height: 112px;
    display: block;
	padding-top: 10px;
}
#destaque .row span.icone.middle {
	padding-top: 0;
}


#destaque .row a h4 {
	font: normal normal 800 26px/32px Montserrat;
	    margin-top: 20px;
    margin-bottom: 20px;
}
#destaque .row a p {
	font: normal normal normal 16px/22px Montserrat;
	color: #000000;
	text-align: center;
	margin-bottom: 0;
}

/*** Carousel ***/

.img-desktop {
}
.img-mobile {
	display:none;
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(9, 30, 62, .7);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
	top: 95px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}


/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -75px;
}

.section-title.section-title-sm::before {
    width: 90px;
    height: 3px;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
    width: 4px;
    height: 3px;
}

.section-title.text-center::after {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
    -webkit-animation: section-title-run-sm 5s infinite linear;
    animation: section-title-run-sm 5s infinite linear;
}

@-webkit-keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}

#logos {
}
#logos .owl-nav.disabled {
	display: block;
}
#logos .owl-nav .owl-prev, 
#logos .owl-nav .owl-next {
	position: absolute;
	top: 30px;
	margin: auto;
}
#logos .owl-nav .owl-prev {
	left: -30px;
} 
#logos .owl-nav .owl-next {
	right: -30px;
}
#logos .owl-nav .owl-prev i, 
#logos .owl-nav .owl-next i {
	font-size: 40px;
	color: var(--primary);
}


/*** Lentes de contato ***/
.lentes-de-contato {
}
.lentes-de-contato #sobre {
	background-image: none;
}
.lentes-de-contato .box-icones span.circle {
	background-color: var(--green);
}


/*** Produtos ***/
.row.produtos {
}
.row.produtos a {
	background-color: #FFF;
	border-radius: 58px;
	text-align: center;
	padding: 50px 35px 35px 35px;
	margin-top: 30px;
	display: block;
	box-shadow: 0 4px 6px rgba(000,000,000,0.2);
}

.row.unidades {
}
.row.unidades .box-shadow {
	padding: 30px 25px;
	background-color: #FFFFFF;
	border-radius: 30px;
	margin-bottom: 30px;
}
.row.unidades .box-shadow h4 {
	letter-spacing: -1px;
}
.row.unidades .box-shadow p {
	letter-spacing: -1px;
}
.row.unidades .box-shadow a.btn {
	box-shadow: none;
}
.row.unidades .box-shadow svg {
	max-width: 20px;
}

.row.icones-pagamento .box-shadow {
	padding: 40px 60px;
	background-color: #FFFFFF;
	border-radius: 30px;
	margin-bottom: 30px;
}
.row.icones-pagamento .box-shadow svg {
	max-width: 120px;
}

@media (min-width: 1400px) {
	.row.icones-pagamento .box-shadow {
		min-height: 306px;
	}
}
@media (max-width: 1400px) {
	.row.icones-pagamento .box-shadow {
		min-height: 317px;
	}
}
@media (max-width: 992px) {
	.row.icones-pagamento .box-shadow {
	    padding: 30px;
		min-height: 254px;
	}
	.row.icones-pagamento .box-shadow svg {
		max-width: 80px;
	}
	.row.icones-pagamento .box-shadow h3 {
		font-size: 22px;
	}
}
@media (max-width: 768px) {
	.row.icones-pagamento .box-shadow {
		min-height: auto;
	}
}

body.lentes-de-contato .row.produtos {
}

ul.ul-inline {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.ul-inline li {
	display: inline;
}

.box-shadow {
	border-radius:58px;
	box-shadow: 0 2px 3px rgba(000,000,000,0.2);
}
.text-right {
	text-align: right;
}

/* ##### BLOG ##### */
#blog {
}
/* Blog - Título, subtítulo e imagem */
#blog .blog-top {
	padding-top: 100px;
}
#blog .blog-top h1 {
	font-size: 30px;
	margin-bottom: 25px;
	color: #212121;
}
#blog .blog-top h2 {
	font-size: 18px;
	color: #6E6E6E;
    font-weight: 400;
}
#blog .blog-top p {
	font-size: 18px;
	color: #6E6E6E;
}
#blog .blog-top p b {
	color: #000;
}
#blog .blog-top .box-img-blog {
	width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
#blog .blog-top .box-img-blog img {
	width: 100%;
}
/* Blog - Notícia */
#blog .blog-noticia {
	background-color: #fff;
}
#blog .blog-noticia h3 {
	color: #212121;
	margin-top: 50px;
	margin-bottom: 30px;
	font-weight: 800;
}

#blog .blog-top a, 
#blog .blog-noticia a {
	color: #3576EC;
	text-decoration: underline;
}
#blog #destaques {
	background-color: #E8E8E8;
}
#blog #destaques a {
	display: table;
    margin: auto;
    text-decoration: none;
    color: var(--green);
    font-weight: 600;
    padding: 4px 26px;
    border: solid 1px var(--green);
    border-radius: 30px;
	background-color: #FFFFFF;
}
#blog .blog-top p, 
#blog .blog-noticia p {
	font-family: 'Lato', sans-serif;
	color: #212121;
	font-size: 16px;
	line-height: 22px;
}
/* Blog - Compartilhar */
#blog .box-share {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	text-align: center;
	border-radius: 20px;
	border: solid 2px var(--primary);
	box-shadow: 0 0 8px rgba(000,000,000,0.25);
	background-color: #FFFFFF;
	padding: 10px;
	margin: 60px 0 30px 0;
}
#blog .box-share a {
	padding: 5px;
	margin: 0 5px;
}
#blog .box-share svg {
	width: 36px;
	height: 36px;
}
/* Blog - Newsletter */
#blog #franquia {
}
#blog #franquia form input, 
#blog #franquia form button {
	box-shadow: 0 0 8px rgba(000,000,000,0.25);
}
/* Blog - Artigos em Destaques */
#blog #destaques {
}
#blog #destaques .box {
	padding: 26px;
	box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
    text-align: center;
    background-color: #FFFFFF;
}
#blog #destaques .box-img-blog {
	width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
	margin-bottom: 15px;
}
#blog #destaques .box, 
#blog #destaques .box-img-blog {
    border-radius: 20px;
}
#blog #destaques img {
	width: 100%;
}

.btn-lg-bt {
    color: #FFFFFF !important;
    text-decoration: none !important;
    background-color: var(--green) !important;
}


#estudodemercado {
}
#estudodemercado .icone {
    display: table;
    margin: auto;
    min-height: 143px;
	line-height: 143px;
	max-width: 143px;
}
#suporteinterno img.mt-retreat {
	margin-top: 0;
}
#suporteinterno span.circle {
	min-width: 80px;
}

#suporteinterno .box-marketing .d-flex.pt-x {
	margin-top: 50px;
}

#franquia {
}
#franquia form button {
	border-radius:40px;
}
form .form-control {
	border-radius:30px;
	border: 0;
	box-shadow: 0 2px 3px rgba(000,000,000,0.2);
	background-color: #FFF;
}


/*** Footer ***/
footer {
	font-weight: 600;
}
footer a {
	color: #FFFFFF;
}
footer a:hover {
	color: #FFC52D;
}
footer .d-flex p {
	padding-bottom: 10px;
	border-bottom: solid 2px #FFF;
	width: fit-content;
    padding-right: 20px;
    margin-top: 30px;
}
footer ul.ul-inline li {
}



/*** Miscellaneous ***/

@media (min-width: 991.98px) {
    #suporteinterno span.circle {
		min-width: 100px;
	}
	#suporteinterno .box-marketing .d-flex.pt-x {
		padding-top: 30px;
	}
	#suporteinterno img.mt-retreat {
		margin-top: -15px;
	}
	.facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
	#header-carousel {
		padding-top: 30px;
	}
	.mt-banner {
		padding-top: 30px;
	}
}
@media (min-width: 1200px) {
	#suporteinterno span.circle {
		min-width: 120px;
	}
	#suporteinterno .box-marketing .d-flex.pt-x {
		padding-top: 30px;
	}
	#suporteinterno img.mt-retreat {
		margin-top: -20px;
	}
}

.back-to-top {
    display: inline-flex;
    align-items: center;
    margin-top: -15px;
}
.back-to-top span {
}
.back-to-top p {
	margin-bottom: 0;
	margin-right: 15px;
	font-weight: 600;
}

.bg-header {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.link-animated a {
    transition: .5s;
}

.link-animated a:hover {
    padding-left: 10px;
}

@media (min-width: 767.98px) {
    .footer-about {
        margin-bottom: -75px;
    }
}
@media (max-width: 1200px) {
	#blog #destaques .box {
		padding: 20px;
	}
	
}
@media (max-width: 992px) {
	#blog #destaques .box {
		padding: 12px;
	}
	#blog #destaques .box-img-blog {
		height: 110px;
	}
	#blog #destaques .box, 
	#blog #destaques .box-img-blog {
		border-radius: 12px;
	}
	#blog .blog-top .box-img-blog {
		height: 350px;
	}
}
@media (max-width: 767px) {
	footer, 
	#franqueado footer .text-right {
		text-align: center !important;
	}
	.img-desktop {
		display:none;
	}
	.img-mobile {
		display:block;
	}
	.row.g-5.g-xs-0 {
		margin-left: -10px;
		margin-right: -10px;
	}
	.row.g-5.g-xs-0 > div {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 20px;
	}
	#blog .blog-top {
		padding-top: 0px;
	}
	#blog #destaques .box {
		margin-bottom: 25px;
	}
	#blog #destaques .box-img-blog {
		height: 160px;
	}
	#blog .blog-top .box-img-blog {
		height: 300px;
	}
}

@media (max-width: 530px) {
	body {
		font-size: 15px;
	}
	h3, 
	#destaque .row a h4, 
	.btn.fw-bold	{
		font-size: 22px;
		line-height: 28px;
	}
	#destaque .row span.icone {
		min-height: auto;
		padding-top: 0;
	}
	#destaque .row a span.icone svg {
		max-width: 80px;
		max-height: 90px;
	}
	.row {
		margin-left: auto;
		margin-right: auto;
	}
	.w-xs-100 {
		width: 100%;
	}
	
	#beneficios .row .d-flex {
		display: block !important;
		text-align: center;
	}
	#beneficios .row .d-flex .circle {
		display: block;
		margin-bottom: 20px;
	}
	#beneficios .row .d-flex .circle svg {
		width: 100px;
		height: 100px;
	}
	#beneficios .row .d-flex .ps-4 {
		padding-left: 0 !important;
	}
	#suporteinterno img.mt-retreat {
		margin-top: 2.5rem;
	}
	#suporteinterno .row .d-flex {
		display: block !important;
	}
	#suporteinterno .row .d-flex svg {
		width: 100px;
		height: 100px;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	#logos {
		padding: 0 30px;
	}
	#logos .owl-nav .owl-prev, #logos .owl-nav .owl-next {
		top: 20px;
	}
	#logos .owl-nav .owl-prev i, #logos .owl-nav .owl-next i {
		font-size: 40px;
	}
	footer .d-flex p {
		width: 100%;
		padding-right: 0;
	}
	.back-to-top svg {
		width: 30px;
	}
	.btn, .btn-primary, .btn-secondary {
		box-shadow: 0px 2px 3px #00000029;
		font-size: 15px;
		letter-spacing: -0.6px;
		margin-bottom: 15px;
	}
	.carousel-control-prev, .carousel-control-next {
		width: 40px;
		top: 0;
	}
	.carousel-control-prev svg, .carousel-control-next svg {
		width: 40px;
	}
	#blog .blog-top .box-img-blog {
		height: 220px;
	}
	#blog .blog-top .text-left, 
	#blog .blog-top .text-right	{
		text-align: center !important;
	}
	#blog .blog-top .text-left p, 
	#blog .blog-top .text-right p	{
		margin-bottom: 5px;
	}
	#blog .box-share {
		margin: 50px 0 10px 0;
	}
	#blog .box-share svg {
		width: 24px;
		height: 24px;
	}
}