* {box-sizing:border-box}
html, body {margin:0; padding:0; height:100%}
body {color:#333; font-size:16px; line-height:1.7; font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5, h6, #content #filter-by li a, .gallery-item .item-title a {color:#333}
h1, h2, h3, h4, h5, h6, .smart-head {margin-bottom:10px; font-family: 'Montserrat', sans-serif;}
.smart-head {font-size:2em; line-height:40px}
.smart-head strong {font-weight:bold}
h2 {font-size:1.7em; line-height:1.7}
h3 {font-size:1.3em; line-height:1.3}
h5 {font-size:14px}
p {font-size:inherit; line-height:inherit; text-align:inherit}
p a {text-decoration: underline !important}
img {max-width:100%; height:auto}
.btn:focus, [type=submit]:focus {outline:none; color:#fff}
ul li {font-size:inherit; line-height:inherit}
b {font-weight: bold}
[href^="tel:"] {text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit}

/* Clearfix
======================================= */
#top-bar ul:after, #container:after, #container article:after, .main-nav > div > ul:after, .container:after, .photo-gallery:after, .row:after {content:""; display:table; clear:both}

/* Header
======================================= */
#top-bar {margin-bottom:0}
#top-bar ul li {float:left; display:block; width:50%; border-right:1px solid #dedede; border-bottom: 1px solid #dedede; font-size:16px; padding: 10px; text-align: center}
#top-bar ul li:first-child {border-left:1px solid #dedede}
#top-bar ul li a {color: #333; font-size:14px}
#top-bar ul li a:hover {color: #555}
#top-bar ul li a:last-child {display:block; line-height:1; font-weight:bold;     font-family: 'Montserrat', sans-serif;}
#top-bar-alt {border-bottom: 1px solid #dedede}
#top-bar-alt ul {display: flex; flex-wrap: wrap; margin: 0; padding: 5px 0; justify-content: center}
#top-bar-alt ul li {border-right: 1px solid #dedede; padding: 0 10px}
#top-bar-alt ul li:first-child {border-left: 1px solid #dedede}
#top-bar-alt ul li a i {margin-right: 5px; color: #ea4335}
#top-bar-notification {text-align: center; background: #8cd8bc; color: #fff; font-size: 14px; line-height: 1.5; padding: 5px;}
#top-bar-notification a {color: #fff; font-weight: bold; text-decoration: none; font-size: 14px; margin-left: 5px; font-family: 'Montserrat', sans-serif;}
#top-bar-notification a:hover {opacity: 0.9}
#header {width:100%}
#header .flex {padding:25px 0}
#header .schedule {text-align:right}
#header .schedule h3 {font-size:15px; color: #333; font-weight: normal}
#header .schedule h3 span {display:block; font-size:25px; margin-top:0}
#header .btn {min-width: 200px; margin-bottom: 5px}
#header .btn:nth-child(1) {background: #8cd8bc}
#header .btn:nth-child(2) {background: #1692d0}
#header .btn:nth-child(3) {background: #1692d0}
#header .btn:hover {opacity: 0.9}
.main-nav {border-radius:0;}
.main-nav > div {float: none; max-width: 1200px; width: 100%; margin: 0 auto}
.main-nav > div > ul {float:none}
.main-nav > div > ul > li:first-child {border-left:1px solid #dedede; border-radius:0}
.main-nav > div > ul > li:last-child {border-right:1px solid #dedede}
.main-nav > div ul li a {display:block; text-transform:uppercase; font-weight:700; text-shadow:none; padding:3px 20px; font-size:12px; font-family: 'Montserrat', sans-serif;}
.main-nav > div ul li ul  {padding:0; top:100%; width:250px;}
.main-nav > div ul li ul li {padding:0; width:100%; border-top:1px solid #f38a66; border-bottom:1px solid #de6237}
.main-nav > div ul li ul li:first-child {border-top:none}
.main-nav > div ul li ul li:last-child {border-bottom:none}
.main-nav > div ul li ul li a {padding:13px 20px; line-height:1.5; display: block}
.page-head {width:100%; padding:70px 0; background-color: #0094e0; background:url(/images/page-header-2.jpg?v=1.001)no-repeat center; background-size:cover; position:relative; z-index: 100; text-align:center}
.page-head:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%}
.page-head h1, .page-head h2 {font-size:30px; font-weight: 400; text-align:center; color:#333; line-height:35px; margin-bottom:10px !important; position:relative; z-index:100; display:inline-block}
.page-head h1:after, .page-head h2:after {content: ""; position: absolute; width: 100px; height: 3px; bottom: -20px; left: 0; right: 0; margin: 0 auto; background: #8cd8bc;}
.page-head p{font-size:inherit; line-height:inherit; color:#fff; font-style:italic; text-align:center; font-weight:normal; position:relative; z-index:100}
.contact-page .page-head {margin-bottom:0}
iframe {display:block; position:relative; z-index:1000}
.no-top-padding {padding-top:0 !important}
.d-none {display: none !important}

/* Inner Page
======================================= */
#content {background: none; border: none; box-shadow: none; padding: 0}
#content article {margin-bottom:30px; padding:30px; border: 1px solid #dedede; box-shadow: 0px 3px 0px #cddbdd; background: #fff; border-radius: 5px;}
#content article:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0}

/* Sidebar
======================================= */
#sidebar .widget {border: 1px solid #dedede; box-shadow: 0px 3px 0px #cddbdd; border-radius:5px; padding:5px; background:#fff}
#sidebar .widget .image-wrapper {position:relative; margin-bottom:20px}
#sidebar .widget .image-wrapper:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
#sidebar .widget .text-wrapper {padding:20px; text-align:center}
#sidebar .widget .image-wrapper h2 {position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%; padding:0 20px; z-index:100; color:#fff}
#sidebar .widget .image-wrapper h2:after {content:""; position:absolute; width:100px; height:2px; bottom:-5px; left:0; right:0; margin:0 auto; background:#F3C834}
#sidebar .widget.no-bg {background: none; border: none; box-shadow: none; padding: 0}
#sidebar .widget h2 {font-size: 1.3em}

/* Blog
=============================== */
#pagination {text-align: center; margin: 0 0 15px; border-top: 1px solid #dedede; margin-top: 30px; padding-top: 20px;}
#pagination a {display:inline-block; padding:5px 10px; border:1px solid #dedede; margin:2px; color:#000; text-decoration:none; transition:0.3s all; cursor: pointer}
#pagination a:hover {background:#dedede}
#pagination a.active_page {background:#dedede}


/* Social Icons
======================================= */
#header .social-icons {text-align:right; margin-bottom:10px}
.social-icons li {display:inline-block; margin-right:2px; transition:0.1s all}
.social-icons li:hover {opacity:0.8}
.social-icons li .fa {font-size:18px; display:inline-block; width:35px; height:35px; line-height:37px; text-align:center; color:#fff; border-radius: .25rem}
.social-icons li .fa-facebook {background:#3765A3}
.social-icons li .fa-twitter {background:#33CCFF}
.social-icons li .fa-google-plus {background:#DC4A38}
.social-icons li .fa-google {background:#DC4A38}
.social-icons li .fa-youtube {background:#f00}
.social-icons li .fa-youtube-play {background:#f00}
.social-icons li .fa-linkedin {background: #0274b3}
.social-icons li .fa-map-signs {background:#f2c732}
.social-icons li .fa-shopping-cart {background:#feb61a}

/* Review Buttons
======================================= */
.review-buttons {margin-bottom: 15px}
.review-buttons a {display: inline-block; margin-right: 10px}


/* Slider
======================================= */
#slider-wrap {height:auto; margin-bottom:0}
#slider-wrap, #slider-wrap .slide-nav {width:100%}
#slider-wrap .slide-nav {height:auto}
#slider-wrap .slide-nav li {text-align:center; height:auto; padding:30px; cursor:auto; color:#fff}
#slider-wrap .slide-nav li h4 {font-size:20px}
#slider-wrap .slide-nav li p {margin-bottom:0; text-align:inherit; color:inherit; font-size:15px}
#slider-wrap .slide-nav li a {display:inline-block; background:#fff; margin-top:10px; color:#c86345; border-radius:5px; padding:15px 25px}
#slider {position:relative}
.slider img {display:none}
.slider img:first-child {display:block}
#slider .controls li {position:absolute; top:50%; transform:translateY(-50%); z-index:100}
#slider #prev, #slider #next {width:34px; height:65px; display:inline-block; background-size:contain; transition:all 0.3s ease; cursor:pointer}
#slider #prev {left:-100px; background:url(/images/arrow-prev.png)no-repeat center}
#slider:hover #prev {left:15px}
#slider #next {right:-100px; background:url(/images/arrow-next.png)no-repeat center}
#slider:hover #next {right:15px}
#slider img {width:100%}
#slider .slider a {width: 100%}
#sub-slider {padding: 25px 0 30px;}
#sub-slider h1, #sub-slider h3 {color: #fff; margin: 0 0 5px; padding: 0; font-size: 1.3em; line-height: 1.3;}
#sub-slider p {color: #fff; margin-bottom: 0}
.pager {position:absolute; bottom:10px; text-align: center; width: 100%; z-index: 100; overflow: hidden}
.pager span {font-size: 30px; width: 16px; height: 16px; display:inline-block; color: #ddd}
.pager span.cycle-pager-active {color: #007fc0}
.pager > * {cursor: pointer}

/* Skeleton
======================================= */
#container, .container, #slider-wrap .slide-nav ul, footer, .page-head p {max-width:1200px; width:100%; margin:0 auto}
.container {position: relative; z-index: 1000}
.wrapper {padding:70px 0; overflow:hidden; position: relative}
.wrapper.gray {background:#f3f3f3; border:1px solid #dedede; border-width:1px 0}
.wrapper.no-padding {padding:0}
[class*="col-"] {float:left; padding:0 2%}
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.66%}
.col-12 {width: 100%}
.offset-1 {margin-left: 8.33%}
.offset-2 {margin-left: 16.66%}
.offset-3 {margin-left: 25%}
.offset-4 {margin-left: 33.33%}
.offset-5 {margin-left: 41.66%}
.offset-6 {margin-left: 50%}
.offset-7 {margin-left: 58.33%}
.offset-8 {margin-left: 66.66%}
.offset-9 {margin-left: 75%}
.offset-10 {margin-left: 83.33%}
.offset-11 {margin-left: 91.66%}
.flex {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px}
.flex [class*="col-"] {float: none; padding: 0 2%}
.flex.align-items-center {-webkit-box-align: center!important; -webkit-align-items: center!important; -ms-flex-align: center!important; align-items: center!important;}
.flex.justify-content-center {-webkit-justify-content: center!important; justify-content: center!important;}
#content, #sidebar {float:left; width:100%;}
#content {max-width:70%; margin-right:2%;}
#sidebar {max-width:28%}
#content.full-width {max-width: 100%; width: 100%}

/* Image Offset
======================================= */
.image-offset-20px {margin-bottom:-20px}
.image-offset-40px {margin-bottom:-40px}
.image-offset-60px {margin-bottom:-60px}
.image-offset-80px {margin-bottom:-80px}

/* Footer
======================================= */
#footer-wrap {clear:both}
footer .footer-widget {max-width:32%; width:100%; margin-right:2%; position:relative}
footer .footer-widget:last-child {margin-right:0}
footer .footer-widget ul {position:relative; z-index:100}
footer .footer-widget ul li {background:none; padding:0}
footer .social-icons {text-align:left}
footer .map-bg {background: url(/images/map.png)no-repeat center; background-size: contain; width: 100%; height: 188px; position: absolute; top: 50px; left: -50px}
footer .contact ul li {font-style:italic; background:none; padding-left:0; font-size:inherit; line-height:inherit; margin-bottom:10px}
footer .footer-widget h3, footer .footer-widget h2 {font-weight:900; font-size:20px; text-transform:uppercase; color: #e6e6e6; margin-bottom: 30px}
footer p {color:#cdcdcd}
footer .footer-widget .tags {list-style:none; margin:0; padding:0}
footer .footer-widget .tags li {display: inline-block}
footer .footer-widget .tags li a {display: inline-block; color:#fff; padding: 5px 10px; background: #222; margin: 0 5px 5px 0; text-transform: uppercase; font-size: 12px; letter-spacing: 2px}
footer .footer-widget .tags li a:hover {background:#007fc0; color:#fff}
#footer-bottom .copyrights {float: none; text-align: center; font-size: 12px; color: #808080}
#footer-bottom .copyrights a {text-decoration: underline; color: #bbb}

/* Align
======================================= */
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}

/* Contact Form
======================================= */
.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=phone],
.form textarea,
.form select {border:1px solid #dedede; font-family:inherit; font-size:13px; border-radius:3px; margin-bottom:10px; box-shadow:none; height: 35px; padding: 5px; width:100%; color: #333}
.form select {padding-left:0}
.form textarea {min-height:150px}
.form .btn, .form-upload .btn {margin-bottom:10px; border:none}
.form-row:after {content:""; display:table; clear:both}
.form-row.double * {float:left; max-width:49%; margin-right:2%}
.form-row.double *:nth-child(2n) {margin-right:0}
.form-row.triple * {float:left; max-width:32%; margin-right:2%}
.form-row.triple *:nth-child(3n) {margin-right:0}
.loader {background: url(../images/ajax-loader.gif)no-repeat 0 4px; height: 32px; padding: 0 0 0 20px !important; display: none; text-align: left; margin-bottom: 10px}
.form [type=submit], .form-upload [type=submit] {line-height:inherit; cursor: pointer}
.form-upload {border: 1px solid #dedede; padding: 30px; margin-bottom: 30px; background: #f3f3f3;}
.form-upload .form-row {margin-bottom: 20px}
#sidebar .form input[type=text],
#sidebar .form input[type=email],
#sidebar .form input[type=phone],
#sidebar .form textarea,
#sidebar .form select {display:block; float:none; width:100%}
#sidebar .contact {padding:30px}
#sidebar .contact h3 {margin-bottom:20px}
#sidebar .form .result {font-size:14px; text-align: left}
.form-row.switch {display: none}
.form .g-recaptcha {margin-bottom: 20px}
#sidebar .search-form input[type=text] {display: block; float: none; width: 100%; height: 46px; font-style: inherit; font-size: inherit;}
.form-callback {border: 1px solid #dedede; padding: 30px; background: #f3f3f3;}
.form-competition {background: #1692d0; color: #fff; padding: 30px; text-align: center;}
.form-competition h3 {color: inherit; font-size: 26px}
.form-competition > p {font-style: italic}
.form-competition .btn {display: block; width: 100%; background: #333; border-radius: 0.25rem; font-size: 1em;}
.form-competition .result {text-align: left}
.form-competition .result h3 {font-size: 16px; margin-top: 20px}

/* Spacing
====================== */
.m-5 {margin:5px 0 5px !important}
.m-10 {margin:10px 0 10px !important}
.m-15 {margin:15px 0 15px !important}
.m-20 {margin:20px 0 20px !important}
.m-25 {margin:25px 0 25px !important}
.m-30 {margin:30px 0 30px !important}
.m-35 {margin:35px 0 35px !important}
.m-40 {margin:40px 0 40px !important}
.m-45 {margin:45px 0 45px !important}
.m-t-0 {margin-top:0 !important}
.m-t-5 {margin-top:5px !important}
.m-t-10 {margin-top:10px !important}
.m-t-15 {margin-top:15px !important}
.m-t-20 {margin-top:20px !important}
.m-t-25 {margin-top:25px !important}
.m-t-30 {margin-top:30px !important}
.m-t-35 {margin-top:35px !important}
.m-t-40 {margin-top:40px !important}
.m-t-45 {margin-top:45px !important}
.m-b-0 {margin-bottom:0 !important}
.m-b-5 {margin-bottom:5px !important}
.m-b-10 {margin-bottom:10px !important}
.m-b-15 {margin-bottom:15px !important}
.m-b-20 {margin-bottom:20px !important}
.m-b-25 {margin-bottom:25px !important}
.m-b-30 {margin-bottom:30px !important}
.m-b-35 {margin-bottom:35px !important}
.m-b-40 {margin-bottom:40px !important}
.m-b-45 {margin-bottom:45px !important}
.m-l-0 {margin-left:0 !important}
.m-l-5 {margin-left:5px !important}
.m-l-10 {margin-left:10px !important}
.m-l-15 {margin-left:15px !important}
.m-l-20 {margin-left:20px !important}
.m-l-25 {margin-left:25px !important}
.m-l-30 {margin-left:30px !important}
.m-l-35 {margin-left:35px !important}
.m-l-40 {margin-left:40px !important}
.m-l-45 {margin-left:45px !important}
.m-r-0 {margin-right:0 !important}
.m-r-5 {margin-right:5px !important}
.m-r-10 {margin-right:10px !important}
.m-r-15 {margin-right:15px !important}
.m-r-20 {margin-right:20px !important}
.m-r-25 {margin-right:25px !important}
.m-r-30 {margin-right:30px !important}
.m-r-35 {margin-right:35px !important}
.m-r-40 {margin-right:40px !important}
.m-r-45 {margin-right:45px !important}

/* News Page
======================================= */
.news article .date {display: block; font-style: italic; margin-bottom: 10px}
#sidebar .news-archive {padding:25px}
#sidebar .news-archive a {display:block}
#sidebar .news-archive ul {list-style:square; margin-left:18px; padding:0}
#sidebar .news-archive ul li {background:none; padding-left:5px; margin-bottom:10px; padding-bottom:10px}
#sidebar .news-archive ul li:last-child {border-bottom:none; margin-bottom:0}
#sidebar .news-archive ul li span {color:#999; font-size: 14px}
.footer-widget .news-archive ul li {margin-bottom: 25px}
.footer-widget .news-archive ul li:last-child {margin-bottom: 0}
.footer-widget .news-archive ul li a {display: block}
.footer-widget .news-archive ul li span {font-size: 13px}

/* Background
======================================= */
.wrapper.parallax {position:relative; background: #1692d0; color:#fff; text-align:center}
.wrapper.parallax > .container {position:relative; z-index:100}
.wrapper.parallax p {text-align:inherit}
.wrapper.parallax .btn {color:#fff; border:1px solid #fff; box-shadow:none; padding:10px 25px; margin-bottom:0}
.wrapper.parallax .btn:hover {background:#fff; color:#1692d0}
.wrapper.parallax h3 {font-size:25px}
.wrapper.parallax h3 span {font-weight: 900; text-transform: uppercase; font-size: 35px; line-height: 30px}
.cutted {position:relative}
.cutted:before {content:""; position:absolute; top:0; left:0; height:70%; width:100%; z-index:10; background:#f3f3f3}
.wrapper.small-padding {padding: 30px 0}

/* Hearing Quiz
======================================= */
#hearing-quiz .questions .form-row {margin-bottom:30px}
#hearing-quiz label {display:block}
#hearing-quiz .btn {margin:20px 0}

/* Elements
======================================= */
.masonry {margin-bottom:30px !important}
.masonry.col-2 article {width:48%}
.masonry.col-3 article {width:31.3%}
.masonry.col-3 article img {padding:25px 0; background:#fff}
.masonry article {float: left; margin: 0 1% 2% 1%; height:auto !important; border: 1px solid #f3f3f3; padding: 0; box-sizing: border-box; background: #fafafa}
.masonry article p {margin:15px}
.masonry article h2 {margin:10px 15px 5px 15px; color:#52A7B9}
.masonry article h4 {font-weight: 300; font-size:14px; margin:0 15px; color:#52A7B9}
.masonry article a {font-size: 12px; color: #52A7B9; margin: 0 15px 15px; padding: 5px 0; float: left; text-transform: uppercase; font-weight: 900; transition:0.3s all}
.masonry article a:hover {color:#000}
.masonry article a:before {content:"\f019"; font-family:FontAwesome; padding-right:5px}
.masonry article ul {margin:0 15px 15px 33px !important}
.masonry article ul li {margin-bottom:5px !important}
.masonry article img {max-width:100%; border-bottom: 1px solid #f3f3f3}
.masonry article.new:after {content:url(../images/new-badge.png); position: absolute; top: -4px; left: -4px}
.btn {display: inline-block; padding: 12px 25px; border-radius: 100px; color: #fff; background: #1692d0; font-weight: 900; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', sans-serif; border: none; cursor: pointer;}
.btn:hover {background:#007fc0; color:#fff}
.post-image {border:1px solid #dedede; background:#fff; text-align:center; box-shadow:0px 3px 0px #cddbdd; padding:5px; border-radius:5px; margin-bottom:20px}
.post-image .image-wrapper {position:relative}
.post-image .image-wrapper:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.5)}
.post-image .image-wrapper img {display:block}
.post-image .image-wrapper h3 {position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%; padding:0 20px; z-index:100; color:#fff}
.post-image .image-wrapper h3:after {content:""; position:absolute; width:100px; height:2px; bottom:-5px; left:0; right:0; margin:0 auto; background:#F3C834}
.post-image p {padding:20px; margin-bottom:0}
.post-image a {display:block; color:#c76244; font-weight:800; font-size:13px; text-transform:uppercase; padding:10px 20px; border-top:1px solid #dedede; font-family: 'Montserrat', sans-serif;}
.post-image a:hover {color:#d21c22}
.post-image a:after {content:"\f0a9"; font:normal normal normal 14px/1 FontAwesome; padding-left:5px}
.img-border {padding:3px; background:#fff; border:1px solid #dedede; margin-bottom:10px}
.img-circle {border-radius:50%; padding:3px; background:#fff; border:1px solid #dedede}
.square-list {list-style:square; margin-left:18px; margin-bottom:25px}
.square-list li {font-size:inherit; line-height:inherit}
.decimal-list {list-style:decimal; margin-left:18px; margin-bottom:25px}
.decimal-list li {font-size:inherit; line-height:inherit}
.link-list {list-style:square; margin-left:18px}
.link-list li {font-size:inherit; line-height:inherit}
.link-list li a {text-decoration:underline; font-size:20px; font-weight:700; color:#c76244}
.link-list li a:hover {color:inherit}
.link-list li h3 {font-size:20px; line-height:25px; font-weight:700 !important; color:#333 !important}
.extra-large {font-size: 150px; line-height: 150px; text-align:center}
.p404 .wrapper {padding:100px 0}
.title {margin-bottom:0; color:#000}
.sub-title {color:#c76244; font-weight:900; font-size:1em}
#content article h2 {font-size:30px; line-height:35px; font-weight:500; color:#000}
#content article h3 {color:#c76244; font-weight:bold}
.relative {position:relative; z-index:100}
.wrapper.two-col .image-holder {background:url(/page/image-holder-1.jpg); position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover}
.wrapper.two-col.left .image-holder {left:0; right:auto}
.wrapper.two-col h2, .wrapper.two-col h3 {color:inherit}
.wrapper.two-col .btn {background:transparent; border:2px solid #fff}
.wrapper.two-col .btn:hover {background:#fff; color:#333}
#content ul li {background:none; padding:0; border:none; margin-left:20px}
#content ol li {border-bottom:none; padding:0; margin-bottom:0; font-size:inherit; line-height:inherit}
#content .faq-unit h4.faq-question {font-size:inherit; font-weight:500}
.faq-unit.active, .faq-unit.active:hover {background-color:transparent}
.faq-unit, .faq-unit.active {background-position:12px 17px}
.office-hours {margin:0 0 20px 0}
.office-hours li span {min-width:130px; display:inline-block}
.remove-bottom {margin-bottom:0 !important}
.photo-gallery {list-style:none; margin:0 0 50px 0}
.photo-gallery li {float:left; width:100%; margin:0 2% 2% 0}
.photo-gallery.items-2 li {max-width:49%}
.photo-gallery.items-2 li:nth-child(2n) {margin-right:0}
.photo-gallery.items-3 li {max-width:32%}
.photo-gallery.items-3 li:nth-child(3n) {margin-right:0}
.photo-gallery.items-4 li {max-width:23.5%}
.photo-gallery.items-4 li:nth-child(4n) {margin-right:0}
.phone-number {display: block; font-size: 30px; line-height: 40px; margin-top: 10px}
.virtual-tour {overflow: hidden}
.small {font-size: 12px}
.bg-map {background: url("/page/index-map.jpg") no-repeat center !important; background-size: cover !important}
.video-holder {position: relative; z-index: 1000; display: block}
.video-holder:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10}
.video-holder:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/btn-play.png') no-repeat center; z-index: 100}
.video-holder img {display: block}
.video-holder + strong {display: block; text-align: center; font-size: 14px; font-weight: normal;}
.online-hearing-test {margin-top: -97px; position: relative; z-index: 1;}
#items {margin-bottom: 30px; padding: 30px; border: 1px solid #dedede; box-shadow: 0px 3px 0px #cddbdd; background: #fff; border-radius: 5px;}
#items article {margin-bottom: 0; padding: 0; border: none; box-shadow: none; background: transparent; border-radius: 0;}
#items article:not(:last-of-type) {border-bottom: 1px solid #dedede; margin-bottom: 30px; padding-bottom: 50px}
#items hr {margin: 30px 0}
#items ul {list-style: square}
.boxed {border: 1px solid #dedede; padding: 20px; background: #fafafa}

/* Landing Page
======================================= */
.landing-page #logo-container {padding:0}
.landing-page #header .schedule h3 {font-size:20px; color:#333; margin-bottom:0}
.landing-page #header .schedule h3 a {display:block; font-size:30px; font-weight:bold; color:#e62825; margin-top:0}
.landing-page h1 {margin-bottom:5px; color:#fff}
.landing-page h4 {color:#e5c12e}
.landing-page form {font-size:15px; margin-top:25px}
.landing-page [type="text"], .landing-page select, .landing-page textarea {width:100%; height:36px; font-size:inherit; border:1px solid #f1f1f1; margin-bottom:5px !important}
.landing-page select {border-radius:3px; color: inherit; font-family: inherit; font-size: 13px}
.landing-page textarea {min-height:150px; font-size: 13px}
.landing-page [type="submit"] {border: none; padding: 15px 40px; font-size: 14px; background: #e5c12e; background: linear-gradient(#e5c12e, #bf9f1d); color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor:pointer}
.landing-page [type="submit"]:hover {background:#bf9f1d}
.landing-page .wrapper.blue {background: url(/images/bg-landing-page.jpg)no-repeat center; background-size: cover; background-attachment: fixed;}
.landing-page .no-padding {padding:0}
.landing-page .no-padding img {display:block; margin:0 auto 2px}
.landing-page .slogan {padding:25px 0; text-align:center; margin-bottom:0; background:#e5c12e}
.landing-page .slogan h2 {font-size:25px; font-style:italic; color:#fff; margin-bottom:0}
.landing-page .photo-gallery {margin-bottom:0}
.landing-page footer .contact ul li {color:#cdcdcd; margin-bottom:0}
.landing-page .result {color:#fff}

/* Popup
====================== */
.popup {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; right: 0; z-index: 1000; text-align: center; display: none; overflow:auto;}
.popup.show {display: block;}
.popup .container {max-width: 600px; width: 90%; background: #f3f3f3; position: relative; padding: 40px; margin: 30px auto; text-align: left; overflow: visible; box-sizing: border-box}
.popup .close {position: absolute; top: -10px; right: -10px; background: #fff; display: inline-block; width: 36px; height: 36px; line-height: 34px; text-align: center; border-radius: 50%; border: 1px solid #dedede; color: #333; opacity: 1}
.popup img {display: block; margin: 0 auto 30px;}
.popup h4 {margin-bottom: 10px}
.popup p {margin-top: 0}
.popup p a {text-decoration: underline}

@media (min-width: 576px) {
  [class^="col-sm-"] {margin-bottom: 0}
  .col-sm-1 {-ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
  .col-sm-2 {-ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
  .col-sm-3 {-ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .col-sm-4 {-ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  .col-sm-5 {-ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
  .col-sm-6 {-ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .col-sm-7 {-ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
  .col-sm-8 {-ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
  .col-sm-9 {-ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  .col-sm-10 {-ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
  .col-sm-11 {-ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
  .col-sm-12 {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}  
}

@media only screen and (min-width: 768px) {
    [class^="col-md-"] {margin-bottom: 0}
    .col-md-1 {-ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
    .col-md-2 {-ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-md-3 {-ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .col-md-4 {-ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-md-5 {-ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
    .col-md-6 {-ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .col-md-7 {-ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
    .col-md-8 {-ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-md-9 {-ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
    .col-md-10 {-ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
    .col-md-11 {-ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
    .col-md-12 {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #top-bar {border:none}
    #top-bar ul {display:table; width:100%}
    #top-bar ul li {display:table-cell; width:33.33333%; padding:2px 10px 9px; text-align:center; border-bottom:1px solid #dedede}
    #contact-container {text-align: right}
    #slider-wrap .slide-nav ul {display:table}
    #slider-wrap .slide-nav ul li {display:table-cell; width:33.3333%; float:none}
    .post-icon .col-4:nth-child(2) {border-width:1px 0}
    #wrapper {background:#f3f3f3}
    .show-mobile {display: none}
    .text-lg-right {text-align: right}
}

@media only screen and (min-width: 980px) {
    #top-bar ul li {width:calc(100% / 6)}
    #top-bar ul li:last-child {border-right:none}
    .row {margin:0 -2% 2%}
    .show-tablet {display: none}
    .online-hearing-test {margin-top: -216px}
}

@media only screen and (max-width: 1200px) {
    #wrapper #header, #wrapper #slider-wrap {width:100%; height:auto}
    #container, .container, .page-head, #slider-wrap .slide-nav ul, footer {max-width:90%}
    .post-icon {margin-bottom:30px}
    #wrapper .page-head {max-width:100%; width:100%; padding:50px 30px}
    .cutted:before {height:100%}
    .wrapper.no-padding {padding:70px 0}
	  .no-top-padding {padding-top:70px !important}
    .main-nav > div ul li a {padding: 5px 15px; font-size: 12px}
}

@media only screen and (max-width: 979px) {
    #wrapper #header {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column;}
    #wrapper #header .main-nav {order: 1; margin-top: 0; padding-bottom:10px}
    #wrapper #header #top-bar {order: 2}
    #wrapper #header .container {order: 3; margin-bottom: 25px}
    #top-bar ul li:nth-child(4n) {border-left:1px solid #dedede}
    #top-bar ul {background:#f3f3f3}
    #top-bar-alt ul li {width: calc(100% / 3); text-align: center;}
    #top-bar-alt ul li:first-child {border-left: none}
    #logo-container .logo img {margin:0 auto}
    #contact-container, #header .schedule, #header .social-icons {text-align:center}
    [class*="col-"], footer .footer-widget {float:none; max-width:100%; width:100%; padding:0; margin-bottom:20px}
    [class*="offset-"] {margin-left:0}
    .wrapper.two-col .image-holder {display:none}
    footer .footer-widget {margin-bottom:30px}
    #content, #sidebar {max-width:100%; width:100% !important; float:none}
    /* #wrapper #slider-wrap {display:none}*/
    .main-nav > div > ul {display:none}
    .main-nav .responsive-nav {display:block}
    [class*="image-offset-"] {display:none}
}

@media only screen and (max-width: 979px) and (min-width: 767px) {
    #top-bar-alt ul li:nth-child(n+4) {border-top: 1px solid #dedede}
    #top-bar-alt ul li:nth-child(3n) {border-right: none}
}

@media only screen and (max-width: 767px) {
    .hide-mobile {display:none}
    #top-bar ul li {padding: 5px 10px; font-size: 15px; line-height: 22px}
    #top-bar ul li a:last-child {font-size: inherit; line-height: inherit; font-weight: bold}
    #top-bar ul li:nth-child(4n) {border-left:none}
    #top-bar ul li:nth-child(2n+1) {border-left:1px solid #dedede}
    #top-bar-alt ul li {width: calc(100% / 2);}
    #top-bar-alt ul li:nth-child(n+3) {border-top: 1px solid #dedede}
    #top-bar-alt ul li:nth-child(2n) {border-right: none}
    .form-row.double *, .form-row.triple * {max-width: 100%; margin-right: 0; float: none}
}