/* Main container */

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 1024px;
    }
}

@media only screen and (min-width: 1311px) {
    #header .sub-nav-wrap {
        max-width: 1010px;
        width: 73%;
    }
}

@media only screen and (min-width: 1368px) {
    #header .sub-nav-wrap {
        max-width: 1010px;
        width: 80%;
    }
}


/* General */

h1 {
    margin-bottom: 0.6em;
}

.btn {
    height: 48px;
    line-height: 28px;
}

body.page-id-1501 a.btn-primary {
    color: #fff !important
}

label {
    margin-bottom: 7px;
}

table{
    table-layout: fixed;
}
/* Kids 2 for 1  */

.form-control, .ginput_container input[type="text"], .ginput_container textarea {
    height: 48px;
}


/* search */

.woocommerce form.form-find-branch .form-control {
    height: 48px;
    margin: 0;
}


/* product page */

.product-listing {
    margin-top: 0px
}


/* Product page fiter */

div.fancy-select div.trigger {
    height: 48px;
    line-height: 48px;
}

div.fancy-select div.trigger:after {
    line-height: 48px;
}

div.fancy-select ul.options {
    margin: 0;
}

.email-address {
    position: absolute;
}


/* about us > contact us form */

#gform_wrapper_7 .gform_body, .gform_body {
    width: 100%;
    position: relative;
}

#gform_wrapper_7 .gform_body ul, .gform_body ul {
    position: relative;
    max-width: 1000px;
    left: 0;
}

#gform_wrapper_7 .gform_body li.gfield, .gform_body li.gfield {
    position: relative;
    height: 90px;
    width: 50%;
    padding-right: 14px;
}

.gfield.column-5-1 {
    width: 20% !important;
}

#gform_wrapper_7 .gform_body #field_7_7, #gform_wrapper_7 .gform_body #field_7_6 {
    margin-top: 18px;
}

#gform_wrapper_7 .ginput_counter, .ginput_counter {
    position: relative;
    margin-top: -8px;
    font-size: 12px;
}

#gform_wrapper_7 .trigger, .trigger {
    margin-right: 58px
}

#gform_wrapper_7 ul.options, ul.options {
    padding-left: 0;
}

#gform_wrapper_7 .trigger:after, .trigger:after {
    right: -58px;
    top: -1px;
    height: 48px;
}
.gform_wrapper .button {
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    height: 59px;
    line-height: 39px;
    min-width: 165px;
    padding: 10px 54px 10px 33px;
    text-align: left;
    position: relative;
    vertical-align: top;
    transition: 0.5s;
    background: #014189; /* Old browsers */
    background: -moz-linear-gradient(top, #014189 0%, #003065 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #014189 0%,#003065 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #014189 0%,#003065 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014189', endColorstr='#003065',GradientType=0 ); /* IE6-9 */
}
.gform_wrapper .button:hover {
    background-color: #003065;
    background: #003065;
    background: linear-gradient(to bottom, #003065 0%, #003065 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}
.gform_button {
    border: 1px solid #df0909;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #F62B2B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F62B2B), to(#D20202));
    background-image: -webkit-linear-gradient(top, #F62B2B, #D20202);
    background-image: -moz-linear-gradient(top, #F62B2B, #D20202);
    background-image: -ms-linear-gradient(top, #F62B2B, #D20202);
    background-image: -o-linear-gradient(top, #F62B2B, #D20202);
    background-image: linear-gradient(to bottom, #F62B2B, #D20202);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F62B2B, endColorstr=#D20202);
    cursor: pointer;
}

.gform_button:after {
    content: ">";
    font-size: 2.2em;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 20%;
}

.gform_button:hover {
    border: 1px solid #b30808;
    background-color: #e40a0a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
    background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
    background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
    background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
    background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
    background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e40a0a, endColorstr=#9f0202);
}

#gform_submit_button_7, #gform_submit_button_8 {
    padding: 0;
    background: none;
}

@media only screen and (max-width: 740px) {
    #gform_wrapper_7 .gform_body #field_7_4, #gform_wrapper_7 .gform_body #field_7_7 {
        margin-top: 18px;
    }
    #gform_wrapper_7 .gform_body #field_7_6 {
        margin-top: 10px;
    }
    #gform_wrapper_7 .gform_body li.gfield, .gform_body li.gfield {
        position: relative;
        height: 90px;
        width: 100%;
        padding-right: 14px;
    }
}


/* Fixed nav and breadcrumb alignmnet */

.navWrapper {
    padding-top: 136px;
}

@media only screen and (min-width: 767px) {
    .home .navWrapper {
        padding-top: 86px;
    }
    .offer-template-default .navWrapper,
    .page-template .navWrapper {
        padding-top: 112px;
    }
}

.logged-in .navWrapper {
    padding-top: 52px;
}

nav#nav {
    position: fixed;
    top: 135px;
    width: 100%;
    z-index: 9999;
}

.breadcrumbs-wrap {
    background-color: #f6f6f6;
}

.cycle-pager {
    z-index: 999;
}

@media only screen and (max-width: 1310px) {
    #header {
        min-height: 136px;
    }
    .navWrapper {
        padding-top: 106px;
    }
    .logged-in .navWrapper {
        padding-top: 74px;
    }
}

@media only screen and (max-width: 767px) {
    .navWrapper {
        padding-top: 46px;
    }
    .logged-in .navWrapper {
        padding-top: 0;
    }
}

@media only screen and (max-width: 426px) {
    .breadcrumbs-wrap {
        margin-top: 62px;
    }
    .logged-in .breadcrumbs-wrap {
        margin-top: 20px;
    }
    .logged-in .breadcrumbs-wrap {
        margin-top: 0px;
    }
    .navWrapper {
        padding-top: 0;
    }
    #header{
      position:relative!important;
    }
    body{
      padding:0 !important;
    }
}

.adjustedNav-old {
    padding-top: 119px;
}

@media only screen and (max-width: 1310px) {
    .adjustedNav-old {
        padding-top: 140px;
    }
}

@media only screen and (max-width: 460px) {
    .adjustedNav-old {
        padding-top: 40px;
    }
}

.adjustedHeight-disable {
    height: 170px !important;
}

.branch-content-limit:after {
    background: #fff;
    height: 80px !important;
}

#footer ul {
    margin: 0 0 20px 0;
}

.addthis_button img {
    width: 125px;
}

.wysiwyg a {
    color: #014189;
    border-bottom: 1px solid #014189;
}

.wysiwyg a.btn-primary {
    border-bottom: none;
    color: #fff;
}

.branch-content-limit .wysiwyg .btn {
    color: #fff;
}


/* WAA additions */

.single-product-logo {
    width: 100%;
    max-width: 200px !important;
}

.branch-read-more {
    background: none;
    border: 0 !important;
    padding: 10px 0;
    margin: 20px 0;
    text-decoration: underline;
}

.branch-read-more:hover {
    background: none !important;
}

.blue {
    color: #014189 !important;
}

.white {
    color: #fff !important;
}

.category-description {
    margin: 30px 0;
    font-size: 14px;
}

