body {font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; line-height: 1.8; overflow-x: hidden; color: #454545}
h1, h2, h3, h4, h5 {font-weight: 800; font-family: inherit}
img {display: block}

/* Preloader
============================== */
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ecf0f1; z-index: 10000; text-align: center}
#preloader img {margin: 0 auto}

/* Header
============================== */
#header-wrapper {position: relative; z-index: 1000; text-align: center}
#top-bar {background: #dd5f56; color: #fff; padding: 10px 0; line-height: 1.2}
#top-bar a {color: inherit; text-decoration: none}
.secondary-menu {list-style: none; margin: 0; padding: 0}
.secondary-menu li {padding: 0 15px 0 30px; position: relative; font-weight: bold; border-bottom: 1px solid #b3352c; padding-bottom: 5px; margin-bottom: 5px}
.secondary-menu li a:last-of-type {display: block; font-weight: normal}
.secondary-menu li i {display: none; position: absolute; left: 0; top: 0; font-size: 25px;}
#header {padding: 20px 0}

/* Page Header
============================== */
#page-header {background-size:cover; background-repeat: no-repeat; text-align: center; padding: 30px 0; padding-top: 170px}
#page-header h1 {margin: 40px auto 50px; color: #dd5f56; font-size: 2em; max-width: 50%;}
#breadcrumbs {padding: 20px 0; background: #fff; border: 1px solid #eaeaea; border-width: 1px 0; color: #777}
#breadcrumbs ul {list-style: none; margin: 0; padding: 0}
#breadcrumbs ul:before {content: "You Are Currently Here:"; margin-right: 10px}
#breadcrumbs ul li {display: inline-block}
#breadcrumbs ul li:not(:last-child):after {content: "\F0142"; display: inline-block; margin: 0 -3px 0 0px; font: normal normal normal 17px/1 "Material Design Icons"; vertical-align: middle;}

/* Navigation
============================== */
#menu {text-align:left;}
#menu ul {display: none; list-style:none; margin:0; padding:0; color: #3f5251; font-weight: bold;}
#menu ul li {position:relative}
#menu ul li a {display:block; padding:15px; text-decoration:none; color:inherit; position:relative; font-size:13px;}
#menu ul li a:hover {color:#d63628}
#menu ul li a i {font-size: 18px; position: relative; top: 2px}
#menu ul li ul {display: none;}
#menu ul li:last-child ul {left:auto; right:0}
#menu ul li ul.expand {display:block}
#menu ul li ul li {position:relative; float:none; display:block; text-align:left;}
#menu ul li ul li:last-child {border-bottom:none}
#menu ul li ul li:last-child:after {display:none}
#menu ul li ul li a:hover {background:#f3f3f3; color: inherit}
#menu ul li ul li a {color:#333; padding: 15px 20px; font-weight: normal}
#menu ul li.contact a {background: #00a78c; color: #fff; border-radius: 50px; padding: 6px 30px; text-transform: uppercase; letter-spacing: 0.3px; font-size: 12px;}
#menu ul li.contact a:hover {color:#fff; background:#039880}
#nav-btn {display: block; color: inherit; text-align: left; width: 100%; position: relative; background: none; border: 1px solid #dedede; padding: 12px 10px; margin-top: 25px; font-family: inherit; outline: none}
#nav-btn i {position: absolute; right: 10px; font-size: 25px; color: #777; top: 7px;}

/* Social Icons
============================== */
.social-icons {list-style: none; margin: 0; padding: 0; color: #fff; font-size: 20px}
.social-icons li {display: inline-block; margin: 0 5px}
.social-icons li a {color: inherit}
.social-icons li a:hover {opacity: 0.8}

/* Slide
============================== */
#slide {padding-bottom: 0; border-bottom: 1px solid #dedede; position: relative}
#slide h1 {font-size:2.4em}
#slide p {margin-bottom: 25px}
#slide .title {font-size: 18px; color: #7bb3af;}
#slide .title span {display: block; font-size: 4em; line-height: 1; color: #dd5f56;}
#slide img {display: block}
#slide ul {padding: 0}
#slide > ul > li {padding-top: 170px}
.cycle-slideshow {margin: 0; overflow: hidden}
.cycle-slideshow li:first-child {display: block}
.cycle-slideshow li {display: none; width: 100%; position: relative}
#slide .nav-bullets {position:absolute; z-index:100; display:block; width:100%; left: 0; bottom:0; text-align:center}
#slide .nav-bullets span {cursor:pointer; display:inline-block; text-indent:-9000px; width:14px; height:14px; margin-right:5px; background:url(../images/slider-bullets.png)no-repeat; background-position:0 -14px}
#slide .nav-bullets span.cycle-pager-active {background-position:0 0}
#slide .nav-arrows {display: none}
#slide .nav-arrows a {position:absolute; z-index:100; top:45%; background:url(../images/slider-arrows.png)no-repeat; width:48px; height:83px; transition:0.3s all}
#slide .nav-arrows #prev {background-position:0 0; left:-100px}
#slide .nav-arrows #next {background-position:0 -83px; right:-100px}
#slide:hover .nav-arrows #prev {left:50px}
#slide:hover .nav-arrows #next {right:50px}

/* Button
============================== */
.btn {display: inline-block; padding: 11px 23px; border-radius: 5px; text-transform: none; letter-spacing: 0; font-weight: bold; color: #fff; text-decoration: none; font-size: 13px;}
.btn:hover {opacity: 0.9;}
.btn-primary {background: #336e6a}

/* Boxed Items
============================== */
.boxed {text-align: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 45px 0px; border-radius: 10px}
.boxed [class^="col-"] {padding: 50px 30px}
.boxed [class^="col-"]:nth-child(2) {background: #f1fbfa}
.boxed i {font-size: 4em; background: radial-gradient(#fff 40%, #c7dedc); border: 2px solid #427975; color: #427975; display: block; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; margin: 0 auto 20px;}
.boxed h3 {font-size: 18px; position: relative; margin-bottom: 40px}
.boxed h3:after {content: ""; position: absolute; bottom: -20px; width: 100px; height: 4px; background: #7bb3af; margin: 0 auto; left: 0; right: 0;}
.boxed p {margin-bottom: 20px}

/* Boxes
============================== */
.box {border-bottom: 4px solid #7bb3af; background: #fff; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3); transition: transform 300ms ease 0ms}
.box:hover {transform: scale(1.05, 1.05)}
.box picture, .box img {margin-bottom: 0}
.box h3 {font-size: 20px; font-weight: bold}
.box .description {padding: 30px}

/* Elements
============================== */
.section-title {margin-bottom: 20px}
.section-title h2 {font-size: 2.5em; line-height: 1; margin-bottom: 5px}
.section-title span {font-weight: bold; color: #7bb3af;}
.seprator {display: inline-block; width: 100px; height: 4px; background: #7bb3af; margin: 10px 0}
.hero {background-image: url('/images/texture-2.png'); background-repeat: no-repeat; background-size: cover}
.hero .container > .row {min-height: 350px}
.figure {background-repeat: no-repeat; background-size: cover; width: 50%; height: 100%; top: 0; left: 0; right: auto; position: absolute;}
.hero-right .figure {right: 0; left: auto}
.stars {font-size: 17px;}
.stars i {background: #dd5f56; color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: .25rem;}
.stars span {display: block; font-size: 12px; margin-top: 5px}
.map-wrapper {border: 1px solid #eaeaea; padding: 3px;}
article:not(:last-of-type) {margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea}
.widget {border: 1px solid #eaeaea; padding: 20px;}
.widget:not(:last-child) {margin-bottom: 30px}
.widget h2 {font-size: 16px; text-transform: uppercase;}
.online-hearing-test {margin-top: -117px; position: relative; z-index: 1;}

/* Contact page
============================== */
.wrapper-contact {padding: 70px 0 150px}
.wrapper-contact:after {content:""; position: absolute; left: 0; bottom: -50%; width: 150%; height: 100%; transform: rotateZ(-5deg); background: #f3f3f3; z-index: -1}
.address-box {background: #dd5f56 url(/images/texture-2.png); color: #fff; padding: 40px 20px; border-radius: 8px; text-align: center}
.address-info h3 {text-transform: uppercase; font-size: 14px; margin-bottom: 0;}
.address-info p {margin-bottom: 30px;}
.contact-box {border: 1px solid #eaeaea; padding: 30px; border-radius: 8px; background: #fff}
form input[type="text"], form input[type="tel"], form input[type="email"], form textarea, form select {border:1px solid #eaeaea; font-family:inherit; font-size:13px; border-radius:6px; margin-bottom:15px; box-shadow:none; height: 45px; padding: 5px; width: 100%}
form textarea {min-height: 100px}
form label {display: block}
form .row {margin-bottom: 0 !important}
.result {margin-top: 15px}
.result h3 {font-size: 17px; margin-bottom: 5px}
.loader {background: url(/images/ajax-loader.gif)no-repeat 0px 2px; background-size: 20px 20px; height: 30px; padding: 0 0 0 20px !important; display: none; text-align: left; margin: 10px 0;}
.loader:after {content:"Sending..."; margin-left: 5px}

/* Blog page
============================== */
#blog article img {margin-bottom: 15px}
#blog article h2 {font-size: 18px; margin-bottom: 0}
#blog .blog-info {margin-bottom: 20px}
#blog .blog-info span:not(:last-child):after {content:"|"; margin: 0 10px}
.recent-posts {list-style: none; padding: 0; margin: 0}
.recent-posts li {padding: 10px 0}
.recent-posts li:not(:last-child) {border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 10px}
.recent-posts li span {display: block; opacity: 0.5; font-weight: bold}

/* Section separators
============================== */
.ss-doublediagonal {z-index: 1; padding-top: 6em; background: #def0ee; margin-top:80px; overflow: visible}
.ss-doublediagonal::before, .ss-doublediagonal::after {content: ""; position: absolute; pointer-events: none; top: 0; left: -25%; z-index: -1; width: 150%; height: 75%; background: inherit; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.ss-doublediagonal::before {height: 50%; background: #edf6f6; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transform-origin: 3% 0; transform-origin: 3% 0;}

/* Call to action
============================== */
.call-to-action {background: #dd5f56 url('/images/texture-2.png'); color: #fff; text-align: center}
.page-contact .call-to-action {display: none}

/* Footer
============================== */
#footer {background: #454545; color: #fff; padding: 70px 0}
#footer h3 {font-size: 16px; font-weight: bold; margin-bottom: 0}
#footer ul {list-style: none; margin: 0; padding: 0; line-height: 2}
#copyright {background: #3a3a3a; color: #a7a7a7; padding: 20px 0; font-size: 11px;}
#copyright a {color: #fff}
#scroll-to-top {position: fixed; right: 20px; bottom: 0; z-index: 1000; background: #336e6a; width: 50px; height: 35px; line-height: 35px; text-align: center; border-radius: 5px 5px 0 0; font-size: 30px; color: #fff;}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	#header-wrapper {position: absolute; top:0; left: 0; right: 0; text-align: left}
	.secondary-menu {display: block}
	.secondary-menu li {display: inline-block; border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0}
	.secondary-menu li:not(:first-child) {margin-left: 5px}
	.secondary-menu li:not(:last-child) {border-right: 1px solid #b3352c}
	.secondary-menu li i {display: block}
	#header.fixed {position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,0.9); box-shadow: rgba(0,0,0,.117647) 0 1px 3px}
	#menu {text-align: right;}
	#menu ul {display:inline-block}
	#menu ul li {display: inline-block}
	#menu ul li a {padding:24px 15px}
	#menu ul li ul {background: #fff; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); position: absolute; z-index: 100; left: 0; top: 100%; width: 240px; text-align: center;}
	#menu ul li:hover ul {display: block}
	#nav-btn {display: none}
	#slide ul li {padding: 0}
	#slide .nav-arrows {display: block}
	.online-hearing-test {margin-top: -236px}
}

@media (max-width: 991px) {
	#menu ul {border-top: 1px solid #dedede}
	#menu > ul {border: 1px solid #dedede; border-top-width: 0}
	#menu ul li {border-bottom: 1px solid #dedede}
	#menu ul li a {font-weight: normal}
	#menu ul li a i {position: absolute; top: 0; right: 0; width: 46px; height: 46px; line-height: 46px; text-align: center}
	#slide ul li {padding: 80px 0 !important}
	#page-header {padding: 40px 0 !important}
	#page-header h1 {margin: 0; font-size: 2.5em}
}