body {font-size: 20px; font-family: 'Barlow', sans-serif;}
.header-top{background-color: #19b49c; color: white;}
#header.header-transparent .header-body:not(.header-border-bottom) {background-color: rgba(0,0,0,.6);} 
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span, .social-icons li a {color: white !important;}
#header .header-btn-collapse-nav {background-color: #19b49c;}
#header.header-transparent {background-color: transparent !important;}

.rev_slider .tp-caption{padding-right: 30px; text-shadow: 3px 3px black;}

.bold {font-weight: bold;}
.green {color: #19b49c;}
.white {color: white !important;}

h2 {color: #19b49c; font-weight: bold; margin:20px; margin-top: 30px; letter-spacing: -.01em;}
h3 {font-weight: bold;}

.barriecito {font-family: 'Barriecito', cursive;}
.no-shadow {text-shadow: inherit !important;}

section.section {background-color: white;}

#banners-promos img, #lentes img {max-width: 100%;}
#lentes {padding-top: 0px;}
#beneficios .box-content i {color: #19b49c; margin-top: 15px;}
#marcas {text-align: center;}
#marcas img {padding-top: 30px; max-width: 100%;}
div.img-marca {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
}

.info-contacto {position: absolute; right: 40px; background-color: rgba(22,179,155,.6); font-size: 20px;}
#numero-telefonico {font-size: 1.3em; }

.featured-boxes-style-2 .featured-box .icon-featured {font-size: 4em;}

.btn-red {background-color: #d82d33; color: white; font-weight: bold; font-size: 20px; margin: 30px;}
.btn-red:hover {opacity: .8; color: white;}

.overlay:before{background: white; margin:30px; opacity: .8;}

.background-green {background-color: #19b49c !important;}
.background-wine {background-color: #9b1b20 !important;}

#contacto {text-align: center; background-color: #19b49c}
#contacto .social-icons li  {margin: 0 10px 10px 10px; }
#contacto .social-icons li a {color: #19b49c !important; font-size: 20px; height: 35px; width:35px; line-height: 35px; }
#contacto .social-icons li:hover a {color: #fff !important;}
#contacto .social-icons-whatsapp:hover a {background-color: #4FCE5D !important;}
.btn {font-size: 18px !important;}

#sub-menu ul {padding: 0px;}
#sub-menu li {list-style: none;}
#sub-menu li a {color: white;}
#sub-menu li a:hover {opacity: .8; cursor: pointer;}

#footer {border: none;}
#footer .footer-copyright p {font-size: 1em;}
#footer .footer-copyright.agency p {font-size: .9em;}

.agency .py-4{ padding: 2px !important;}

@media (min-width: 992px){
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: white;}
	#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-links nav > ul li:hover > a { color: #19b49c;}
	#header .header-nav-main nav > ul > li > a {font-size: 18px;}
}

@media (max-width: 991px){
	#header .header-nav-main nav > ul > li > a.active, #header .header-nav-main nav > ul > li:hover > a { background-color: #19b49c !important; color: white;}
	#header .header-nav-main:before {background-color: black;}
}

@media only screen and (max-width: 767px) {
	.header-logo a img {max-width: 150px !important;}
    .info-contacto {position: relative; right: 0px; background-color: #19b49c;}
    .rev_slider .tp-caption {text-shadow: 1px 1px black;}
    h2 {font-size: 1.7em;}
    h4 {font-size: 1.2em;}
}