#footer h2 {
    margin-bottom: 0.4em !important;
}

#footer ul li {
    line-height: 1.5em !important;
}

.social-facebook, .social-instagram {
    padding-left: 35px;
    padding-top: 4px;
    color: #014189;
}

.is-branch-detail-page p {
    line-height: 1.2em !important;
}

.is-branch-detail-page td {
    line-height: 1.2em !important;
}

.parent-pageid-1436 .quicklink-tile img {
    /*height:276px !important;*/
    max-height: 255px !important;
    height: 100%;
}

.header-title {
    display: inline-block;
}

.header-title h2 {
    margin: 20px 0;
}

@media only screen and (max-width: 1310px) {
    .btn-block {
        font-size: 14px;
    }
}

p {
    /* line-height: 1.3 !important; */
    margin-bottom: 20px;
}

.section-latest h3 {
    margin: 10px 0;
}

.product-tile a img {
    /*min-height:198px !important;*/
}

.opening-times {
    font-size: 18px;
    padding: 0 0 10px 0;
    color: #014189;
}

.wysiwyg #form-postcode-search {
    max-width: 460px;
}

.gform_body ul li {
    list-style-type: none;
    margin: 5px 0;
    position: relative;
}

.blog-wrapper h2 {
    margin-top: 20px;
}

#input_3_23 li {
    float: none !important;
}

input#input_3_23_other {
    width: 100%;
    min-width: 400px;
    margin-top: 20px;
}


/* Careers Application Form */

#jobApply {}

#nav .primary-nav>li ul li {
    margin-bottom: 0 !important;
}

.gform_hidden {
    display: none;
}

#gform_wrapper_7 .gform_body li.gfield, .gform_body li.gfield, #gform_wrapper_7 .gform_body li.gfield, .gform_body li.gfield {
    height: auto;
}

.gform_body img {
    width: auto;
}

.wysiwyg .form-find-branch {
    max-width: 460px;
}


/* Branch shortcode */

.wysiwyg .form-find-branch {
    margin-bottom: 20px;
}


/* Application form */

#requestAppointment label a {
    text-decoration: underline;
    color: #014189;
}


/*#requestAppointment li#field_1_40,  #requestAppointment li#field_1_19, #requestAppointment li#field_1_20 {display:block; margin-bottom:20px}
#requestAppointment li#field_1_40 {margin-bottom: 0;}*/

@media only screen and (max-width: 767px) {
    #requestAppointment li {
        display: block;
        margin: 10px 0;
    }
}


/* request appointment button */

.btn-primary.rq-appointment-btn {
    background: #E52E37;
    background: -moz-linear-gradient(top, #E52E37 0%, #C52D36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e52e37), color-stop(100%, #c52d36));
    background: -webkit-linear-gradient(top, #E52E37 0%, #C52D36 100%);
    background: -o-linear-gradient(top, #E52E37 0%, #C52D36 100%);
    background: -ms-linear-gradient(top, #E52E37 0%, #C52D36 100%);
    background: linear-gradient(to bottom, #E52E37 0%, #C52D36 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e52e37', endColorstr='#c52d36', GradientType=0);
}

.btn-primary.rq-appointment-btn:hover {
    background: #E52E37;
    background: linear-gradient(to bottom, #E52E37 0%, #E52E37 100%);
}

#gform_wrapper_1 #gform_page_1_1 ul.gform_fields, #gform_wrapper_31 #gform_page_31_1 ul.gform_fields {
    max-width: none;
}

#gform_wrapper_1 #gform_page_1_1 ul.gform_fields .column-5-1, #gform_wrapper_31 #gform_page_31_1 ul.gform_fields .column-5-1 {
    width: 16% !important;
}

@media only screen and (max-width: 1024px) {
    #gform_wrapper_1 #gform_page_1_1 ul.gform_fields .column-5-1 {
        width: 33.3% !important;
    }
    #gform_wrapper_1 .privacy-policy-wrap {
        clear: both;
        content: '';
        display: block;
    }
}

#field_31_40{
  display:block;
}

#field_31_21{
  width:100%;
}

@media only screen and (max-width: 768px) {
    #gform_wrapper_1 #gform_page_1_1 ul.gform_fields .column-5-1 {
        width: 50% !important;
        float: left;
    }
    #requestAppointment .gform_previous_button, #requestAppointment .gform_button, #requestAppointment .gform_next_button {
        width: 100%;
        margin-bottom: 10px;
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    #gform_wrapper_1 #gform_page_1_1 ul.gform_fields .column-5-1 {
        width: 100% !important;
        float: none;
    }
}


/* Appointment stage two field hacks */

input#input_1_20 {
    height: 48px !important;
}

li#field_1_40 {
    display: block;
}

li#field_1_21 {
    width: 100%;
}

.infowindow h3 {
    margin-bottom: 5px;
}

.pp_gallery {
    display: none !important;
}

.gform-offer-form .gform_fields {
    margin: 0;
}

.gform-offer-form .gform_body li.gfield {
    width: auto;
    display: block;
}

.gform-offer-form .validation_error {
    color: red;
    margin: 0 0 15px;
}

/* Hide Progress Bar Title for How did I do form */
#gf_progressbar_wrapper_40 .gf_progressbar_title {
    display: none
}

/* Find a branch form responsive */

.mobile-search {
    display: none;
}

@media only screen and (max-width: 767px) {
    .nav-toggle {
        margin-top: -50px;
    }
    #header .nav-icon {
      margin: 0.5em 1em;
      width: 35px;
      display: block!important;
      padding: 0;
    }

    .nav-icon:after, 
    .nav-icon:before, 
    .nav-icon div {
      background-color: #014189;
      border-radius: 3px;
      content: '';
      display: block;
      height: 3px;
      margin: 9px 0;
      transition: all .2s ease-in-out;
    }
    .nav-icon.active:before {
      transform: translateY(12px) rotate(135deg);
    }

    .nav-icon.active:after {
      transform: translateY(-12px) rotate(-135deg);
    }

    .nav-icon.active div {
      transform: scale(0);
    }
    .mobile-search {
        display: inline-block !important;
    }
    .mobile-search .input-group-label {
        font-size: 12px;
        width: 40% !important;
    }
    .mobile-search .btn {
        height: 30px;
        line-height: 12px;
        width: 32px;
        font-size: 24px !important;
        margin-right: 4px;
    }
    .mobile-search input {
        height: 32px;
    }
    header {
        position: absolute !important;
    }
}

.user-nav li a:hover {
    cursor: pointer;
}

.user-nav a#bigger, .user-nav a#smaller {
    font-weight: 400;
}

.request_appointment_link {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.page-template-page-branch-results #googleMaps {
    height: 400px !important;
}

.cart-sidebar h3.show-more {
    cursor: pointer;
    display: block;
    position: relative;
    border-bottom: 1px solid #014189;
    padding-bottom: 10px;
}

.cart-sidebar h3.show-more:before {
    background: url(../images/icon-arrow-down.png) no-repeat center center;
    content: "";
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    width: 14px;
}

.cart-sidebar .show-more-content {
    margin-bottom: 20px;
}

