/* CSS Document */
body {max-width:1920px; margin:0 auto; font-size:16px; line-height:28px}
.b1170 {background: url(../page/bg2.jpg)no-repeat left center; background-attachment: fixed; background-size: cover}
p, .widget_out_stuff2 .item-con-t1 header p {font-size:inherit; line-height:inherit}
h1, h2, h3, h4, h5 {text-transform:none}
img {max-width:100%; height:auto; box-sizing:border-box}
[href^="tel:"] {color: inherit; text-decoration: none; font-weight: inherit}

.locations {display:table; width:100%; background:#fff}
.locations li {display:table-cell; vertical-align:middle; text-align:center; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; line-height:22px}
.locations li:last-child {border-right:none}
.locations li a {display:block; color:inherit; padding:10px}
.locations li:hover {border-bottom-color:#f3f3f3}
.locations li:hover a {background:#f3f3f3}
.locations li a span {display:block; font-weight:bold}

.logo img {margin-top:25px}
.fixed .mini_logo {display:none}

.contact-info {float:right; position: relative; top: 30px; text-align:right}
.social-icons a {display:inline-block; color:#fff; transition:0.3s all}
.social-icons a i {display:inline-block; font-size:18px; width:35px; height:35px; line-height:35px; text-align:center; background-image: url(../images/icon-gradient.png); background-size: cover; background-repeat: no-repeat; transition:0.3s all}
.social-icons a:hover i {background-image:url(../images/icon-gradient-hover.png)}
.social-icons last-child a {margin-right:0}
.social-icons .header-text a {margin-bottom:15px; font-size:25px; color:#094da0; font-weight:700}
.social-icons .header-text a span {color:#333; display:block; font-size:19px; font-weight:400}
.absolute .social-icons {display:none}
.fa-facebook {background-color:#3765A3}
.fa-twitter {background-color:#2DAAE2}
.fa-google-plus {background-color:#DC4A3D}
.fa-map-signs {background-color:#C7A176}
.fa-youtube {background-color:#c8312b}
.fa-commenting-o {background-color: #00aee8}

div.wrapper.menu-bg {background:#fff}

.wrapper.top-slider {margin-top:45px; height:500px}
.tparrows.hidearrows {display:block; opacity:0; visibility:hidden; z-index:100; cursor:pointer; position:relative;}
.tparrows {opacity:1; visibility:visible}
.tp-leftarrow.default {background:url(../images/previous-l.png) no-repeat scroll 6px 39px rgba(9,77,160,0.75); width:50px; height:120px; z-index:1000; left:0 !important}
.tp-rightarrow.default {background:url(../images/next-l.png) no-repeat scroll 8px 41px rgba(9,77,160,0.75); width:50px; height:120px; z-index:1000; right:0 !important}

.two-headers {line-height:35px; padding:0; text-align:center}
.two-headers h1 {font-weight:700; font-size: 28px; margin: 10px 0 15px 0; text-transform: none; color: #e7ebee; line-height: 1.2}
.two-headers p {font-size:20px; line-height:25px; font-weight:300; margin:0 0 15px 0; color: #e7ebee}
.two-headers a {border-radius:8px; border:none; background-color:transparent; box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.1); width:auto; height: auto; background:#f3f3f3; padding: 20px 25px; text-shadow: none; margin:15px 0 0; position:relative; display:inline-block; float:right; clear:both; float: none; margin-top: 0; margin-bottom: 10px; font-size: 14px;}
.two-headers a:before {display:none}

.widget_out_stuff2 header h2, .widget_out_stuff2 header p {text-align:center !important}
.advantages .read-more {margin:0}
.menu li {margin-right: 22px}
.menu li:last-child {margin-right: 0}
.menu li>a {font-size:13px; padding:0 15px}
footer ul.quick-links {margin-left: 15px}
footer .quick-links li {list-style: circle; color: #fff; line-height: 35px}
footer .quick-links li a {color: #999; font-size: 15px}
footer .quick-links li a:hover {color: #fff; font-size: 15px}
.header-image.image1 {background:#3E6EC3; background-size: cover}
.accordion_style2 header {padding: 5px 0 5px 30px}
.widget_accordion.accordion_style2 article {margin-bottom:5px}
.widget_accordion.accordion_style2 header h2 {line-height: 35px; margin-bottom: 0}
.widget_accordion.accordion_style2 .active footer span+span, .widget_accordion.accordion_style2 footer span:first-child {top:5px; left:0}
.purchase-plate_header {font-size:23px; padding-bottom: 15px}
.widget_accordion footer {top:4px; left:-11px}
.circle-list {margin-left:17px}
.circle-list li {list-style-type:disc; font-size: inherit; padding-bottom: 10px; margin-left:2px}
.circle-list.alt {margin-left:17px}
.circle-list.alt li {padding-bottom:20px}
.circle-list.alt li h4 {margin-bottom:5px}
.widget_accordion footer span:first-child, .widget_accordion footer span+span {color:#3170ac}
.widget_accordion footer.button {background:none}
.big {font-size:18px; line-height:24px; font-weight:300}
.icons {position: relative; display: block; float: left; width: 41px; height: 31px; margin-right: -45px; margin-left: 1px; margin-top: 6px;}
.no-top-padding {padding-top:0 !important}
.post-body-text p {margin-top:0}

.gallery.alt .item-con-t1.size1_4, .gallery.alt .item-con-t1.size1_3 {background:transparent}
.gallery.alt .item-con-t1 .container-t1 {box-shadow:none; -webkit-box-shadow:none}
.gallery.alt .item-con-t1 header {bottom:26px; width: 85%; left: 0; right: 0; margin: 0 auto}
.image-links {top:35px}
.gallery.alt .item-con-t1 header h2 {font-weight: 500; color:#fff}
.gallery.alt .item-con-t1 header h3 {font-weight: 300; color:#f3f3f3}
.gallery.alt .bg-black-045 {border-radius:100px; opacity: 0.80}
.gallery.alt .item-con-t1.size1_3 .bg-black-045 {border-radius: 42px}

.widget_accordion.alt .item-container {margin-top:20px}
.widget_accordion.alt h4 {margin-bottom:5px}
.widget_accordion header h2, .widget_accordion .item-container {font-size:16px; line-height:28px}
.faqs h4 {font-size:12px}

table {border-collapse:collapse; width:100%; background:#fff}
table th, table td {padding:5px 10px; border:1px solid #dedede}
table td {padding:10px}
table th {font-size:14px; background: #fafafa; padding:10px; color:#333; text-transform: uppercase}
table td:first-child {font-weight:bold}
table td a {color:#000}
table td a:hover {color:#555}

table.styles {border-spacing:0; border-top:1px solid #dedede; border-left:1px solid #dedede}
table.styles tr {background:#f9f9f9}
table.styles td {text-align:center; font-weight:bold; font-size:14px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-radius:0 !important}

table.styles.white tr {background:#fff}

table.videos td {text-align:center; font-weight:bold; font-size:14px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-radius:0 !important}

.tags li {display:inline-block; padding: 10px 20px; background: #3170ac; margin-bottom: 5px; margin-right: 1px}
.tags li:hover {background:#387ec1}
.tags li a {color:#fff}

#tab-1 h4 {margin-bottom:5px !important}
.sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em}
.advantages a {margin-top:0}
.advantages h2, .advantages .icon-content {font-size:14px}
.text-left {text-align:left !important}

.teaser p {text-align:center; font-weight: 300; color: #777}
.post-day-aside span {font-size:20px}
.post-slider .post-body-text p {margin-right:30px}
.post-slider .post-body-text p:last-child {margin-bottom:0}
.slides li .read-more {float:none}
.separator, .post .separator {height:1px}

.subtitle {font-weight:300 !important; text-transform:none !important; font-size:24px !important}
.contacts form .input-field.left {margin-right:1.666666%}

.working-hours li {background:none !important; padding:0; position:relative}
.working-hours li span {min-width:130px; display:inline-block}

footer .wrapper.grey {border-top:5px solid #3170ac}

.menu li .fa-angle-down {cursor:pointer}

.teaser > img, .teaser div > img, .teaser > div P{behavior: url(http://www.communityhearinghealth.com/css/PIE.htc)}
#blog .post {display:none}
#blog .post:first-child {display:block}
.blog-archive {margin:20px 0 30px 0; border: 1px solid #dadada; padding: 5px 15px; position:relative}
.blog-archive:after {content:""; border:1px solid #fff; position:absolute; left:0; top:0; width:100%; height:100%}
.blog-archive li {display: list-item; position:relative; margin:10px 0; border-bottom:1px solid #dadada; padding-bottom:15px}
.blog-archive li:after {content:""; position:absolute; height:1px; width:100%; background:#fff; bottom: -2px; left:0}
.blog-archive li:last-child {border-bottom:none}
.blog-archive li:last-child:after {display:none}
.blog-archive li a {color:#45484a; position:relative; z-index:100}
.blog-archive li a:hover {color:#1a448a}
.blog-archive li span {font-size:10px; display:block; margin:5px 0; color:#ABA7A7; text-transform:uppercase}
/*.blog-archive li span:before {content:"Posted: ";}*/
#search input {height: 37px; border-radius: 8px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3) inset; border: none; width: 100%; padding: 10px; box-sizing: border-box; outline:none}
#pagination {margin-left:90px}
#pagination a {display:inline-block; padding:10px; border:1px solid #3E6EC3; margin:2px; color:#3E6EC3; text-decoration:none; transition:0.3s all; border-radius:5px}
#pagination a:hover {background:#3E6EC3; color:#fff}
#pagination a.active_page {background:#3E6EC3; color:#fff}

.right-sidebar .widget {margin-bottom:20px}
.right-sidebar .widget img {max-width:100%}
.post.center .item-con-t1 {margin-bottom:15px}

.accordion_style_boxed .item {margin-bottom:5px}
.accordion_style_boxed footer {top:8px}
.accordion_style_boxed .item header h2:after {content: " (click to expand)"; font-size: 9px; position: absolute; left: 23px; bottom: -5px}
.accordion_style_boxed .item.active header h2:after {content:""}

.column_post header {text-align:center}
.column_post header a, .column_post header h2 {font-weight:800; color:#45484a}
.column_post header h4 {margin-bottom:5px; font-weight:300}
.column_post .read-more {margin-left:0}
.column_post .column_post-media {position:relative}
.column_post.new .column_post-media:after {content: url(../images/new-badge.png); position: absolute; top: -3px; left: -3px}

.wrapper.grey {background: #46494b}
.wrapper.dark-grey {background: #3d3f40}
.wrapper.lighter-grey {background: #b4b8bc}
.wrapper.marble {background:#E6E6E6}
.wrapper.marble .container {padding:40px 0}

.container.blue-radial-grad {padding:20px 60px}
.teaser.style4 h2 {text-transform:none}
.teaser.style4 h2:after {content:"Click here to learn more"; font-size: 12px; font-weight: 300; display: block}

.page-404 > div {position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); left:0; right:0; text-align:center; max-width:70%}
.page-404 h1 {font-size:170px; line-height:1}
.page-404 h1 span {font-size: 64px; font-weight: normal; display: block; text-transform: uppercase}
.page-404 p {font-size:20px; line-height:25px; margin-bottom:30px; text-align:center}

.footer-menu {text-align: center; line-height:56px}
.footer-menu li {display:inline-block; margin-right:20px}
.footer-menu li a {color:#A0A0A0; font-weight:300; font-size: 14px}
.footer-menu li a:hover {color:#fff}

.dropcap:first-letter {float: left; color: #3170ac; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px}
.img-border {border: 1px solid #dedede; padding: 3px; border-radius: 3px; border-bottom-width: 3px}

#popup-form {position:fixed; width:300px; height:100%; top:0; right:-300px; z-index:1000; background:#F3F3F3; border-left:1px solid #dedede; transition:0.3s all; overflow-y:auto}
#popup-form.active {right:0}
#popup-form form {position:relative; top:40px; padding:20px; box-sizing:border-box}
#popup-form .popup-btn {position: absolute; top: 0; left: 0; background: #3171AD; width: 100%; text-align: center; color: #fff}
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form textarea, form select {width:100%; height:40px; margin-bottom:10px; background:#e6e6e6; box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.1) inset; border-radius: 8px; border:none; padding:10px; box-sizing:border-box; font-size:14px}
.form input[type="text"]:focus, .form input[type="email"]:focus, .form textarea:focus, .form select:focus {background:#dadada; outline:none}
.form textarea {height:150px}
.form .p50 {float:left; max-width:49%; margin-right:2%}
.form .p50:nth-child(2n) {margin-right:0}
.form .row {margin-bottom: 5px}
.form .switch {display: none}
.form label.required:after {content: "*"; margin-left: 5px; color: #D81D20}
.loader {background: url(../images/ajax-loader-s.gif)no-repeat 0 2px; height: 26px; padding-left: 20px; display: none}

.right-sidebar h2, .left-sidebar h2 {font-size:17px}

.post-area p a {text-decoration:underline}
.post-area p [href^="tel:"] {text-decoration: none}
.post-area > article {border-bottom:1px solid #dadada; box-shadow:0 1px 0 #fff; margin-bottom:30px; padding-bottom:20px}
.post-area > article:after {content:""; display:table; clear:both}
.post-area > article:last-child {border-bottom:none; box-shadow:none}

.post-author, .post-date, .post-category {line-height:16px}
.specials article {margin-left:0; border-bottom:none; box-shadow:none}
.specials article h2 {font-weight:bold; color:#45484a; text-decoration:underline}
.specials article h2:hover {color:#3b74aa}
.specials article img {max-width:300px}
.specials article a[rel="prettyPhoto"] {position:relative; float: right; position: relative; z-index: 10}
.specials article a[rel="prettyPhoto"]:after {content:"Click on image to zoom"; text-transform:uppercase; font-size:11px; position:absolute; bottom:-10px; left:0; width:100%; text-align:center}

.brands {margin:0; padding:0; list-style:none}
.brands:after {content:""; display:table; clear:both}
.brands li {float:left; width:100%; margin-right:2%; margin-bottom:2%}
.brands li img {max-width: 100%; border: 1px solid #dedede; padding: 3px; box-sizing: border-box; border-radius: 3px}
.brands.col-3 li {max-width:32%}
.brands.col-4 li {max-width:23.5%}
.brands.col-3 li:nth-child(3n) {margin-right:0}
.brands.col-4 li:nth-child(4n) {margin-right:0}

.alignleft, .alignright {position:relative; z-index:10}
blockquote {background: url(../images/quotes.png) no-repeat right -10px #fff; padding: 20px 25px; position: relative; border:1px solid #dedede; border-radius: 5px; -webkit-backface-visibility: hidden; color:inherit}
blockquote span b {display: block}
.hearing-aids article h2 {font-size: 25px; line-height: 30px; margin-bottom: 5px}
.small {font-size:10px !important; line-height: 1.7}
.remove-bottom {margin-bottom:0 !important}
.margin-bottom-20px {margin-bottom: 20px !important}
.phone-number {display: block; font-size: 25px; line-height: 35px; margin-top: 15px}
.row:after {content: ""; display: table; clear: both}
.row {margin:0 -1.25% 20px}
.italic {font-style: italic}
.absolute {z-index: 1000}
.title {font-size: 25px; line-height: 30px}
.underline {text-decoration: underline}
.uppercase {text-transform: uppercase}
.accent {color:#3e6ec3}
#map-box iframe {border: none}
[rel="prettyPhoto"] {cursor: zoom-in}
.btn-2 {display:inline-block; padding: 10px 30px; background: #dedede; color: #fff; font-size: 13px; text-transform: uppercase; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); border-radius: 8px}
.btn-2.green {background: #aad371; background: linear-gradient(#aad371, #a1c76b);}
.btn-2.green:hover {background: #a1c76b}

/* Flex box
============================ */
.d-flex {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row;}
.align-items-center {-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.justify-content-center {-webkit-justify-content: center; justify-content: center;}

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

/* Lists
============================ */
.inline-list:after {content: ""; display: table; clear: both}
.inline-list {list-style: none; margin: 0; padding: 0}
.inline-list li {float: left; width: 100%; margin: 0 2% 2% 0}
.inline-list.items-2 li {max-width: 49%}
.inline-list.items-3 li {max-width: 32%}
.inline-list.items-2 li:nth-child(2n), .inline-list.items-3 li:nth-child(3n) {margin-right: 0}

/* Review List
============================ */
.review-list:after {content: ""; display: table; clear: both}
.review-list li {float: left; max-width: 18.4%; width: 100%; margin: 0 2% 2% 0; text-align: center}
.review-list li:nth-child(5n) {margin-right: 0}

/* Survey
============================ */
.survey {background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; display: none}
.survey.show {display: block}
.survey .text {background: #fff; max-width: 50%; width: 100%; padding: 50px; box-sizing: border-box; margin: 0 auto; top: 50%; transform: translateY(-50%); position: relative;}
.survey .text h2 {text-transform: none; font-size: 25px; line-height: 35px}
.survey .text h2 span {font-size: 35px; text-transform: uppercase; color: #3b74a9}
.survey .text:after {content: ""; display: table; clear: both}
.survey .text .btn {background: #3b74a9; color: #fff; padding: 15px 30px; display: inline-block; border-radius: 5px; font-size: 15px; text-transform: uppercase; font-weight: 900; margin-right: 10px}
.survey .text .btn:hover {opacity: 0.9}
.survey .text .btn.cancel {background: #d26262}
.survey .text p {font-size: 18px; margin-bottom: 35px}
.survey .text i {position: absolute; top: -40px; left: 0; right: 0; font-size: 30px; margin: 0 auto; text-align: right; color: #fff}

/* Font Sizes
============================ */
.font-size-20px {font-size: 20px !important}
.font-size-22px {font-size: 22px !important}
.font-size-24px {font-size: 24px !important}
.font-size-26px {font-size: 26px !important}
.font-size-28px {font-size: 28px !important}
.font-size-30px {font-size: 30px !important}

/* ===================================== */
/* =========== Media Queries =========== */
/* ===================================== */
@media only screen and (min-width: 960px) {
    .two-headers {display: table; width: 100%; text-align: left}
    .two-headers .text, .two-headers .link {display: table-cell; vertical-align: middle}
    .two-headers .text {width: 75%}
    .two-headers .link {width: 25%; text-align: right}
}

@media only screen and (max-width: 1200px) {
  .menu li {margin-right:0}
}

@media only screen and (max-width: 959px) {
  .page-header > .wrapper {display:none}
  .page-header > .wrapper:first-child {display:block; border: none}
  .page-header .menu-bg > .container, div.wrapper.menu-bg {border:none; box-shadow:none}
  .locations {display:block; padding-bottom:10px}
  .locations:after {content:""; display:table; clear:both}
  .locations li {float:left; width:50%; border: 1px solid #dedede; border-width: 0 0 1px 1px}
  .locations li:hover {border-bottom-color: #dedede}
  .absolute {float:none; height:auto}
  div.wrapper.menu-bg {box-shadow:none}
  div.fixed.menu-bg {position:relative !important}
  .menu {margin-top: 0; float: left; width: 100%; overflow: hidden; background: rgb(41, 41, 41); height: 0; margin:0}
  .menu.opened {height:auto}
  .menu li {margin: 0; display: block; text-align: left; padding-left: 0; border: 0; border-bottom: 1px dotted #555}
  .menu > li:first-child {margin-left:0}
  .menu li > a {padding:0 10px}
  .menu li a {color:#dedede}
  .menu li:hover > a:after, .menu li.current_page_item > a:after {background:none}
  .menu > li:hover > a, .menu > li.current_page_item > a {color:#278dc9}
  .menu li > span {display:block}
  .menu li ul {position: relative; background: #555; height: auto; opacity: 1}
  .menu li ul li {border:none}
  .menu li ul li a, .menu li>ul>li>a:hover {background:transparent}
  .menu li > ul > li > a:hover {color:#278dc9}
  .menu li ul li a:before {content:"- "}
  .menu li > span {top: 0; right: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: #555;}
  .mini_logo {display: inline; float: none; width: auto; margin-right: 10px; margin-left: 25px}
  #menu-btn {display:inline-block}
  .absolute .social-icons {display:block}
  .wrapper.top-slider {margin-top:0}
  footer .container .grid_3  {display: inline-block; float: none; margin: 0 1.25% 10px; vertical-align: top; width:46.5%}
  .advantages .grid_4 {width:100%}
  .social-icons {min-height:auto; float:none; text-align:center; margin-bottom:20px}
  .wrapper.top-slider {display:none}
  .fixed-header .headline {padding:0}
  .wrapper.header-image {margin-top: -54px; height: 54px}
  .wrapper.headline {text-align:center}
  .headline h1 {float:none}
  .page-path {display:none}
}
@media only screen and (max-width: 767px) {
	.wrapper.top-slider {margin-top:0}
	.social-icons.mobile {display:block; float: none; top: 0; text-align: center; clear:both; padding:10px 0 5px}
	.widget_accordion header h2:after {content:""}
	.two-headers a {float:none}
  .alignleft, .alignright {float:none}
  .hide-mobile {display:none}
  .survey .text {max-width: 85%}
}

@media only screen and (max-width: 639px) {
	.input-field.left {margin-right:0}
	.two-headers {line-height:20px}
  .wrapper.headline {text-align:center}
  .headline h1 {font-size:20px; float:none}
}