/*

 @Author: Themezinho
 @URL: http://acrocapoeira.com/medicina
 @Theme : Medicina Medical HTML5 Template


 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.

 This files contents are outlined below.
 
  

// Table of contents //

	1. Body
		1.1 Main section 
		1.2 Spacing
		1.3 Tools
		1.4 Overlay
		1.5 Titles
		1.6 Links - Buttons
		1.7 Form Elements
		1.8 Form Placeholders
		
		
	2. Header 
		2.1 Top Bar 
		2.1.1 Top Bar - Phone
		2.1.2 Top Bar - Language
		2.1.3 Top Bar - Search
		
		2.2 Nav Bar
		2.2.1 Navbar Nav
		2.2.2 Social Media
		
		
	3. Slider
		3.1 Element of Slider
		
		
	4. Appointment Form
		4.1 Elements of form
		4.2 Datepicker
		
	
	5. Home Services
		5.1 Elements of services
		5.2 Content
		5.3 Icons
		5.4 Lines
		
		
	6. Box Content
		6.1 Elements of box content
		6.2 First Box
		6.3 Second Box
		6.4 Third Box
		6.5 Icon
		6.6 Content
		
		
	7.Latest News
		7.1 Elements of news
		7.2 Headlines
		7.3 Rated article ribbon
		
		
	8.Frase
		8.1 Elements of frase
		8.2 Headlines
		
		
	9.Gallery
		9.1 Elements of gallery
		9.2 Headlines
		9.3 Thumb
		
		
	10.Departments
		10.1 Elements of departments
		10.2 Content Box
		10.3 Headlines
		
		
	11.Logos
		11.1 Elements of logos
		11.2 Headlines
		11.3 Item
		
		
	12.Inner Header
		12.1 Elements of inner header
		
	
	13.Inner Content
		13.1 Elements of inner content
		13.2 Headlines
		13.3 Side Bar
			
	
	14. News List
		14.1 Elements of news list
		14.2 Headlines
		14.3 HR
		
		
	15. FAQ
		15.1 Elements of FAQ
		
		
	16. Contact Form
		16.1 Elements of contact form
		16.2 Success
		16.3 Error
		
		
	17. Footer Bar
		17.1 Elements of footer bar
		17.2 Headlines
		17.3 Social Media
		
		
	18. Footer
		18.1 Elements of footer
		18.2 Headlines
		18.3 Newsletter
		18.4 Footer menu
		
		
	19. Error Pages
		19.1 Elements of Error Pages
		
	
	20. Acordeon
		20.1 Elements of acordeon 
		
		
*/

a {
	cursor: pointer;
}
body {
	--azul-0: #04063b;
	--azul-25: #235896;
	--azul-50: #3da2c5;
	--azul-75: #059b9c;
	--azul-100: #1a878a;
	--blanco: #f2f2f2;
}

/* Body - Google Font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
* {
	outline: none !important;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #84858b;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
}
html {
	width: 100%;
	height: 100%;
}

/* Main Sections */
section {
	width: 100%;
	float: left;
	padding: 80px 0;
	position: relative;
}
footer {
	width: 100%;
}
header {
	width: 100%;
}

/* Spacing */
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.margin-bottom {
	margin-bottom: 40px;
}
.padding-bottom {
	margin-bottom: 40px;
}