.measurements, .click-collect {
    display: none;
}

.designer .measurements, .designer .click-collect{
  display:block;
}

#jsonMapLocationsHearing {
    display: none;
}


/* Hearing toggle */

.js-show-hide-hearing-branches #scrivenshearingtitle {
    position: relative;
    cursor: pointer;
}

.js-show-hide-hearing-branches #scrivenshearingtitle:after {
    position: relative;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-bottom: 2px solid #383838;
    border-right: 2px solid #383838;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    margin-left: 25px;
    top: -5px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.js-show-hide-hearing-branches #scrivenshearingtitle.active:after {
    transform: rotateZ(225deg);
    top: 4px;
}

.js-show-hide-hearing-branches .list-branches.hearingbranches {
    display: none;
}

.woocommerce-cart .container table.cart .variation dd {
	float: none;
	margin: 0;
	padding: 0;
}

.category-blog h1, .category-news h1{
  margin: 40px 0;
}
.single-blog .blog-wrapper a{
  color: #014189;
  border-bottom: 1px solid #014189;
}

.blog-details h2{
  margin:40px 0 0 0;
}
.featured-image{
  height: 450px;
  width: 100%;
  background-size: cover !important;
  margin: 30px 0;
}
@media only screen and (max-width: 767px) {
  .featured-image{
    height: 300px;
  }
}



label[for="checkbox-sunglasses"], input#checkbox-sunglasses {
    display: none;
}


.wysiwyg{
    width: 100%;
}

.wysiwyg .woobox-offer{
    max-width: 100% !important;
    min-height:1000px;
    text-align: center;
}

#page-container{
  min-height:1500px;
}

#header .sub-nav-wrap {
    max-width: none;
    width: 100%;
    background: #f5f5f5;
    padding: 5px 0;
    float: none;
}

#header .sub-nav-wrap .user-nav {
    margin: 0 auto;
}

#header #form-find-branch {
    width: 400px;
    margin: 0;
    position: absolute;
    top: 28px;
    right: 0;
}

#header #form-find-branch .input-group-label {
    display: block;
    width: auto;
    text-align: left;
    padding: 0 0 5px;
}

#header #form-find-branch .input-group-label label {
    text-align: left;
    font-size: 13px;
}

#header #form-find-branch .input-group-fields {
    position: relative;
    width: 325px;
}

#header #form-find-branch .form-control {
    width: 220px;
    font-size: 13px;
}

#header #form-find-branch .checkboxes {
    position: absolute;
    top: 1px;
    right: 0;
    width: 90px;
    padding-top: 0;
}

#header #form-find-branch .checkboxes label {
    position: relative;
    display: block;
    font-size: 13px;
    color: #747474;
    height: 18px;
    padding: 0 0 0 28px;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
}

#header #form-find-branch .checkboxes label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: -50px;
}

#header #form-find-branch .checkboxes label .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: #d8d8d8;
}

#header #form-find-branch .checkboxes label .icon:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    background: #fff;
    top: 8px;
    left: 2px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    opacity: 0;
}

#header #form-find-branch .checkboxes label .icon:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 12px;
    background: #fff;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    top: 3px;
    left: 9px;
    opacity: 0;
}

#header #form-find-branch .checkboxes label input:checked + .icon {
    background: #023c89;
}

#header #form-find-branch .checkboxes label input:checked + .icon:before, #header #form-find-branch .checkboxes label input:checked + .icon:after {
    opacity: 1;
}

#header #form-find-branch .input-group-btn {
    vertical-align: bottom;
}

#header .form-find-branch-wrap {
    position: relative;
}

#header.adjustedHeight-old {
    height: 210px !important;
}

nav#nav {
    top: 167px;
}

#header .header-logo-wrap #header-logo {
    margin: 18px 0 22px;
}

body {
    padding-top: 170px;
}

body.login-action-login {
    padding-top: 0;
}

#header .header-logo-wrap {
    width: 260px;
    max-width: none !important;
}

#header .mobile-header-btns {
    display: none;
}

.page-template-page-branch-results .form-find-branch .checkboxes {
    padding: 15px 0 0;
}

.page-template-page-branch-results .form-find-branch .checkboxes label {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #747474;
    height: 18px;
    padding: 0 0 0 28px;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    width: 100px;
}

.page-template-page-branch-results .form-find-branch .checkboxes label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: -50px;
}

.page-template-page-branch-results .form-find-branch .checkboxes label .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: #d8d8d8;
}

.page-template-page-branch-results .form-find-branch .checkboxes label .icon:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    background: #fff;
    top: 8px;
    left: 2px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    opacity: 0;
}

.page-template-page-branch-results .form-find-branch .checkboxes label .icon:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 12px;
    background: #fff;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    top: 3px;
    left: 9px;
    opacity: 0;
}

.page-template-page-branch-results .form-find-branch .checkboxes label input:checked + .icon {
    background: #023c89;
}

.page-template-page-branch-results .form-find-branch .checkboxes label input:checked + .icon:before, .page-template-page-branch-results .form-find-branch .checkboxes label input:checked + .icon:after {
    opacity: 1;
}

@media only screen and (max-width: 1310px) {
    body {
        padding-top: 150px;
    }
}

@media only screen and (min-width: 768px) {
    #header #form-find-branch {
        display: block !important;
    }
}
@media only screen and (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }

    #header.adjustedHeight {
        height: auto !important;
    }

    #header {
        position: relative !important;
        height: auto;
    }

    .navWrapper {
        padding: 0;
    }

    #header .header-logo-wrap {
        width: 150px;
        margin: 0 auto;
    }
    
    .nav-toggle {
        margin-top: 0;
        top: 65px;
        outline: none;
    }
    nav#nav {
        top: 137px;
        position: absolute;
    }

    #header .mobile-header-btns {
        display: block;
    }

    #header .mobile-header-btns a {
        display: block;
        width: 50%;
        background: #f5f5f5;
        float: left;
        color: #053f8c;
        text-align: center;
        padding: 15px 0;
        font-size: 15px;
        height: 50px;
    }

    #header .mobile-header-btns a span {
        position: relative;
        height: 20px;
        display: inline-block;
        padding-left: 28px;
        line-height: 20px;
    }

    #header .mobile-header-btns a span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        height: 20px;
        background: url(../images/mobile-header-icons.gif) top left no-repeat;
    }

    #header .mobile-header-btns a.js-toggle-branch-form {
        background: #053f8c;
        color: #fff;
    }

    #header .mobile-header-btns a.js-toggle-branch-form span:before {
        background-position: bottom left;
    }

    #header #form-find-branch {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        background: #f5f5f5;
        padding: 16px 12px;
    }

    #header .header-logo-wrap {
        float: none;
    }

    #header .header-logo-wrap #header-logo {
        float: none;
    }

    #header .form-find-branch-wrap {
        margin: 0 -15px;
    }

    #header #form-find-branch {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
    #header .mobile-header-btns a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 420px) {
    #header #form-find-branch {
        display: none;
    }

    #header #form-find-branch .input-group {
        display: block;
    }

    #header #form-find-branch .input-group-fields {
        width: 100%;
    }

    #header #form-find-branch .input-group .input-group-btn {
        display: block;
        width: 100%;
    }

    #header #form-find-branch .form-control {
        width: 100%;
        float: none;
        margin: 0 0 22px;
    }

    #header #form-find-branch .checkboxes {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        padding: 0 0 15px;
    }

    #header #form-find-branch .checkboxes label {
        display: inline-block;
        width: 110px;
        margin: 0;
    }

    #header #form-find-branch #btn-submit {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}


