body {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:1em; color:#000; background:#fff;}
html {font-size:1em;}

/* Nav */
.navbar-default {background-color:#fff;}
.navbar {border-radius:0; min-height:87px; margin-bottom:0; border:none; font-size:0.933em; font-weight:400; font-size:1.063em;}
.navbar-brand {float:left; height:auto; font-size:1em; padding:10px 0 0 15px;}
.navbar-brand img {max-width:100%; height:auto;}
.navbar-nav {margin-top:52px;}
.nav>li>a {padding:0 0; font-weight:600;}
.nav>li {margin-right:20px;}
.nav>li.last {margin-right:0;}
.navbar-default .navbar-nav>li>a {color:#3B4A69;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#10B4A3; background-color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#43CEA2; background-color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#43CEA2; background-color:#fff;}
.navbar .dropdown-menu {padding:15px 0; margin:2px 0; font-size:1em; background-color:#3B4A69; border:none; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.navbar .dropdown-menu:before {position:absolute; font-family:FontAwesome; top:-14px; right:20px; content:"\f0d7"; color:#fff; font-size:1.4em;}
.navbar-nav>li>.dropdown-menu {margin-top:15px;}
.navbar .dropdown-menu>li>a:focus, .navbar .dropdown-menu>li>a:hover {color:#fff; background-color:transparent;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#43CDA1; background-color:transparent;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right:-15px; margin-left:-15px;}
.dropdown-menu>li>a {padding:6px 20px; color:#fff;}
.navbar .dropdown-menu>li>a:focus, .navbar .dropdown-menu>li>a:hover {color:#10B4A3;}

/* Content */ 
.content {padding:0 0 60px 0;}
body.home .content {padding:0;}
.banner img {width:100%; height:auto;}
.banner h1 {margin:0 0 40px 0; font-family:'Open Sans'; color:#fff; font-size:1.875em; font-weight:400; background:#43CEA2; text-align:center; padding:24px 15px;}
h1 span {font-size:0.60em;}
h2 {margin:0 0 0.8em 0; font-family:'Open Sans'; color:#43CEA2; font-size:1.5em; font-weight:400;}	
h3 {margin:0 0 0.8em 0; font-family:'Open Sans'; color:#3B4A69; font-size:1.250em; font-weight:700;}
p, li {text-align:justify;}
p, .content ul, .content ol {line-height:1.5em; margin-bottom:1.4em;}
.content ul {padding-left:15px;}
a {color:#43CDA1; outline:none; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; text-decoration:none;}
a:hover {color:#3B4A69; text-decoration:none;}
a:focus {color:#3B4A69; text-decoration:none; outline:none;}
a.pageLink {background:#3B4A69; display:inline-block; padding:3px 18px; color:#fff; font-weight:700; font-size:0.813em;}
a.pageLink:hover {background:#43CDA1;}
img.imgBorder {border-bottom:4px solid #43CEA2; margin-bottom:8px;}
p.caption {font-size:0.750em;}

/* Footer */
footer {text-align:center; padding:0 0 130px 0;}
footer ul {list-style:none; padding:0; margin:0;}
.footerLogos {padding:44px 0 18px 0; background:#F2F5F5;}
.footerLogos ul li {display:inline-block; margin:0 35px 10px 35px; vertical-align:middle;}  
.footerLogos ul li img {max-width:100%; height:auto;}
.footerAuthor {font-size:0.750em; padding:42px 0 0 0; color:#999;}
.footerAuthor a {color:#999;}
.footerAuthor a:hover {color:#333; text-decoration:none;}
.footerAppointments {background:#3B4A69 url(/images/eye-appointment.jpg) center right no-repeat; background-size:contain; color:#fff; padding:42px 0;}
.footerAppointments h2 {font-size:1.875em; color:#fff; margin:0 0 0.4em 0;}
.footerAppointments p {padding:0; margin:0 0 0.5em 0; font-weight:600; text-align:center;}
.footerAppointments p.tel {font-size:1.125em;}
.footerAppointments a.pageLink {background:#43CDA1;}
.footerAppointments a.pageLink:hover {background:#fff; color:#3B4A69;}

/* About */
.consultationLists p, .consultationLists li {text-align:left;}

/* Home */
.owlImg {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
.owlCaptionContainer {position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.owlCaption {background:#43CEA2; color:#fff; text-align:center; padding:15px 28px 15px 28px;}
.owlCaption h1 {color:#fff; font-size:1.875em; margin:0 0 15px 0; padding:0;}
.owlCaption p {font-weight:600; font-size:0.813em;}
.homeLinks {text-align:center; padding:20px 0;}
.homeLinks a img {-webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; max-width:100%; height:auto; margin:0 auto 15px auto;}
.homeLinks span.linkTitle {display:block; color:#43CEA2; font-size:1.875em; margin-bottom:4px; line-height:1.1em;}
.homeLinks a:hover img {opacity:0.8;}
.homeLinks a.pageLink {margin-top:5px;}

/* Treatments */
.treatmentLinks .col-lg-4 {margin-bottom:40px;}
.circle {width:180px; height:180px; font-size:20px; text-align:center; display:table; color:#fff; margin:0 auto;}
.circle a {color:#fff; display:table-cell; vertical-align:middle; padding:0 25px; background:#3B4A69 url(/images/logo-watermark.png) no-repeat center center; background-size:contain; border-radius:50%;}
.circle a:hover {background-color:#43CEA2;}

/* Costs */
.content ul.logoList {list-style:none; padding:0;}
.logoList li {display:inline-block; width:25%; text-align:center; vertical-align:top; margin:0 0 40px 0; font-size:0.813em; line-height:1.2em;}
.logoList li img {max-width:100%; height:auto; opacity:1; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.logoList li span {display:block; margin:0 5px;}
.logoList li span.logoImg {display:block; border:1px solid #f5f5f5; margin:0; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.logoList li a:hover img {opacity:0.8;}
.logoList li a:hover span.logoImg {border:1px solid #ccc;}

/* Conditions */
.download {padding-top:20px; border-top:1px solid #ccc;}

/* Contact & Form */
body.contact .content p {text-align:left;}	
.status {display:block; text-align:right; font-size:0.846em;}

label.error {padding:5px 0 0 0; font-weight:400; display:block; color:#E00C44;}
label {display:none;}

#success_fail_info.success {color:#fff; background-color:#1BD3AF;}
#success_fail_info.error {color:#fff; background-color:#E00C44;}
#success_fail_info.success, #success_fail_info.error {padding:1rem; margin-bottom:0.75rem; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); border-radius:4px;}

.form-control {border-radius:0; font-weight:400; color:#666; border:none; padding:8px; border:1px solid #DCDCDC;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#666 !important;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#666 !important;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#666 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#666 !important;}
.btn {padding:12px 25px; font-size:1em; border:1px solid transparent; border-radius:0;}
.btn-primary {color:#fff; background-color:#43CDA1; border-color:#43CDA1; outline:none; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {color:#fff; background-color:#3B4A69; border-color:#3B4A69;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color:#fff; background-color:#3B4A69; border-color:#3B4A69;}
.submitButton {text-align:right;}

/* Side Nav */
.content .subNav {margin-bottom:10px;}
.content .subNav ul {list-style:none; padding-left:0;}
.content .subNav ul li {padding:0; text-align:left;}
.content .subNav ul li a {text-decoration:none; color:#000; display:block; position:relative; padding:6px 6px 6px 20px; font-weight:400; font-size:1em; background:transparent;}
.content .subNav ul li a:hover, .content .subNav ul li.active a {color:#43CEA2; background:transparent;}
.content .subNav ul li a:before {position:absolute; font-family:FontAwesome; top:6px; left:0; content:"\f06e"; color:#CCCCCC; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.content .subNav ul li a:hover:before, .content .subNav ul li.active a:before {color:#43CEA2;}

.btn-group {display:none; width:100%; z-index:999; -webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5); margin-bottom:20px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-top:20px;}
.btn-group .btn {border:none; border-radius:0; background-color:#F2F1F1; width:100%; text-align:left; padding:10px 12px; font-size:1em; color:#333; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; position:relative;}
.btn-group .btn:before {position:absolute; font-family:FontAwesome; top:10px; right:17px; content:"\f13a"; color:#333;}
.btn-group .btn:hover:before, .btn-group .btn:focus:before {color:#fff;}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
background-color:#43CEA2; color:#fff;}
.btn-group .btn-default.active.focus, .btn-group .btn-default.active:focus, .btn-group .btn-default.active:hover, .btn-group .btn-default:active.focus, .btn-group .btn-default:active:focus, .btn-group .btn-default:active:hover, .btn-group .open>.dropdown-toggle.btn-default.focus, .btn-group .open>.dropdown-toggle.btn-default:focus, .btn-group .open>.dropdown-toggle.btn-default:hover {color:#fff; background-color:#43CEA2;}
.btn-group ul.dropdown-menu {padding-left:0;}
.btn-group .dropdown-menu {float:left; top:42px; min-width:160px; width:100%; padding:5px 0; margin:0; font-size:1em; background-color:#fff; border:none; border-radius:0;}
.btn-group .btn {padding:10px 20px;}
.btn-group .dropdown-menu>li>a {color:#333; text-decoration:none;}
.btn-group .dropdown-menu>li>a:focus, .btn-group .dropdown-menu>li>a:hover {color:#43CEA2; background-color:#fff;}
.btn-group .dropdown-menu>.active>a, .btn-group .dropdown-menu>.active>a:focus, .btn-group .dropdown-menu>.active>a:hover {color:#43CEA2; background-color:#fff;}
.btn-group .btn-default.active, .btn-group .btn-default:active, .btn-group .open>.dropdown-toggle.btn-default {color:#43CEA2; background-color:#fff;}
.btn-group ul.dropdown-menu ul {display:none; margin:0; list-style:none; padding:0;}
.btn-group ul.dropdown-menu ul li a {display:block; padding:3px 35px; color:#333;}
.btn-group ul.dropdown-menu ul li a:hover {color:#43CEA2;}
.btn-group ul.dropdown-menu ul li.active a {color:#43CEA2;}
.btn-group ul.dropdown-menu li.active ul {display:block;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow:none; box-shadow:none;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {color:#fff; background-color:#43CEA2;}

/* Accordion */
.panel {margin-bottom:5px; border:none; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.panel-heading {padding:0; border-radius:0;}
.panel-default>.panel-heading {color:#000; background-color:#F5F5F5; border:none;}
.panel-body {padding:15px 40px 15px 22px;}
.panel-default {border:none;}
.panel-title>a {color:#000; display:block; padding:15px 44px 15px 22px; position:relative; text-decoration:none;}
.panel-title>a:hover {color:#43CEA2;}
.panel-title>a:before {font-family:FontAwesome; position:absolute; top:12px; right:15px; color:#CCCCCC; font-size:1.286em; content:"\f13a"; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}		
.panel-title>a:hover:before {color:#43CEA2;}	
.panel-title.active-panel>a:before {content:"\f139"; color:#43CEA2;}
.panel-title.active-panel>a {color:#43CEA2;}
.panel-group .panel {border-radius:0;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}

/* table */
table {margin-bottom:1em; width:100%;}
table td {text-align:center; font-size:0.800em; padding:8px 5px; border-right:1px solid #fff; width:25%;}
thead td, th {background:#43CEA2; color:#fff; position:relative; text-align:center; padding:4px 4px;}
tbody td {background:#ebebeb; vertical-align:top; border-bottom:1px solid #ccc;}
th.st-head-row-main {display:none;}
.table-responsive {overflow-y: hidden; overflow-x: auto;}
.table-responsive::-webkit-scrollbar {width:8px; background-color:#aaa;}
.table-responsive::-webkit-scrollbar-thumb {border-radius:4px; background-color:#000; -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .5);}
thead td:after, th:after {content:""; position:absolute; bottom:-5px; left:50%; margin-left:-5px; border-width:5px 5px 0; border-style:solid; border-color:#43CEA2 transparent; display:block; width:0;}
.stacktable {width:100%;}
.st-head-row {padding:5px; text-align:center;}
.st-key {width:49%;}
.st-val {width:49%;}
.stacktable.large-only {display:table;}
.stacktable.small-only {display:none;}
table .price {color:#cc0000;}

/* Notice */
.notice {max-width:870px; margin:0 auto;}
.notice p {text-align:center;}

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

@media (max-width: 992px) {	
	.footerLogos ul li {margin:0 18px 10px 18px;}
	
	/* Nav */
	.nav>li {margin-right:0;}
	.nav>li>a {padding:10px 15px;}
	.navbar-nav {margin-top:10px;}
	.navbar .dropdown-menu {padding:0;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#3B4A69;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#43CDA1;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:8px 15px 8px 25px;}
	.navbar-toggle {position:relative; float:right; padding:9px 10px; margin-top:40px; margin-right:15px; margin-bottom:8px; background-color:transparent; background-image:none; border:none; border-radius:0; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#fff; color:#43CDA1;}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color:#43CDA1; background-color:#fff;}
}

@media (max-width: 768px) {
	/* Sub Nav */
	.content .subNav {display:none;}
	.btn-group {display:block;}
}

@media (max-width: 576px) {
	.banner h1 {font-size:26px;}
	h2 {font-size:20px;}
}
	
@media (max-width: 500px) {	
	/* Home */
	.homeLinks span.linkTitle {font-size:1.375em;}
	
	/* Footer */
	.footerAppointments {background-size:cover;}
}

@media (max-width: 480px) {
	/* Costs */
	.logoList li {width:50%;}
	
	/* Home */
	.owlCaption.owl1 h1 {font-size:1.3em;}
}

@media (max-width: 470px) {
	.toggleTitle {display:none;}
}

@media (max-width: 450px) {
	.navbar-brand {width:80%;}
	.navbar-brand img {max-width:100%; height:auto;}
	.navbar-toggle {margin-top: 15px; font-size:1.2em;}
	.owlCaption h1 span {display:block;}
}

@media (max-width: 430px) {
	/* Home */
	.homeLinks span.linkTitle {font-size:1em;}

	/* Treatments */
	.circle {width:150px; height:150px;}
	.circle a.wideText {font-size:14px; padding:0 15px;}
}

@media (max-width: 360px) {
	/* Treatments */
	.circle {width:130px; height:130px; font-size:16px;}
}