/* Tools */
i {
	font-size: 40px;
}
img {
	max-width: 100%;
}
p {
	line-height: 24px;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.white-text {
	color: #fff;
}
.white-bg {
	background: #fff;
}
.turquaz {
	color: var(--azul-25);
}

/* Overlay */
.overlay {
	position: relative;
}
.overlay:after {
	content: '';
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.9;
	background: rgb(4, 6, 59);
	background: linear-gradient(
		150deg,
		rgba(4, 6, 59, 1) 0%,
		rgba(35, 88, 150, 1) 25%,
		rgba(61, 162, 197, 1) 50%,
		rgba(5, 155, 156, 1) 75%,
		rgba(26, 135, 138, 1) 100%
	);
}
.queryloader__overlay {
	font-weight: 800;
	font-size: 0px;
	background-image: url(../images/dr-carlos-verdi-oftalmologia.png);
	background-position: center;
	background-repeat: no-repeat;
	color: var(--azul-25);
}

/* Titles */
.title-bottom-line {
	color: var(--azul-25);
	font-weight: 300;
	margin-bottom: 30px;
	padding-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #eee;
	margin-top: 0;
}
.title-bottom-line:after {
	content: '';
	width: 80px;
	height: 1px;
	float: left;
	background: var(--azul-25);
	position: absolute;
	left: 0;
	bottom: -1px;
}

/* Site Links - Buttons */
a {
	color: var(--azul-25);
}
a {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: var(--azul-25);
	text-decoration: underline;
}

.btn-turquaz-lg {
	background: var(--azul-25);
	line-height: 42px;
	padding: 0 10px 0 15px;
	color: #fff;
	border-bottom: 1px solid #17a8a0;
	text-shadow: 0 1px 1px rgba(-255, -255, -255, 0.3);
}
.btn-turquaz-lg {
	font-weight: 800;
	display: inline-block;
	font-size: 20px;
	letter-spacing: -1px;
	border-radius: 100px;
	border-top: 4px solid var(--azul-0);
	border-left: 4px solid var(--azul-25);
	border-right: 4px solid var(--azul-50);
	border-bottom: 4px solid var(--azul-75);
}
.btn-turquaz-lg i {
	font-size: 1em;
}
.btn-turquaz-lg:hover {
	text-decoration: none;
	color: #fff;
	background: #20c0b7;
}
.btn-turquaz-lg:after {
	content: '+';
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px solid #4adbd3;
}

.btn-turquaz-md {
	background: var(--azul-25);
	line-height: 32px;
	padding: 0 10px 0 15px;
	color: #fff;
	border-bottom: 1px solid #17a8a0;
	text-shadow: 0 1px 1px rgba(-255, -255, -255, 0.3);
}
.btn-turquaz-md {
	font-weight: 800;
	display: inline-block;
	font-size: 16px;
	letter-spacing: -1px;
	border-radius: 2px;
}
.btn-turquaz-md:hover {
	text-decoration: none;
	color: #fff;
	background: #20c0b7;
}
.btn-turquaz-md:after {
	content: '+';
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px solid #4adbd3;
}

.btn-ghost-md {
	color: #fff;
	border: 3px solid #fff;
	padding: 5px 12px;
	display: inline-block;
	font-weight: 700;
	border-radius: 100px;
}
.btn-ghost-md i {
	font-size: 1em;
}
.btn-ghost-md:hover {
	text-decoration: none;
	background: #fff;
	color: var(--azul-25);
}

.btn-ghost-lg {
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 15px;
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	border-radius: 2px;
}
.btn-ghost-lg:hover {
	text-decoration: none;
	background: #fff;
	color: var(--azul-25);
}

/* Form Elements */
input[type='text'],
input[type='radio'],
select,
textarea {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-weight: 300;
	border-radius: 2px;
}
input[type='submit'] {
	max-width: 100%;
	border: none;
	border-radius: 2px;
	padding: 0 20px;
	font-weight: 700;
}
select {
	max-width: 100%;
	border-radius: 2px;
	background: #fff;
	font-size: 15px;
}
select option {
	color: var(--azul-25);
}
input[type='radio'] {
	width: 17px;
	max-width: 100%;
	height: 18px;
	float: left;
	margin-right: 6px;
	border-radius: 17px;
}
textarea {
	max-width: 100%;
}

/* Input Text Placeholder */
input[type='text']::-webkit-input-placeholder {
	color: #7a7b86;
}
input[type='text'],
input[type='date'],
select,
textarea::-webkit-input-placeholder {
	color: #7a7b86;
}
input[type='text'],
input[type='date'],
select,
textarea::-moz-placeholder {
	color: #7a7b86;
} /* firefox 19+ */
input[type='text'],
input[type='date'],
select,
textarea:-ms-input-placeholder {
	color: #7a7b86;
} /* ie */
input[type='text'],
input[type='date'],
select,
textarea:-moz-placeholder {
	color: #7a7b86;
}

/* Header */
header {
	float: left;
}
header .top-bar {
	min-width: 100%;
	background: var(--azul-0);
}
header .navbar {
	min-width: 100%;
	height: 83px;
	margin: 0;
	position: relative;
	z-index: 99;
}

/* Top Bar */
.top-bar .phone {
	float: left;
	color: #fff;
	line-height: 50px;
	font-size: 1em;
	font-weight: 700;
}
.top-bar .phone i {
	float: left;
	margin-right: 8px;
	color: var(--azul-50);
	font-size: 1em;
	line-height: 50px;
}
.top-bar .language {
	float: right;
	padding: 0;
}
.top-bar .language li {
	float: left;
	list-style: none;
	line-height: 50px;
	margin-left: 20px;
}
.top-bar .language li:first-child {
	margin-left: 0;
}
.top-bar .language li img {
	float: left;
	margin-top: 12px;
	margin-right: 6px;
}
.top-bar .language li a {
	float: left;
	color: #fff;
	font-weight: 800;
	font-size: 12px;
}
.top-bar form {
	float: right;
}
.top-bar form input[type='text'] {
	width: 350px;
	height: 40px;
	float: left;
	border: none;
	background: url(../images/search-icon.png) 7px 7px no-repeat #54e2da;
	border-radius: 2px;
	margin-top: 4px;
	color: #fff;
	padding: 0 10px;
	padding-left: 40px;
}
.top-bar form input[type='submit'] {
	background: none;
	color: #fff;
	padding: 12px 0 0 20px;
	font-size: 18px;
	padding-right: 0;
}
.top-bar form input[type='text']::-webkit-input-placeholder {
	color: #fff;
}
.top-bar form input[type='text']::-moz-placeholder {
	color: #fff;
} /* firefox 19+ */
.top-bar form input[type='text']:-ms-input-placeholder {
	color: #fff;
} /* ie */
.top-bar form input[type='text']:-moz-placeholder {
	color: #fff;
}

/* NAVBAR HEADER*/
.navbar-default .navbar-header {
	float: left;
}
.navbar-default .navbar-brand {
	height: auto;
	line-height: normal;
	padding: 0 15px;
	padding-top: 20px;
}

/* NAVBAR */
.navbar-default {
	border: none;
	border-radius: 0;
	background: #fff;
}
.navbar-nav {
	float: right;
	margin: 0;
}
.navbar-nav li a {
	font-size: 14px;
	padding: 30px 0;
	margin: 0 12px;
	border-bottom: 3px solid #fff;
	color: #4c4d53 !important;
	font-weight: 600;
	position: relative;
}
.navbar-nav li:last-child a {
	margin-right: 0;
}
.navbar-nav li a:hover {
	border-bottom: 3px solid var(--azul-25);
	color: var(--azul-25) !important;
}
.navbar-nav li ul {
	width: 300px;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 83px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
}
.navbar-nav li ul li {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
}
.navbar-nav li ul li a {
	float: left;
	border-bottom: none;
	padding: 10px 0;
}
.navbar-nav li ul li a:hover {
	border-bottom: none;
	text-decoration: none;
}
.navbar-nav li:hover ul {
	opacity: 1;
	visibility: visible;
}
.nav > li {
	float: left;
}

/* Social Media */
.navbar .social-media {
	float: right;
	height: 28px;
	margin-top: 26px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #eee;
	position: relative;
}
.navbar .social-media:after {
	content: '';
	width: 65px;
	height: 5px;
	background: var(--azul-25);
	position: absolute;
	bottom: -33px;
	right: 0;
}
.navbar .social-media li {
	float: left;
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
.navbar .social-media li:last-child {
	margin-right: 0;
}
.navbar .social-media li i {
	font-size: 20px;
	color: var(--azul-25);
}

/* Slider */
.slider {
	padding: 0;
	z-index: 1;
}
.slider .demo-2 {
	width: 100%;
	float: left;
}
.slider h2 {
	font-size: 38px;
	color: var(--azul-100);
	font-weight: 800;
}
.slider h2 u {
	font-size: 60px;
	color: var(--azul-25);
}

/* Appointment Form */
.appointment {
	width: 100%;
	margin-top: -50px;
	padding: 0;
	z-index: 9;
}
.appointment form {
	width: 100%;
	float: left;
	background: var(--azul-25);
	padding: 20px;
	border-radius: 4px;
	position: relative;
}
.appointment form:after {
	content: '\f127';
	width: 60px;
	height: 68px;
	position: absolute;
	right: 0;
	top: -60px;
	background: var(--azul-25);
	color: #fff;
	border-radius: 4px;
	text-align: center;
	line-height: 60px;
	font-family: Ionicons;
	font-size: 40px;
}
.appointment .spacing {
	margin: 0 25px;
}
.appointment hr {
	opacity: 0.4;
}
.appointment label {
	width: 100%;
	float: left;
	line-height: 40px;
	font-size: 19px;
	color: #fff;
}
.appointment h2 {
	opacity: 0;
	visibility: hidden;
	display: none;
}
.appointment input[type='text'] {
	width: 100%;
	max-width: 360px;
	height: 40px;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 10px;
}
.appointment input[type='text']:focus {
	box-shadow: 0 0 10px #fff;
}
.appointment .date {
	float: left;
}
.appointment .date label {
	width: auto;
	margin-right: 14px;
}
.appointment .date input[type='text'] {
	width: 150px;
	padding-right: 40px;
	background: url(../images/icon-date.jpg) 120px 9px no-repeat #fff;
	position: relative;
}
.appointment .department {
	float: left;
}
.appointment .department label {
	width: auto;
	margin-right: 14px;
}
.appointment .department select {
	width: 216px;
	height: 40px;
	border-radius: 2px;
	background: url(../images/select-arrow.jpg) right no-repeat #fff;
	padding-left: 10px;
	color: var(--azul-25);
}
.appointment .gender {
	float: left;
}
.appointment .gender label {
	width: auto;
	margin-right: 14px;
}
.appointment .gender input[type='radio'] {
	margin-top: 11px;
	background: #fff;
	transition: none;
}
.appointment .gender input[type='radio']:checked {
	background: url(../images/radio-checked.png) center no-repeat #fff;
}
.appointment .gender input[type='submit'] {
	height: 40px;
	float: right;
	padding: 0 20px;
	padding-right: 48px;
	background: url(../images/submit-arrow.png) right no-repeat var(--azul-25);
	color: #fff;
	border: 1px solid #fff;
}

/* Datepicker Elements */
.dropdown-menu.datepicker {
	box-shadow: none;
	padding: 5px 10px;
	border-radius: 2px;
	border: 1px solid #d7f0ef;
}
.dropdown-menu.datepicker {
	transition: none;
}
.dropdown-menu.datepicker i {
	font-style: normal;
}
.datepicker td.active,
.datepicker td.active:hover {
	background: var(--azul-25) !important;
	text-shadow: none;
}
.datepicker td,
.datepicker th {
	border-radius: 2px;
}
.dropdown-menu.datepicker .dow {
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
}
.datepicker .icon-arrow-right:after {
	content: '\f109';
	width: 16px;
	height: 22px;
	float: left;
	font-family: Ionicons;
	font-size: 17px;
}
.datepicker .icon-arrow-left:after {
	content: '\f106';
	width: 16px;
	height: 22px;
	float: left;
	font-family: Ionicons;
	font-size: 17px;
}

.title-box {
	width: 100%;
	float: left;
}
.title-box h2 {
	font-size: 40px;
	font-weight: 700;
	color: var(--azul-25);
	margin: 0;
	padding-bottom: 20px;
}
.title-box h5 {
	margin-bottom: 60px;
	margin-top: 10px;
	display: inline-block;
}
.title-box h2 span {
	border-bottom: 3px solid var(--azul-50);
	border-radius: 5px;
}

/* Home Services */
.home-services {
	width: 100%;
}
.home-services * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.home-services h3 {
	color: var(--azul-25);
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 40px;
	position: relative;
}
.home-services h3:after {
	content: '';
	width: 50px;
	height: 1px;
	background: var(--azul-25);
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -25px;
}
.home-services a {
	margin-top: 30px;
}
.home-services .content {
	width: 100%;
	float: left;
}
.home-services .content:hover .icon {
	border: 15px solid var(--azul-25);
}
.home-services .content:hover img {
	margin-top: 19px;
}
.home-services .icon {
	width: 132px;
	height: 132px;
	background: var(--azul-25);
	border: 9px solid #d2f6f4;
	border-radius: 132px;
}
.home-services .icon {
	display: inline-block;
	position: relative;
}
.home-services .icon:hover:after {
	top: 40px;
}
.home-services .icon img {
	margin-top: 25px;
}
.home-services .line {
	width: 132px;
	height: 132px;
	position: relative;
	display: inline-block;
}
.home-services .line:after {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: var(--azul-25);
	position: absolute;
	right: -96px;
	top: 50px;
	border: 10px solid #fff;
}
.home-services .line:before {
	content: '';
	width: 141px;
	height: 1px;
	border-top: 1px dotted var(--azul-25);
	position: absolute;
	top: 0;
	right: -150px;
	top: 64px;
}

/* Box Content */
.box-content {
	padding-top: 0;
	color: #fff;
}
.box-content .first-box {
	background: #42b3e5;
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 20px 0px 0px 20px;
}
.box-content .first-box a:hover {
	color: #42b3e5;
}
.box-content .second-box {
	background: var(--azul-25);
	width: 100%;
	float: left;
	padding: 20px;
}
.box-content .third-box {
	background: #4baabc;
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 0px 20px 20px 0px;
}
.box-content .third-box a:hover {
	color: #4baabc;
}
.box-content .icon {
	width: 20%;
	float: left;
	padding: 6px 0;
	border-right: 1px dotted #fff;
}
.box-content .content {
	width: 80%;
	float: left;
	padding-left: 5%;
}
.box-content .content p {
	color: #fff;
	margin-bottom: 20px;
}
.box-content .content h3 {
	width: 100%;
	margin-bottom: 30px;
	margin-top: 0;
	position: relative;
	font-weight: 700;
}
.box-content .content h3:after {
	content: '';
	width: 30px;
	height: 1px;
	float: left;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* Latest News */
.latest-news {
	float: left;
	padding-top: 0;
	padding-bottom: 0%;
}
.latest-news h2 {
	font-size: 40px;
	font-weight: 700;
	color: var(--azul-25);
	padding-bottom: 20px;
}
.latest-news h3 {
	color: var(--azul-25);
	font-weight: 300;
	margin-bottom: 0;
	padding-bottom: 20px;
	position: relative;
	font-size: 30px;
}
.latest-news h3:after {
	content: '';
	width: 50px;
	height: 1px;
	float: left;
	background: var(--azul-25);
	position: absolute;
	left: 0;
	bottom: 0px;
}
.latest-news h5 {
	margin-bottom: 60px;
	margin-top: 10px;
	display: inline-block;
}
.latest-news small {
	color: var(--azul-100);
	font-size: 1.5em;
	margin-bottom: 25px;
	margin-top: 10px;
	display: inline-block;
}
.latest-news .left {
	width: 100%;
	float: left;
	position: relative;
}
.latest-news .rated-article {
	width: auto;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 3;
}
.latest-news .right {
	width: 100%;
	max-width: 530px;
	float: right;
	position: relative;
}
.latest-news .article-image {
	width: 100%;
	margin: 10px 0 30px 0;
	float: left;
	position: relative;
}
.latest-news .article-image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--azul-25);
	z-index: 2;
	opacity: 0;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.latest-news .article-image img {
	width: 100%;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
		rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.latest-news .left:hover .article-image:after {
	opacity: 0.5;
	border-radius: 20px;
}
.latest-news .right:hover .article-image:after {
	opacity: 0.5;
	border-radius: 20px;
}
.latest-news .btn-turquaz-md {
	margin-top: 30px;
}

/* Frase */
.frase {
	width: 100%;
	float: left;
	background: url(../images/hero1.jpg);
	background-size: 100%;
	color: #fff;
}
.frase .container {
	position: relative;
	z-index: 2;
}
.frase h2 {
	font-size: 44px;
	font-weight: 800;
}
.frase h4 {
	font-size: 20px;
	margin-bottom: 40px;
}

/* Gallery */
.gallery {
	width: 100%;
	padding-bottom: 0;
}
.gallery h2 {
	font-size: 40px;
	font-weight: 700;
	color: var(--azul-25);
	background: url(../images/title-bg.jpg) center bottom no-repeat;
	padding-bottom: 20px;
}
.gallery h5 {
	margin-bottom: 60px;
	margin-top: 10px;
	display: inline-block;
}
.gallery .thumb {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	position: relative;
}
.gallery .thumb .desc {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(29, 210, 200, 0);
	opacity: 0;
	padding-top: 10px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.gallery .thumb .desc {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.gallery .thumb .desc i {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.gallery .thumb img {
	width: 100%;
	float: left;
}
.gallery .thumb:hover .desc {
	opacity: 1;
	background: rgba(29, 210, 200, 0.8);
	padding-top: 70px;
}
.gallery a {
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
	text-decoration: none;
}

/* Departments */
.boxed-image-feature {
	float: left;
	padding-bottom: 0;
}
.boxed-image-feature .container {
	position: relative;
	z-index: 2;
}
.boxed-image-feature .content-box {
	padding: 2% 0%;
	position: relative;
	background: var(--azul-25);
	margin-bottom: 80px;
	color: #fff;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
		rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.boxed-image-feature .content-box .thumb {
	width: 278px;
	height: 250px;
	float: left;
	margin-right: 16px;
	background: var(--azul-25);
	margin-bottom: 10%;
}
.boxed-image-feature .content-box .thumb img {
	border-radius: 10px;
}
.boxed-image-feature .content-box:hover .thumb img {
	opacity: 0.4;
}
.boxed-image-feature .content-box img {
	width: 278px;
	float: left;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.boxed-image-feature .content-box p {
	line-height: 1.5em;
}
.boxed-image-feature .content-box .icon {
	width: 50px;
	height: 50px;
	float: left;
	background: var(--azul-75);
	position: absolute;
	left: 0;
	bottom: -20px;
	padding: 8px;
	border-radius: 100px;
}
.boxed-image-feature .content-box .icon img {
	width: 100%;
}
.boxed-image-feature .content-box h3 {
	font-weight: 700;
	color: #fff;
}
.boxed-image-feature .content-box a {
	margin-top: 8px;
}

/* Sponsors */
.logos {
	width: 100%;
	padding: 50px 0;
	border-top: 1px solid #eee;
}
.logos .container {
	position: relative;
	z-index: 2;
}
.logos h2 {
	font-size: 40px;
	font-weight: 700;
	color: var(--azul-25);
	background: url(../images/title-bg.jpg) center bottom no-repeat;
	padding-bottom: 20px;
}
.logos h5 {
	margin-bottom: 60px;
	margin-top: 10px;
	display: inline-block;
}
.logos .item {
	border-right: 1px solid #eee;
}
.logos img {
	width: 100%;
	float: left;
}

/* Inner Header */
.inner-header {
	min-width: 100%;
	padding: 30px 0;
	color: #fff;
	background: rgb(4, 6, 59) !important;
	background: linear-gradient(
		150deg,
		rgba(4, 6, 59, 1) 0%,
		rgba(35, 88, 150, 1) 25%,
		rgba(61, 162, 197, 1) 50%,
		rgba(5, 155, 156, 1) 75%,
		rgba(26, 135, 138, 1) 100%
	) !important;
}
.inner-header .container {
	position: relative;
	z-index: 2;
}
.inner-header .container h1 {
	font-weight: 800;
	font-size: 30px;
	margin: 10px 0;
}

/* Inner Content */
.inner-content {
	float: left;
}
.inner-content h3 {
	font-size: 20px;
	font-weight: 700;
	color: var(--azul-25);
	margin-top: 0;
	margin-bottom: 5px;
}
.inner-content .side-bar {
	width: 100%;
	float: right;
}
.inner-content .side-bar img {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.inner-content .side-bar .panel-body {
	background: #f5f5f5;
}

/* Doctors */
.specialists {
	background: #fff;
}
.specialists a {
	color: #999;
	border-bottom: 2px solid #999;
	padding: 6px 0;
	font-weight: 700;
	display: inline-block;
}
.specialists a:hover {
	text-decoration: none;
	color: var(--azul-25);
	border-bottom: 2px solid var(--azul-25);
}
.specialists .members {
	width: 100%;
	float: left;
	padding: 0 10px;
	margin-bottom: 40px;
	border: 1px solid #eee;
	position: relative;
}
.specialists .members .desc {
	width: 100%;
	height: 100%;
	float: left;
	background: var(--azul-25);
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	padding: 20px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.specialists .members .desc h2 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 30px;
}
.specialists .members:hover .desc {
	opacity: 1;
}
.specialists .members img {
	width: 100%;
	padding: 0 10px;
	padding-top: 20px;
}
.specialists .members h4 {
	width: 100%;
	padding: 7px 8px;
	display: inline-block;
	font-weight: 700;
	border-bottom: 1px solid #eee;
	margin: 0;
	font-size: 13px;
}
.specialists .members h6 {
	width: 100%;
	color: var(--azul-25);
	padding: 10px 8px;
	font-size: 14px;
	display: inline-block;
	margin: 0;
}

/* News */
.news-list {
	width: 100%;
}
.news-list img {
	width: 100%;
}
.news-list h3 {
	margin-bottom: 10px;
	font-size: 24px;
}
.news-list small {
	margin-bottom: 30px;
	display: block;
}
.news-list a {
	margin-top: 20px;
}
.news-list hr {
	margin: 60px 0;
}

/* Faq */
.faq .panel-default > .panel-heading {
	background: #c2c2c2;
}
.faq .actives {
	background: var(--azul-25) !important;
}
.faq .actives:before {
	content: '\f123';
	font-family: Ionicons;
	color: #fff;
	float: left;
	margin-top: -2px;
	margin-right: 10px;
}

/* Contact Form */
#contact-form {
	width: 100%;
	float: left;
	margin: 20px 0;
}
#contact-form input[type='text'] {
	width: 340px;
	height: 40px;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 10px;
	border: 1px solid #cfefed;
}
#contact-form select {
	width: 340px;
	height: 40px;
	margin-bottom: 5px;
	padding: 0 10px;
	border: 1px solid #cfefed;
}
#contact-form select {
	background: url(../images/select-arrow.jpg) right no-repeat #fff;
	padding-left: 10px;
	color: #7a7b86;
}
#contact-form textarea {
	width: 684px;
	max-width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid #cfefed;
	color: #7a7b86;
}
#contact-form .subject {
	width: 684px !important;
	max-width: 100%;
}
#contact-form input[type='submit'] {
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	background: var(--azul-25);
}
#success,
#error {
	display: none;
	color: rgb(236, 52, 52);
}
#success p,
#error p {
	margin-top: 20px;
	float: left;
	color: var(--azul-25);
	font-weight: 800;
}
label {
	width: 100%;
	float: left;
	font-size: 13px;
	color: rgb(236, 52, 52);
}
#error p {
	color: #c0392b;
}