.voucher-button{
  padding: 15px 25px;
  background: #1cd4c6;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
}

.cycle-pager > div.cycle-pager-active {
    overflow: hidden !important;
}

body .woocommerce td.product-name dl.variation {
    font-size: 13px;
}
body .woocommerce td.product-name dl.variation dt {
    float: none;
    display: block;
    margin: 6px 0 0;
    font-weight: 400;
    font-size: 13px;
}
body .woocommerce td.product-name dl.variation dd {
    font-size: 13px;
}
body .woocommerce td.product-name dl.variation dd p {
    font-size: 13px !important;
}

.section-branch-tour iframe {
	display: block;
	width: 100%;
}

#header #form-find-branch {
	width: 290px;
}
#header #form-find-branch .input-group-fields {
	width: 215px;
}

.branch-force-show {
	display: block !important;
}

.product-brand-logo {
    display: block;
    margin: 0 0 30px;
}

.section-product .btn.product-back-btn {
    min-width: 178px;
    min-height: 0;
    font-size: 18px;
    margin-top: 25px;
}
.section-product #reserveFrame {
    background: #1bd4c6;
    margin: 15px 0 10px;
}
.section-product h3.show-more {
    font-size: 16px;
    color: #04438a;
}
.section-product .form-group {
    height: auto;
}
.section-product .form-group > label {
    font-size: 16px;
    color: #04438a;
    margin-bottom: 3px;
}

.section-product .btn.js-add-prd-to-basket {
    float: left;
    font-size: 18px;
    height: auto;
    margin-bottom: 0;
    min-height: 0;
    padding-left: 15px;
    padding-right: 50px;
    margin-top: 25px;
    width: 250px;
    background: #8ebc3f;
}

.js-branch-content-wrap.limit-height {
    overflow: hidden;
    position: relative;
    height: 100px;
    margin-bottom: 30px;
    transition: height 0.35s;
    -webkit-transition: height 0.35s;
}
.js-branch-content-wrap.limit-height:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.35s;
    -webkit-transition: opacity 0.35s;
}
.js-branch-content-wrap.limit-height.open:after {
    opacity: 0;
}
.js-centeralign {
	text-align: center;
	display: block;
}
.js-readmore-btn {
	text-align: center;
	cursor: pointer;
	text-transform: capitalize;
	display: inline-block;
}
.js-readmore-btn:hover {
	color: #014189;
}

.products-listing.column-5-3 p a {
	color: #014189 !important;
 	text-decoration: underline;
	text-decoration-color: #014189 !important;
}

/* Related Products Styling */


div.related.products {
	width: 100%;
}
div.related.products ul.products {
	width: 100%;
}
div.related.products ul.products li.product.first {
	width: 30.66667% !important;
	float: left;
	margin: 0 auto;
	margin-right: 4%;
	clear: none;
}
div.related.products ul.products li.product.last {
	width: 30.66667% !important;
	float: left;
	margin: 0 auto;
	margin-right: 4%;
	clear: none;
}
div.related.products ul.products li.product:last-child {
	margin-right: 0%;
}
div.related.products ul.products li.product a.btn {
	font-size: 18px;
	min-height: inherit;
}

div.related.products ul.products li.produts a.woocommerce-LoopProduct-link span.price {
	margin-bottom: 1em;
}
.js-relatedLayout { float: left; }
@media only screen and (max-width: 1024px){
	.js-relatedLayout {float: none;}
	
	div.related.products ul.products li.product.first {
		width: 100% !important;
		margin: 0 auto;
	}
	div.related.products ul.products li.product.last {
		width: 100% !important;
		margin: 0 auto;
	}
}


.section-products .related .products-listing .row {
    margin: 0 -25px;
}
.section-products .related h2 {
    margin-bottom: 15px;
}
.section-products .related .products-listing .product-tile .btn-block {
    font-size: 18px;
    height: auto;
    margin-bottom: 0;
    min-height: 0;
}
.section-products .related .column-3-1 {
    width: 33.33%;
}

@media only screen and (max-width: 1310px){
    .section-products .related .products-listing .row {
        margin: 0 -10px;
    }
}

@media only screen and (max-width: 590px){
    .section-products .related .row .column-3-1 {
        width: 50%;
    }
    .section-products .related .row .column-3-1:last-child {
        display: none;
    }
}

@media only screen and (max-width: 400px){
    .section-products .related .products-listing .product-tile .btn-block {
        font-size: 16px;
        padding: 10px;
        line-height: 1.3;
    }
}

.prd-2-col-clearer, .prd-3-col-clearer {
    display: block;
    clear: both;
}

.prd-2-col-clearer {
    display: none;
}

@media only screen and (max-width: 1024px){
    .prd-2-col-clearer {
        display: block;
    }
    .prd-3-col-clearer {
        display: none;
    }
}

.woocommerce .section-product div.product p.price, .woocommerce .section-product div.product span.price {
    color: #014189;
    font-size: 32px;
    font-weight: 400;
    display: none;
}

.woocommerce .section-product #productPurchase.variations_form .woocommerce-variation-add-to-cart {
    display: none;
}

.woocommerce div.product #productPurchase .variations select {
    margin: 0;
}

.woocommerce div.product #productPurchase .variations .value > div {
    position: relative;
    padding-left: 27px;
}
.woocommerce div.product #productPurchase .variations .value label {
    font-weight: normal;
}
.woocommerce div.product #productPurchase .variations .value input {
    position: absolute;
    top: 6px;
    left: 0;
}

#essential-care-plans .woocommerce-variation-price .price {
    display: block !important;
}

#essential-care-plans .variations {
    display: none;
}
#essential-care-plans .variations.js-radio-variations {
    display: block !important;
}

#footer ul li a.social-instagram {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 30px;
    width: 30px;
    background-image: url("../images/icon-social-instagram.png");
    margin-top: 10px;
}

.cookie-toolbar {
    top: auto;
    bottom: 0;
}

#header.show-cookie {
    padding-top: 0;
}

#nav.show-cookie {
    margin-top: 0;
}

.cookie-toolbar p {
    padding-top: 3px;
}