/* Footer Bar */
.footer-bar {
	float: left;
	padding: 20px 0;
	background: var(--azul-25);
}
.footer-bar h2 {
	float: left;
	color: #fff;
	margin: 0;
	line-height: 40px;
	font-weight: 700;
	font-size: 1.5em;
}
.footer-bar h2 i {
	float: left;
	margin-right: 12px;
}
.footer-bar h4 {
	float: right;
	color: #fff;
	font-weight: 700;
	margin-top: 11px;
}
.footer-bar ul {
	float: right;
	margin-top: 5px;
	margin-left: 30px;
	padding-left: 10px;
	border-left: 1px solid #54e2da;
}
.footer-bar ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}
.footer-bar ul li a {
	color: #fff;
}
.footer-bar ul li i {
	font-size: 21px;
}

/* Footer */
footer {
	float: left;
	padding: 40px 0;
	background: url(../images/world-map.png) center no-repeat #7a7b86;
	color: #fff;
}
footer .copyright {
	float: right;
	font-size: 12px;
	text-align: right;
	margin-top: 6px;
}
footer h4 {
	font-size: 17px;
	font-weight: 800;
	margin-top: 6px;
	position: relative;
	margin-bottom: 40px;
}
footer h4:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -20px;
}
footer form {
	float: left;
	padding-left: 30px;
}
footer form input[type='text'] {
	width: 100%;
	max-width: 300px;
	height: 40px;
	float: left;
	border: none;
	padding: 8px;
}
footer form input[type='submit'] {
	height: 40px;
	background: var(--azul-25);
	color: #fff;
	font-size: 16px;
	margin-top: 6px;
}
footer ul {
	width: 100%;
	float: left;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}
footer ul li {
	width: 100%;
	float: left;
	margin: 3px 0;
	list-style: none;
}
footer ul li a {
	float: left;
	color: #fff;
}
footer ul li a:hover {
	color: var(--azul-25);
}
footer ul li i {
	font-size: 1em;
}

/* Error Pages */
.error-pages {
	width: 100%;
	padding-bottom: 0;
}
.error-pages h2 {
	font-size: 100px;
	font-weight: 800;
	color: var(--azul-25);
}

/* Acordeon */
#accordion {
	width: 100%;
	float: left;
}
.panel-group .panel {
	border: none;
	border-radius: 0;
}
.panel-default > .panel-heading {
	background: var(--azul-25);
	border-radius: 0;
	padding: 15px 10px;
}
.panel-default > .panel-heading img {
	width: 20px;
	float: left;
	margin: -4px 6px 0 0;
}
.panel-default > .panel-heading a {
	width: 100%;
	display: block;
	color: #fff;
	font-weight: 700;
}
.panel-default > .panel-heading a:hover {
	text-decoration: none;
}
.panel-default > .panel-heading a:focus {
	text-decoration: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border: none;
}
.panel {
	box-shadow: none;
}
.panel-body a {
	color: var(--azul-25);
	text-decoration: underline;
	margin-top: 12px;
	font-weight: 700;
}
.informesnav {
	border-top: 4px solid var(--azul-0) !important;
	border-left: 4px solid var(--azul-25) !important;
	border-right: 4px solid var(--azul-50) !important;
	border-bottom: 4px solid var(--azul-75) !important;
	padding: 10px 10px !important;
	margin-top: 19px !important;
	border-radius: 100px;
}
.informesnav i {
	font-size: 1em;
}
.ctatop {
	margin-top: -3%;
	z-index: 9;
}
.ctatop .container {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
		rgba(0, 0, 0, 0.05) 0px 5px 10px;
	border-radius: 20px;
}
.content-box i {
	font-size: 1em;
}