#essential-care-plans {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
#essential-care-plans:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(25% + 40px);
    width: 1px;
    height: 100%;
    background: #a4a4a4;
}
#essential-care-plans .product-serial-numbers {
    font-size: 15px;
}
#essential-care-plans .product-serial-numbers .heading {
    font-weight: 400;
}
#essential-care-plans .product-serial-numbers .serial-row {
    padding: 20px 0 0;
    margin: 0;
}
#essential-care-plans .product-serial-numbers .serial-row span {
    display: block;
    padding: 0 0 6px;
}
#essential-care-plans .product-serial-numbers .serial-row input {
    margin: 0;
    border: 1px solid #cfcfcf;
    font-size: 15px;
}
#essential-care-plans .product-serial-numbers .serial-row input.error {
    background: pink;
    border-color: red;
}
#essential-care-plans .woocommerce-variation-add-to-cart {
    display: block !important;
}
#essential-care-plans .woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}
#essential-care-plans .woocommerce-variation-add-to-cart button {
    position: relative;
    display: block;
    width: 250px;
    height: 48px;
    background: #8ebc3f;
    color: #ffffff;
    cursor: pointer;
    margin: 34px 0 0;
    font-weight: normal;
    border-radius: 0;
    font-size: 17px;
    line-height: 48px;
    padding: 0 16px;
    text-align: left;
    margin: 15px 0 0;
}
#essential-care-plans .woocommerce-variation-add-to-cart button:after {
    content: '>';
    position: absolute;
    top: -2px;
    right: 12px;
    font-size: 32px;
    font-weight: normal;
}
#essential-care-plans .woocommerce-variation-price {
    margin: 15px 0 0;
}
#essential-care-plans .woocommerce-variation-add-to-cart button.disabled {
    display: none;
}
#essential-care-plans .column-4-3 {
    padding-left: 100px;
}
#essential-care-plans .wysiwyg h1, 
#essential-care-plans .wysiwyg h2, 
#essential-care-plans .wysiwyg h3, 
#essential-care-plans .wysiwyg h4, 
#essential-care-plans .wysiwyg h5, 
#essential-care-plans .wysiwyg h6 {
    display: block;
    color: #184188;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 20px;
}
#essential-care-plans .mobile-product-image {
    display: none;
    max-width: 300px;
    margin: 0 0 20px;
}
#essential-care-plans .product-image {
    max-width: 300px;
    height: auto;
    float: right;
    margin: 50px 0 50px 50px;
}
#essential-care-plans .js-variation-details {
    margin: 0 0 30px;
}
#essential-care-plans .js-variation-details .name {
    font-size: 24px;
    color: #383838;
    font-weight: 400;
}
#essential-care-plans .js-variation-details .price {
    font-size: 36px;
    color: #184188;
    font-weight: 400;
}
#essential-care-plans .hearing-care-intro {
    color: #184188;
    font-weight: 400;
    font-size: 18px;
}

@media only screen and (max-width: 1310px) {
    #essential-care-plans:before {
        left: calc(33.33% + 40px);
    }
    #essential-care-plans .column-4-3 {
        padding-left: 70px;
    }
}

@media only screen and (max-width: 1024px) {
    #essential-care-plans:before {
        display: none;
    }
    #essential-care-plans .column-4-3 {
        padding: 30px 10px 0;
    }
    #essential-care-plans .mobile-product-image {
        display: block;
    }
    #essential-care-plans .column-4-3 .product-image {
        display: none;
    }
    #essential-care-plans .woocommerce-variation-price {
        display: none;
    }
}

/* Designer Frame Header */

.designer-frame-header {
    border: 5px solid #1cd4c6;
    width: 100%;
    /* padding: 20px 20px 20px 0; */
    margin: 0 auto;
}
.designer-frame-header .column-4-1 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    height: 120px;
}
.designer-frame-header .column-4-3 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
    font-size: 28px;
    text-align: right;
}
@media only screen and (max-width: 1024px) {
    .designer-frame-header {
        padding: 0;
    }
    .designer-frame-header .column-4-1 {
        width: 35%;
    }
    .designer-frame-header .column-4-3 {
        width: 65%;
        font-size: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .designer-frame-header .column-4-3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 500px) {
    .designer-frame-header {
        padding: 20px;
    }
    .designer-frame-header .column-4-1 {
        display: block;
        width: 100%;
        background-position: center;
    }
    .designer-frame-header .column-4-3 {
        font-size: 18px;
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
    }
}

/* Request Appointment Form Styling */
@media only screen and (max-width: 981px) {
    #requestAppointment #gform_wrapper_31 #gform_page_31_1 ul.gform_fields .column-5-1 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 580px) {
    #requestAppointment #gform_wrapper_31 #gform_page_31_1 ul.gform_fields .column-5-1 {
        width: 100% !important;
    }
}

/* Hearing Aids Relayout */
.breadcrumbs-with-button .container {
    padding: 0;
}
.breadcrumbs-with-button .breadcrumbs {
    padding: 22px 15px;
}
.intro-copy {
    padding: 0 15px;
}
.content-half {
    width: 50%;
    float: left;
    position: relative;
    height: 400px;   
}
@media only screen and (max-width: 767px) {
    .content-half {
        width: 100%;
    }
}
.content-half .image {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.content-half .heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 8px;
    font-size: 20px;
    font-weight: 400;
}

.content-half .btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.breadcrumbs-wrap .container {
    position: relative;
}

.breadcrumbs-button {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
    text-transform: uppercase;

}
.breadcrumbs-button > .btn-primary {
    min-width: auto;
    padding: 5px 10px;
    height: auto;
    font-size: 1rem;
}
@media only screen and (max-width: 767px) {
    .breadcrumbs-button {
        width: 100%;
        position: relative;
        top: 0;
        right: auto;
        -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
               transform: translateY(0);
    }
    .breadcrumbs-button > .btn-primary {
        width: 100%;
        text-align: center;
    }

}
@media only screen and (max-width: 500px) {
    .breadcrumbs-button > .btn-primary {
        font-size: 0.9rem;
    }
}

/* Update Prefences Form - ID 34 */
#gform_fields_34 .gfield_checkbox,
#gform_fields_34 .gfield_checkbox, {
    width: 100%;
    padding-left: 0;
}
#gform_fields_34 .gfield_checkbox li {
    display: inline-block;
    margin-right: 20px;
}
#gform_fields_34 .gfield_checkbox li label {
    padding-left: 30px;
    padding-top: 6px;
}

.email_confirmation_field {
    width: 100% !important;
    display: block;
    padding-right: 0 !important;
    
}
@media only screen and (max-width: 740px) {
    .email_confirmation_field {
        padding-right: 14px !important;
    }
}
.email_confirmation_field:after {
    content: "";
    display: table;
    clear: both;
}
.email_confirmation_field .ginput_left, .email_confirmation_field .ginput_right {
    width: 50%;
    padding-right: 14px;
    float: left;
}
@media only screen and (max-width: 740px) {
    .email_confirmation_field .ginput_left, .email_confirmation_field .ginput_right {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
}
.form_spliiter_heading {
    width: 100% !important;
    padding: 0 !important;
    margin-top: 35px !important;
}
.form_spliiter_heading h2 {
    padding: 10px 0;
    font-size: 18px;
}
li#field_34_1 > label,
li#field_34_2 > label  {
    font-weight: 400;
}

/* Comms - Update Preferneces Gform */
#comms-update-gform ul li:nth-child(3) {
    width: 100%;
}