@media only screen and (max-width: 1199px),
	only screen and (max-device-width: 1199px) {
	.appointment label {
		font-size: 15px;
	}
	.appointment .department select {
		width: 174px;
	}
	.appointment .gender input[type='submit'] {
		padding: 0 12px;
		padding-right: 40px;
	}
	.box-content .icon {
		width: 23%;
	}
	.box-content .content {
		width: 77%;
	}
	.boxed-image-feature .content-box h3 {
		margin-top: 15px;
		font-size: 20px;
	}
	.boxed-image-feature .content-box p {
		line-height: 1.5em;
		font-size: 1em;
	}
	footer h4 {
		font-size: 15px;
	}
}

.navbar-nav li a i {
	font-size: 1em;
}

@media only screen and (max-width: 989px),
	only screen and (max-device-width: 989px) {
	.top-bar form input[type='text'] {
		width: 250px;
	}
	.top-bar .phone {
		font-size: 18px;
	}
	.top-bar form input[type='submit'] {
		padding-left: 10px;
		font-size: 14px;
	}
	.top-bar form input[type='text'] {
		width: 210px;
	}
	.navbar-default .navbar-brand img {
		height: 36px;
	}
	.navbar-nav li a {
		margin: 0 10px;
	}
	.navbar-nav li a i {
		font-size: 1em;
	}
	.demo-2 .sl-slider .content {
		padding-left: 10px;
	}
	.appointment .gender {
		margin-top: 20px;
	}
	.appointment .gender:before {
		content: '';
		width: 100%;
		height: 1px;
		float: left;
		background: #eee;
		opacity: 0.4;
		margin-bottom: 20px;
	}
	.appointment .gender input[type='submit'] {
		float: left;
		margin-left: 20px;
	}
	.home-services .line:after {
		display: none;
	}
	.home-services .line:before {
		display: none;
	}
	.home-services .content {
		margin-bottom: 30px;
	}
	.box-content .icon {
		width: 100%;
		border-right: 0;
	}
	.box-content .icon img {
		height: 40px;
	}
	.box-content .content {
		width: 100%;
		padding: 0;
	}
	.box-content .content h3 {
		font-size: 20px;
	}
	.boxed-image-feature .content-box {
		width: 100%;
		max-height: inherit;
		float: left;
	}
	.boxed-image-feature .content-box .thumb {
		width: 100%;
		height: auto;
		margin: 0;
		margin-bottom: 15px;
	}
	.boxed-image-feature .content-box img {
		width: 100%;
	}
	.boxed-image-feature .content-box h3 {
		padding-left: 15px;
	}
	.boxed-image-feature .content-box p {
		padding-left: 15px;
	}
	.boxed-image-feature .content-box a {
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.boxed-image-feature .content-box .icon {
		left: auto;
		right: 0;
		background: #55eae2;
	}
	footer .copyright {
		width: 100%;
		float: left;
		text-align: left;
	}
	footer form {
		width: 100%;
		float: left;
		padding: 0;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	footer form input[type='submit'] {
		margin-top: 0;
		margin-left: 8px;
	}
}

@media only screen and (max-width: 767px),
	only screen and (max-device-width: 767px) {
	.top-bar .phone {
		font-size: 14px;
	}
	.top-bar .phone i {
		font-size: 30px;
	}
	.top-bar .language li img {
		height: 20px;
		margin-top: 15px;
	}
	.top-bar .language li a {
		font-size: 11px;
	}
	.navbar-default .navbar-header {
		float: none;
	}
	.navbar-toggle {
		margin-top: 22px;
		border: none;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background: none;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none;
		background: #fff;
	}
	.navbar-default form {
		width: 100%;
		float: left;
		margin-top: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}
	.navbar-default form input[type='text'] {
		height: 40px;
		padding: 0 10px;
		border: 1px solid #eee;
		float: left;
		margin-right: 8px;
	}
	.navbar-default form input[type='submit'] {
		height: 40px;
		background: var(--azul-25);
		color: #fff;
		font-size: 16px;
		padding: 0 10px;
	}
	.navbar-nav {
		width: 100%;
		margin-bottom: 20px;
	}
	.navbar .social-media {
		width: 100%;
		float: left;
		border-left: none;
		margin: 10px 0;
		padding: 0;
	}
	.navbar .social-media:after {
		display: none;
	}
	.navbar .social-media li {
		margin: 0;
		margin-right: 10px;
	}
	.navbar-nav li {
		width: 100%;
		float: left;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #eee;
	}
	.navbar-nav li:last-child {
		border-bottom: none;
	}
	.navbar-nav li a {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
	}
	.navbar-nav li a:hover {
		border: none;
	}
	.navbar-nav li ul {
		width: 100%;
		float: left;
		position: static;
		display: none;
	}
	.navbar-nav li ul li {
		padding: 5px 0;
	}
	.navbar-nav li ul li a {
		padding: 0;
	}
	.navbar-nav li:hover ul {
		display: block;
	}
	.demo-2 .sl-slider-wrapper {
		height: 400px;
	}
	.appointment {
		margin-top: 0;
	}
	.appointment .date label {
		width: 100%;
	}
	.appointment .department label {
		width: 100%;
	}
	.demo-2 .bg-img-1 {
		background-size: auto 100%;
	}
	.demo-2 .bg-img-2 {
		background-size: auto 100%;
	}
	.demo-2 .bg-img-3 {
		background-size: auto 100%;
	}
	.demo-2 .bg-img-4 {
		background-size: auto 100%;
	}
	.demo-2 .sl-slider .content {
		padding: 30px;
	}
	.demo-2 .sl-slider .content img {
		width: 200px;
	}
	.slider h2 {
		font-size: 28px;
	}
	.slider h2 u {
		font-size: 40px;
	}
	.slider .nav-dots {
		bottom: 20px;
	}
	.slider .nav-arrows {
		display: none;
	}
	.latest-news .left {
		margin-bottom: 40px;
	}
	.frase {
		padding: 80px 15px;
	}
	.frase h2 {
		font-size: 33px;
	}
	.footer-bar h4 {
		display: none;
	}
	.footer-bar h2 {
		font-size: 24px;
	}
	footer form input[type='text'] {
		max-width: 220px;
	}
	footer ul {
		margin-bottom: 40px;
	}
}
.bg2 {
	background: rgb(4, 6, 59) !important;
	background: radial-gradient(
		circle,
		rgba(4, 6, 59, 1) 0%,
		rgba(35, 88, 150, 1) 25%,
		rgba(61, 162, 197, 1) 50%,
		rgba(5, 155, 156, 1) 75%,
		rgba(26, 135, 138, 1) 100%
	) !important;
}
.bg1 {
	background: rgb(4, 6, 59) !important;
	background: linear-gradient(
		150deg,
		rgba(4, 6, 59, 1) 0%,
		rgba(35, 88, 150, 1) 25%,
		rgba(61, 162, 197, 1) 50%,
		rgba(5, 155, 156, 1) 75%,
		rgba(26, 135, 138, 1) 100%
	) !important;
}
/* Logo Doctorweb */
.doctorweb .doc1 {
	width: 2%;
	animation: 10s doc infinite ease;
}
.doctorweb .doc2 {
	width: 10%;
}
@keyframes doc {
	0% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	90% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
/* Logo Doctorweb */
/* Boton whatsapp  */
.btn-whatsapp {
	display: block;
	width: 75px;
	height: 75px;
	color: #333;
	position: fixed;
	right: 1%;
	bottom: 1%;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	z-index: 999;
	font-size: 70px !important;
	background: rgba(38, 212, 102, 1);
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, rgba(38, 212, 102, 1)),
		color-stop(100%, rgba(34, 186, 89, 1))
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: radial-gradient(
		ellipse at center,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26d466', endColorstr='#22ba59', GradientType=1 );
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	transition: ease 0.5s;
}
.btn-whatsapp i {
	color: #fff !important;
	transition: ease 0.5s;
	display: block;
	margin-top: 4%;
	font-size: 1em;
}
.btn-whatsapp:hover {
	background-color: #333;
	transform: rotate(360deg);
	transition: ease 0.5s;
}
.btn-whatsapp span {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 0.3em;
	right: 2px;
	background-color: #de2f36;
	color: #fff;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	transition: 0.5s ease;
	animation: iconw 2s infinite ease-in-out;
}
.btn-whatsapp:hover span {
	display: none !important;
	transition: 0.5s ease;
}
@keyframes iconw {
	0% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
	}
}
/* Boton whatsapp  */
/* Barras */
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-track {
	background: var(--azul-0);
	border-radius: 100px;
}
::-webkit-scrollbar-thumb {
	background: var(--azul-75);
	transition: 0.5s;
}
::-webkit-scrollbar-thumb:hover {
	background: #fff;
	transition: 0.5s;
}
/* Barras */
/* Barra lateral */
.social-bar {
	position: fixed;
	right: 0.5%;
	top: 20%;
	font-size: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}
.icono {
	color: #fff !important;
	text-decoration: none;
	height: 50px;
	width: 50px;
	display: flex;
	transition: all 0.5s;
	margin-top: 10%;
	position: relative;
	border-radius: 100px;
	border: 2px solid #fff;
}
.icono .fa,
.icono .fab {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5em;
}
.icono-facebook {
	background: var(--azul-25);
}
.icono-twitter {
	background: #caf55f;
}
.icono-youtube {
	background: #caf55f;
}
.icono-instagram {
	background: var(--azul-100);
}

.icono:hover {
	transform: scale(1.1);
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.42);
	color: #333;
	transition: 0.5s ease;
}
.home-services .icon i {
	color: #ffff;
	font-size: 5em;
	line-height: 1.5em;
}
.panel-body i {
	font-size: 1em;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.demo-2 .bg-img-1,
	.demo-2 .bg-img-2 {
		background-position: 60% !important;
	}
	.informesnav,
	.box-content .first-box,
	.box-content .second-box,
	.box-content .third-box {
		text-align: center;
	}
	.boxed-image-feature .content-box p,
	.boxed-image-feature .content-box h3 {
		text-align: center;
	}
	.top-bar .phone {
		line-height: 2em;
		float: none;
	}
	.top-bar .phone i {
		font-size: 1em;
		line-height: 2em;
		color: #fff;
		float: none;
	}
	.frase {
		background-size: cover;
	}
	.box-content .first-box {
		border-radius: 20px 20px 0px 0px;
	}
	.box-content .third-box {
		border-radius: 0px 0px 20px 20px;
	}
	.btn-ghost-md {
		margin-bottom: 2%;
	}
	.centertextr {
		text-align: center;
	}
	.doctorweb .doc1 {
		width: 5%;
	}
	.doctorweb .doc2 {
		width: 20%;
	}
	.doctorweb {
		display: block;
	}
}

.entrevista-section {
	width: 100%;
	max-width: 992px;
	margin: 0 auto;
	padding: 25px;
}

.entrevista-section_title {
	padding-top: 50px;
}
.entrevista-section_video {
	width: 100%;
	border-radius: 10px;
}

.strong strong {
	font-weight: bolder;
}

.parsub {
	color: white;
}

.lista {
	height: 170px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.bg-img.bg-img-1.bg-img-1-seo::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(224, 224, 224, 0.7);
	z-index: 0;
}

.slider .content {
	position: relative;
	z-index: 2;
}

.slider .content h1 ~ p {
	color: var(--azul-0);
	width: 50%;
}

.slider h1 {
	font-size: 60px;
	color: var(--azul-25);
	font-weight: 700;
}

@media (max-width: 768px) {
	.slider .content h1 ~ p {
		width: 100%;
		font-size: 15px;
		text-align: center;
	}
	.slider h1 {
		text-align: center;
		font-size: 28px;
	}
}

/* Estilos para la sección de beneficios */
.beneficios-section {
	width: 100%;
	float: left;
	padding: 60px 0;
	background: #f8f9fa;
}

.beneficios-descripcion {
	font-size: 18px;
	color: #6c757d;
	margin-top: 15px;
	margin-bottom: 40px;
	line-height: 1.6;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.beneficios-lista {
	width: 100%;
	float: left;
	padding: 20px;
}

.lista-beneficios {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lista-beneficios li {
	display: flex;
	align-items: flex-start;
	padding: 20px 0;
	border-bottom: 1px solid #e9ecef;
	font-size: 16px;
	line-height: 1.6;
	color: #4c4d53;
}

.lista-beneficios li:last-child {
	border-bottom: none;
}

.lista-beneficios li i {
	color: var(--azul-25);
	font-size: 22px;
	margin-right: 20px;
	margin-top: 2px;
	min-width: 22px;
	flex-shrink: 0;
}

.beneficio-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.beneficio-content strong {
	color: var(--azul-25);
	font-weight: 700;
	font-size: 17px;
	display: block;
	margin-bottom: 5px;
}

.beneficio-content strong ~ span > strong {
	color: #6c757d;
	font-weight: 700;
	font-size: inherit;
	display: inline;
	margin-bottom: 5px;
}

.beneficio-content span {
	color: #6c757d;
	font-size: 15px;
	line-height: 1.5;
}

.lista-beneficios li:hover {
	background: rgba(29, 210, 200, 0.05);
	padding-left: 15px;
	transition: all 0.3s ease;
	border-radius: 8px;
	margin-left: -15px;
	margin-right: -15px;
	padding-right: 15px;
}

.lista-beneficios li:hover i {
	transform: scale(1.1);
	transition: all 0.3s ease;
}

.beneficios-imagen {
	width: 100%;
	float: left;
	padding: 20px;
	text-align: center;
}

.beneficios-imagen img {
	width: 100%;
	max-width: 100%;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
		rgba(0, 0, 0, 0.05) 0px 5px 10px;
	transition: all 0.3s ease;
}

.beneficios-imagen img:hover {
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px, rgba(0, 0, 0, 0.1) 0px 10px 15px;
}

@media (max-width: 768px) {
	.beneficios-imagen {
		margin-top: 30px;
	}

	.beneficio-content strong {
		font-size: 16px;
	}

	.beneficio-content span {
		font-size: 14px;
	}
}

/* Estilos para las cards de testimonios */
.testimonio-card {
	background: #fff;
	border-radius: 15px;
	padding: 30px 25px;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
	height: 350px;
	display: flex;
	flex-direction: column;
}

.testimonio-card:hover {
	transform: translateY(-8px);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 35px,
		rgba(0, 0, 0, 0.1) 0px 10px 20px;
	border-color: var(--azul-25);
}

.testimonio-card .card-header {
	text-align: center;
}

.testimonio-card .stars {
	margin-bottom: 15px;
}

.testimonio-card .stars i {
	color: #ffc107;
	font-size: 16px;
	margin: 0 2px;
}

.testimonio-card h4 {
	color: var(--azul-25);
	font-weight: 700;
	font-size: 18px;
	margin: 10px 0 5px 0;
}

.testimonio-card small {
	color: #6c757d;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 0px;
}

.testimonio-card .card-body {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.testimonio-card .card-body p {
	color: #4c4d53;
	line-height: 1.6;
	font-size: 15px;
	margin: 0;
	text-align: center;
	font-style: italic;
}

.testimonio-card .card-body p:before {
	content: '"';
	font-size: 24px;
	color: var(--azul-25);
	font-weight: bold;
}

.testimonio-card .card-body p:after {
	content: '"';
	font-size: 24px;
	color: var(--azul-25);
	font-weight: bold;
}

@media (max-width: 768px) {
	.testimonio-card {
		height: auto;
		min-height: 300px;
		margin-bottom: 20px;
	}

	.testimonio-card h4 {
		font-size: 16px;
	}

	.testimonio-card .card-body p {
		font-size: 14px;
	}
}
/* Estilos para la sección de FAQ con Bootstrap 3 */
.faq-section {
	width: 100%;
	float: left;
	padding: 80px 0;
	background: #f8f9fa;
}

.faq-descripcion {
	font-size: 18px;
	color: #6c757d;
	margin-top: 15px;
	margin-bottom: 50px;
	line-height: 1.6;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.faq-imagen {
	padding-right: 30px;
}

.faq-imagen img {
	max-width: 100%;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
}

.panel-group {
	padding-left: 30px;
}

.faq-item.panel {
	margin-bottom: 20px;
	border: 1px solid #e9ecef;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px;
	transition: all 0.3s ease;
	background: white;
}

.faq-item.panel:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px;
	border-color: var(--azul-25);
}

.faq-question.panel-heading {
	background: #fff;
	border-bottom: none;
	border-radius: 10px !important;
	padding: 0;
}

.faq-question .panel-title a {
	display: block;
	padding: 20px 25px;
	text-decoration: none;
	color: var(--azul-25);
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
	border-radius: 10px;
}

.faq-question .panel-title a ~ a {
	display: inline;
	padding: 0;
	text-decoration: none;
	color: var(--azul-50);
	font-weight: normal;
	font-size: 16px;
	border-radius: 0px;
}

.faq-question .panel-title a:hover,
.faq-question .panel-title a:focus {
	background: var(--azul-25);
	color: white;
	text-decoration: none;
}

.faq-question .panel-title a ~ a:hover,
.faq-question .panel-title a ~ a:focus {
	background: none;
	color: inherit;
	text-decoration: none;
}

.faq-question .panel-title a i {
	color: var(--azul-25);
	margin-right: 10px;
	font-size: 14px;
	transition: all 0.3s ease;
}

.faq-question .panel-title a:hover i,
.faq-question .panel-title a:focus i {
	color: white;
}

.faq-answer.panel-collapse .panel-body {
	padding: 20px 25px;
	border-top: 1px solid #e9ecef;
}

.faq-answer .panel-body p {
	margin: 0;
	color: #4c4d53;
	line-height: 1.6;
	font-size: 15px;
}

@media (max-width: 768px) {
	.faq-imagen {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.panel-group {
		padding-left: 0;
	}

	.faq-question .panel-title a {
		padding: 15px 20px;
		font-size: 14px;
	}

	.faq-answer .panel-body {
		padding: 15px 20px;
	}

	.faq-answer .panel-body p {
		font-size: 14px;
	}

	.faq-descripcion {
		font-size: 16px;
	}
}

.footer-bottom {
	position: relative;
	width: 100%;
	padding: 0;
	padding-top: 20px;
}

.footer-bottom .bottom-inner {
	margin-top: 3rem;
	position: relative;
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-bottom .bottom-inner .footer-nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
}

.footer-bottom .bottom-inner .footer-nav li {
	display: inline-block;
	width: auto;
}

.footer-bottom .bottom-inner p {
	display: inline-block;
	margin: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.footer-bottom .bottom-inner {
		margin-top: 10rem;
	}

	.footer-bottom .bottom-inner .footer-nav {
		flex-direction: row;
		gap: 4rem;
	}
}