#comms-update-gform ul li ul.gfield_checkbox li {
    display: inline-block;
    margin-right: 20px;
}
#comms-update-gform ul li ul.gfield_checkbox label {
    padding-left: 30px;
    padding-top: 6px;
}


/* */
.page-template-template-twoColunmWithImages .full-width-banner .section-banner .content-1 {
    height: 400px;
}


#requestAppointment .text-primary {
    text-decoration: underline;
}


/* OFFER RIBBIONS
---------------------------------*/
.section-products .products-listing .product-tile .brand-logo {
	z-index: 10;
}
.list-brands li {
	overflow: hidden;
}
.list-brands li a {
	position: relative;
}
.list-brands li:after {
    bottom: 0;
}

.offer-ribbion {
    width: 137px;
    text-align: center;
    font-weight: 400;
    font-size: 0.95em;
    padding: 10px;
    text-decoration: none;
    position: absolute;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 1000;
    top: -14px;
    right: -63px;
    transform: rotate(45deg) translateY(100%);
    background: red;
    color: white;
}

.section-products .products-listing .product-tile .image-wrapper {
	overflow: hidden;
	display: block;
	position: relative;
}
.section-products .products-listing .product-tile .offer-ribbion {
	width: 100px;
	padding: 4px;
	font-size: 0.8em;
	top: -3px;
	right: -40px;
}

@media only screen and (max-width: 1366px) {
    .section-brands .offer-ribbion {
        width: 135px;
        text-align: center;
        font-weight: 400;
        font-size: 0.8em;
        padding: 5px 10px;
        text-decoration: none;
        position: absolute;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        z-index: 1000;
        top: -10px;
        right: -63px;
        transform: rotate(45deg) translateY(100%);
        background: red;
        color: white;
    }   
}

.offer-text {
	text-align: center;
	padding: 10px;
	border: 2px solid #000;
	width: 100%;
	font-size: 1.2em;
	font-weight: 400;
	margin-top: 20px;
}

.promo_header .wysiwyg {
    text-align: center;
    font-size: 1.7em;
    margin-top: 2em;
    margin-bottom: 1.5em;
}
@media only screen and (max-width: 600px) {
    .promo_header .wysiwyg {
        text-align: center;
        font-size: 1.2em;
        margin-top: 1.5em;
        margin-bottom: 1em;
    }
}


.offer-masthead .offer-right {
    float: right;
    position: relative;
    width: 25%;
}
.offer-masthead .offer-right div:first-child{
    display: none;
}

.offer-masthead .offer-right > div {
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-bottom: 58.75%;
    position: relative;
    width: 100%;
}

.offer-masthead .offer-right > div img {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 104.7%;
}
@media only screen and (max-width: 767px) {
    .offer-masthead .offer-right {
        display: none;
    }
    .offer-masthead .cycle-slideshow > div a {
        height: 100%;
        width: 100%;
        display: block;
    }
}
@media only screen and (min-width: 768px) {
    .offer-masthead .cycle-slideshow > div:nth-child(2) {
        visibility: visible !important;
        z-index: 200 !important;
    }
}


.faceshape-text {
    width: 100%;
}
.faceshape-text .link {
    text-decoration: underline;
    font-weight: 400;
}
.faceshape-text #frameshape {
    text-transform: lowercase;
}
.faceshape-image {
    width: 100%;
    display: table;
    border-collapse: collapse;
    margin-top: 25px;
}
.faceshape-image .faceshap-wrap {
    /*width: 25%;*/
    display: table-cell;
    padding: 0px 5px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5; 
}
.faceshape-image .faceshap-wrap:first-child {
    border-left: 0;
}
.faceshape-image .faceshap-wrap:last-child {
    border-right: 0;
}
.faceshape-image .faceshap-wrap img {
    width: 100%;
    max-width: 50px;
    margin: 0 auto;
    display: block;
}
.faceshape-image .faceshap-wrap p {
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 0.7em;
    margin: 16px auto 0;
}


.offer-masthead .offer-right > div > a {
    display: block;
    margin: 0 auto;
    height: 100%;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-bottom: 58.75%;
    position: relative;
    width: 100%; 

      
}
.offer-masthead .offer-right > div > a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(214,214,214,0);
    transition: background 0.3s ease;
}

.offer-masthead .offer-right > div > a:hover:before {
    background: rgba(214,214,214,0.6);      
}
.cycle-slideshow .cycle-slideshow a {
    display: block;
    position: relative;
}
.offer-masthead .cycle-slideshow a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(214,214,214,0);
    transition: background 0.3s ease;
}
.offer-masthead .cycle-slideshow a:hover:before {
    background: rgba(214,214,214,0.6);      
}

/* Form Voucher Styling */
#voucherForm + #ajaxSucess .success-wyswig {
    text-align: center;
}
#voucherForm + #ajaxSucess .success-wyswig h2 {
    color: black;   
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 1rem;
}
#voucherForm + #ajaxSucess .success-wyswig p {
    color: black;
    font-weight: 400;
    font-size: 16px;
}
#voucherForm + #ajaxSucess .button {
    display: block;text-align: center;
}
#voucherForm + #ajaxSucess .barcode {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    margin-bottom: 40px;
}
#voucherForm + #ajaxSucess .button a {
    

}

/* Mobile Readey Banners: Product Top Level Landing 
----------------------------------------------------------------------------------------*/
.section-mobileheading {
    display: none;
}
.desktop-heading {
    display: block;
}
.mobile-banner {
    display: none;
}
.desktop-banner {
    display: block;
}   
@media only screen and (max-width: 880px) {
    .mobile-banner {
        display: block;
    }
    .desktop-banner {
        display: none;
    }  

    .mobile-ready .cycle-sentinel {
        display: none !important;
    }
    .mobile-ready .cycle-slide {
        position: relative !important;
        visibility: visible !important;
    }

    .mobile-ready + .masthead-pager.cycle-pager.mobile {
        display: none !important;
    }

    .mobile-ready .bgcolor-green {
        background-color: #d3ece9;
    }
    .mobile-ready .bgcolor-blue {
        background-color: #cdd9e9;
    }
    .mobile-ready .button-green {
        background-color: #239c93;
    }
    .mobile-ready .button-blue {
        background-color: #063f8c;
    }
    .mobile-ready .heading-green {
        color: #219a93;
    }
    .mobile-ready .heading-blue {
        color: #053e8b;
    }
    .mobile-ready .body-color {
        color: #535454;
    }

    .mobile-ready a.image {
        pointer-events: none;
        cursor: default;
        background-image: none !important;
    }
    .mobile-ready .content-2 {
        background-color: #d3ece9;
    }
    .mobile-ready .content-1 {
        background-color: #cdd9e9;
    }
    .mobile-ready .content-half:nth-child(even) {
        background-color: #d3ece9;
    }
    .mobile-ready .content-half:nth-child(odd) {
        background-color: #cdd9e9;
    }

    .mobile-ready.section-2-1 .content-2 .slide-text, 
    .mobile-ready.section-2-1 .content-1 .slide-text,
    .mobile-ready.section-2-1 .content-half .slide-text {
        text-align: center;
        position: relative;
        margin: 0 auto;
        padding: 50px 20px;
    }

    .mobile-ready.section-2-1 .content-2, 
    .mobile-ready.section-2-1 .content-1,
    .mobile-ready.section-2-1 .content-half {
        height: auto;
    }


    .mobile-ready.section-2-1 .content-2 .slide-text .btn, 
    .mobile-ready.section-2-1 .content-1 .slide-text .btn,
    .mobile-ready.section-2-1 .content-half .slide-text .btn {
        position: relative;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 2px;
        height: auto;
        text-align: center;
        padding: 10px 8px;
    }
    .mobile-ready.section-2-1 .content-2 .slide-text p, 
    .mobile-ready.section-2-1 .content-1 .slide-text p,
    .mobile-ready.section-2-1 .content-half .slide-text p {
        color: #535454;
        font-size: 18px;
    }
    .mobile-ready .btn {
        display: block;
        width: 90%;
        max-width: 230px;
        margin: 0 auto;
        min-width: inherit;
    }
    .mobile-ready.section-2-1 .content-2 .slide-text .heading {
        color: #219a93;
        font-size: 1.925rem;
        line-height: 1.2;
    }
    .mobile-ready.section-2-1 .content-1 .slide-text .heading {
        color: #053e8b;
        font-size: 1.925rem;
        line-height: 1.2;
    }
    .mobile-ready.section-2-1 .content-half:nth-child(odd) .slide-text .heading {
        color: #053e8b;
        font-size: 1.925rem;
        line-height: 1.2;
    }
    .mobile-ready.section-2-1 .content-half:nth-child(even) .slide-text .heading {
        color: #219a93;
        font-size: 1.925rem;
        line-height: 1.2;
    }
    .mobile-ready.section-2-1 .content-2 .slide-text .btn-primary {
        background: #239c93;
    }
    .mobile-ready.section-2-1 .content-1 .slide-text .btn-primary {
        background: #063f8c;
    }
    .mobile-ready.section-2-1 .content-half:nth-child(odd) .slide-text .btn-primary {
        background: #063f8c;
        display: inline-block;
    }
    .mobile-ready.section-2-1 .content-half:nth-child(even) .slide-text .btn-primary {
        background: #239c93;
        display: inline-block;  
    }

    .mobile-ready.section-2-1 .content-half .slide-text .heading {
        position: relative;
        padding: 0;
        background: transparent;
    }

    .force-padding .row {
        margin: 0 auto;
    }

    .section-mobileheading {
        display: block; text-align: center;
    }

    .desktop-heading {
        display: none;
    }   

}

/* Mobile Bug Fixes
------------------------------------------------------------------------------*/

#nav button.dropdown {
    display: none;
}

@media only screen and (max-width: 580px) {

    .default-template-gform .gform_fields {
        padding: 0 10px;
    }
    .default-template-gform .gform_body li.gfield {
        padding-right: 0;
    }

}

@media only screen and (max-width: 767px) {
    #nav .primary-nav > li {
        text-align: left;
        position: relative;
    }
    .primary-nav .menu-item {
        text-align: left;
    }
    .primary-nav .menu-item > a {
        display: inline-block;
    }
    #nav .primary-nav > li > a {
        display: inline-block;
    }
    #nav button.dropdown {
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 11px;
        border: 0;
        background: transparent;
        outline: inherit;
    }
    #nav button.dropdown:before { 
        content: url(../images/expand.png);
        transform: translateY(-50%);
        transform-origin: center;
        position: absolute;
        top: 50%;
        left: auto;
        right: 20px;
        color: #004387;
        font-size: 32px;
    }
    #nav li.active button.dropdown:before { 
        content: url(../images/close.png);
    }
    #nav .primary-nav > li ul {
        display: none;
        opacity: 1;
        visibility: visible;
    } 
    #nav .primary-nav > li ul.js-show-mob {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    #nav .primary-nav > li > a {
        border-bottom: 0;
    }


}

@media only screen and (max-width: 767px) {
    .ui-accordion h2.ui-accordion-header, .ui-accordion h3.ui-accordion-header {
        background-color: #014189;
        background-image: none;
        border: none;
        border-radius: 0;
        color: #FFF;
        margin: 0;
        text-shadow: none;
        font-size: 20px;
        font-size: 1.25rem;
        position: relative;
        padding: 10px 60px 10px 15px;
        outline: none;
    }
    .ui-accordion h2.ui-accordion-header:after, .ui-accordion h3.ui-accordion-header:after {
        content: ">";
        font-size: 2.2em;
        font-weight: normal;
        position: absolute;
        top: 0px;
        right: 20px; 
    }
    .ui-widget-content, .ui-accordion .accordion-content {
        background: white;
    }
}
@media only screen and (max-width: 580px) {
    .ui-accordion h2.ui-accordion-header, .ui-accordion h3.ui-accordion-header {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    div.fancy-select ul.options li {
        white-space: inherit;
    }

    div.fancy-select div.trigger {
        overflow: hidden;
        width: 100%;
        padding-right: 70px !important;
    }
    div.fancy-select div.trigger:after {
        right: 0;
    }
}

.list-brands li a {
	padding-bottom: 24px;
}
.section-designer-range .list-brands li {
	padding-bottom: calc(9% + 20px);
}

.list-brands .click-collect-bar {
	position: absolute;
	background: #034089;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	padding: 0 0 2px;
	color: #fff;
	line-height: 1;
}
@media only screen and (max-width: 900px) {
	.list-brands .click-collect-bar {
		font-size: 18px;
		padding-top: 2px;
	}
}
@media only screen and (max-width: 460px) {
	.list-brands .click-collect-bar {
		font-size: 15px;
	}
}


#requestAppointment .gfield_no_follows_desc {
    width: 100%;
}
#requestAppointment .gfield {
    padding: 10px;
}
#requestAppointment textarea {
    height: 110px;
    resize: none;
}
#requestAppointment .privacy-policy-wrap {
   display: block;
}
/* Custom dropdown */

.ginput_container_select {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.ginput_container_select select {
  background: none;
  font-size: inherit;
  border: 1px solid #959595;
  padding: 8px; 
  margin: 0;
  border-radius: 0px;
  width: 100%;
  height: 60px;
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.ginput_container_select::before,
.ginput_container_select::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.ginput_container_select::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.7em;
}

.ginput_container_select::before { /*  Custom dropdown arrow cover */
    width: 3em;
    height: 59px;
    right: 0;
    top: 0;
    bottom: 0;
}

.ginput_container_select select[disabled] {
  color: rgba(0,0,0,.3);
}

.ginput_container_select select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.ginput_container_select::before {
  background-color: #003264;
}

.ginput_container_select::after {
    color: #ffffff;
    padding: 0 6px;
}

.product-image.product-new {
	position: relative;
}
.product-image.product-new:before {
	background: #1cd4c6;
	color: #fff;
	content: "NEW";
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1;
	padding: 5px 5px 4px;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 99;
}

.branch__mobile ul.list__branch-brands {	
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}
.branch__mobile ul.list__branch-brands:after {
	content: '';
	clear: both;
	display: block;
}
.branch__mobile ul.list__branch-brands li {
	position: relative;
	float: left;
	width: 50%;
	border-bottom: 1px solid #959595;
	border-right: 1px solid #959595;
	padding-bottom: 20px;
}
.branch__mobile ul.list__branch-brands li img {
	max-width: 100%;
}
.branch__mobile ul.list__branch-brands li .click-collect-bar {
	position: absolute;
	background: #034089;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	padding: 0 0 2px;
	color: #fff;
	line-height: 1;
}

@media only screen and (max-width: 460px) {
	.branch__mobile ul.list__branch-brands li {
		padding-bottom: 15px;
	}
	.branch__mobile ul.list__branch-brands li .click-collect-bar {
		font-size: 15px;
	}
}

/* sasha page */
.page-id-36848 .section {
    background-color: #000000;
}
.page-id-48271 .section {
    background-color: #000000;
    padding: 20px 0;
}
.sasha .column {
    width: 25%;
    display: inline-block;
    margin: 0 -4px;
}
.sasha .card {
    position: relative;
}
.sasha .column .card {
    position: relative;
}
.sasha .column .card .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.sasha .column .card:hover .img-top {
    display: inline;
}
.sasha .CTA {
    text-align: center;
    align-content: center;
    margin: 16px auto;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    background-color: #014189;
    width: 50%;
}
@media screen and (max-width: 800px) {
    .sasha .column {
        width: 50%;
    }
    .sasha .mobile-text-sasha {
        font-size: 16px;
    }
    .sasha .column .card:hover .img-top {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .sasha .column {
        width: 100%;
    }
    .sasha .mobile-text-sasha {
        font-size: 16px;
    }
    .sasha .column .card:hover .img-top {
        display: none;
    }
}


.single-offer .barcode-result h1 {
    color: #014189;
}
.single-offer .list-branches-offers .column-title > h2 {
    color: #014189;
    font-size: 25px;
    margin: 0;
}
.single-offer .list-branches-offers .column-title > .text-primary {
    color: #474A51;
    font-size: 18px;
    margin: 0;
    font-weight: normal;
}
.single-offer .list-branches-offers > li > p {
    padding: 20px 0;
    font-size: 16px;
    font-weight: bold;
    color: #474A51;
    margin: 0;
    min-height: 190px;
}
.single-offer .list-branches-offers .branch-details {
    padding: 0 0 20px;
}
.single-offer .list-branches-offers .branch-details li {
    margin: 0 0 10px;
    min-height: 25px;
    line-height: 25px;
    color: #014189;
    padding-left: 38px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.single-offer .list-branches-offers .branch-details li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: center;
}
.single-offer .list-branches-offers .branch-details li.phone:after {
    background-image: url(../images/branch-icon-phone.gif);
}
.single-offer .list-branches-offers .branch-details li.directions:after {
    background-image: url(../images/branch-icon-location.gif);
}
.single-offer .list-branches-offers .branch-details li.opening:after {
    background-image: url(../images/branch-icon-time.gif);
}
.single-offer .list-branches-offers .branch-details li a {
    color: #014189;
    font-weight: bold;
}
.single-offer .list-branches-offers .branch-details li a:hover {
    text-decoration: underline;
}
.single-offer .offer-btn {
    display: block;
    width: 100%;
    border: 1px solid #77ac58;
    background: #77ac58;
    font-weight: bold;
    color: #fff;
    padding: 12px;
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px;
    max-width: 345px;
}
.single-offer .offer-btn.offer-btn--alt {
    background: #fff;
    color: #77ac58;
}
.single-offer .offer-btn:hover {
    text-decoration: underline;
}

.single-offer .offer-btn.js-load-next-batch-branches {
    margin: 75px auto 0;
}

.single-offer .list-branches-offers > li.branch-spacer {
    height: 35px;
}

@media only screen and (max-width: 768px) {
    .single-offer .list-branches-offers > li.branch > p,
    .single-offer .list-branches-offers > li.branch > ul,
    .single-offer .list-branches-offers > li.branch > a {
        display: none;
    }
    
    .single-offer .list-branches-offers > li.branch-spacer {
        display: none !important;
    }
    
    .single-offer .list-branches-offers > li.branch {
        border-bottom: 1px solid #dbdbdb;
        padding: 15px 10px;
        height: auto !important;
    }
    
    .single-offer .list-branches-offers > li.branch .column-title {
        cursor: pointer;
        padding-right: 50px;
        position: relative;
    }
    .single-offer .list-branches-offers > li.branch .column-title:before {
        content: '';
        position: absolute;
        top: 19px;
        width: 26px;
        height: 2px;
        background: #014189;
        right: 0;
    }
    .single-offer .list-branches-offers > li.branch .column-title:after {
        content: '';
        position: absolute;
        top: 7px;
        right: 12px;
        height: 26px;
        width: 2px;
        background: #014189;
    }
    .single-offer .list-branches-offers > li.branch.mobile-visible .column-title:after {
        display: none;
    }
    .single-offer .list-branches-offers > li.branch.mobile-visible > p,
    .single-offer .list-branches-offers > li.branch.mobile-visible > ul,
    .single-offer .list-branches-offers > li.branch.mobile-visible > a {
        display: block;
    }
}

#googleMaps {
	z-index: 10;
}

.section-masthead-branch .googlemaps-wrap .btn-container {
	z-index: 11;
}

.marker_key {
	width:36px; 
	height:auto;
}

.marker_key_description {
	margin-left:15px;
	text-align:center;
}

.secondary-bg {
    background: #c5f3f0;
    padding: 30px 3000px;
    margin: 30px -3000px 0;
}
.another-location {
    text-align: center;
    margin: 0 auto;
    float: inherit;
}
.another-location .input-group-label,
.another-location label {
    display: block;
    padding-right: 0px;
    vertical-align: inherit; 
    white-space: nowrap; 
    width: inherit; 
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 1.875rem;
    font-weight: 400;
    color: #383838;
}
.another-location .input-group .input-group-btn {
    display: block;
}
.search-form {
    position: relative;
}
.search-form #btn-submit {
    position: absolute;
    top: 0;
    right: 0;
}
.noUi-target .noUi-handle {
    position: unset;
    margin-top: -10px;
    margin-left: -17px;
}
.noUi-horizontal .noUi-tooltip {
    left: 5% !important;
    top: 20px!important;
}
.gform_page_fields input[data-value-visibility="hidden"] + .slider-display {
  margin-top: 3em!important;
}
.gform_wrapper {
    display: block !important;
}
@media only screen and (max-width: 767px) {
    label {
        font-size: 14px;
    }
}
#gform_page_75_1 .gfield_description img,
#gform_page_44_1 .gfield_description img {
    max-width: 100%;
    width: auto;
    margin-bottom: 10px;
}
.noUi-target.noUi-horizontal .noUi-handle .noUi-tooltip {
    margin-left: -24px;
}
#gform_75 label,
#gform_44 label {
    font-size: 16px
}