@font-face {

    font-family: 'fira_sans';

    src: url("css/fonts/FiraSans-Regular.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sans';

    src: url("css/fonts/FiraSans-Italic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'fira_sansbold';

    src: url("css/fonts/FiraSans-Bold.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sansbold';

    src: url("css/fonts/FiraSans-BoldItalic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'fira_sansextrabold';

    src: url("css/fonts/FiraSans-ExtraBold.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sansextrabold';

    src: url("css/fonts/FiraSans-ExtraBoldItalic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'fira_sanslight';

    src: url("css/fonts/FiraSans-Light.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sanslight';

    src: url("css/fonts/FiraSans-LightItalic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'fira_sanssemibold';

    src: url("css/fonts/FiraSans-SemiBold.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sanssemibold';

    src: url("css/fonts/FiraSans-SemiBoldItalic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'fira_sansmedium';

    src: url("css/fonts/FiraSans-Medium.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fira_sansmedium';

    src: url("css/fonts/FiraSans-MediumItalic.otf") format("opentype");

    font-weight: normal;

    font-style: italic;

}



/**

 ** Bootstrap Overrides 

 **/

.container {

    width: 1230px !important;

    max-width: 100%;

    padding: 0 15px;

}



/**

 ** Body

 **/

body {

    background: #FFFFFF;

    width: 100%;

    max-width: 2560px;

    margin: 0 auto;

    font-family: "fira_sans";

    font-weight: normal;

    overflow-x: hidden;

    font-size: 17px;

    color: #5a5a5a;

}





a {

    text-decoration: none !important;

    color: #14868e;

}



a:hover {

    color: #c1d41c;

}



b,

strong,

h1,

h2,

h3,

h4,

h5,

h6,

th,

label {

    font-weight: normal !important;

}



h1,

h2,

h3 {

    font-family: "fira_sans";

}



h1 b,

h1 strong,

h2 b,

h2 strong,

h3 b,

h3 strong {

    font-family: "fira_sansbold";

}



b,

strong,

th,

td:before {

    font-family: "fira_sansbold";

}



.clearfix {

    content: "";

    display: block;

    clear: both;

    float: none;

    width: 100%;

}



.has-clearfix:after {

    content: "";

    display: block;

    clear: both;

    float: none;

    width: 100%;

}



/**

 ** Header

 **/

#header-top {

    background: #14868e;

    color: #FFFFFF;

    overflow: hidden;

}



#header-top .container {

    padding: 5px 15px;

}



#header-phone-link {

    float: left;

}



#header-phone-link .a-phone-link {

    display: block;

    color: #FFFFFF;

    font-size: 17px;

    line-height: 22px;

    vertical-align: top;

}



#header-phone-link .a-phone-link span,

#header-phone-link .a-phone-link .fa {

    display: inline-block;

    vertical-align: top;

}



#header-phone-link .a-phone-link .fa {

    text-align: center;

    vertical-align: top;

    color: #14868e;

    background: #FFFFFF;

    font-size: 14px;

    line-height: 20px;

    width: 20px;

    height: 20px;

    margin: 1px 8px 1px 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    -moz-transition: background 0.3s linear;

    -o-transition: background 0.3s linear;

    -webkit-transition: background 0.3s linear;

    transition: background 0.3s linear;

}



#header-phone-link .a-phone-link .phone-number {

    font-family: "fira_sansbold";

    font-size: 20px;

}



#header-phone-link .a-phone-link:active,

#header-phone-link .a-phone-link:focus,

#header-phone-link .a-phone-link:hover {

    color: #c1d41c;

}



#header-phone-link .a-phone-link:active .fa,

#header-phone-link .a-phone-link:focus .fa,

#header-phone-link .a-phone-link:hover .fa {

    background: #c1d41c;

}



#fo-phone-number-top,

#lp-phone-number {

    float: right;

    padding: 30px 0 10px;

}



#fo-phone-number-top .phone-number,

#lp-phone-number .phone-number {

    display: inline-block;

    vertical-align: top;

    font-size: 33px;

    line-height: 36px;

}



#fo-phone-number-top .phone-number b,

#lp-phone-number .phone-number b {

    font-family: "fira_sansextrabold";

}



#header-top-sections {

    float: right;

}



#header-top-message {

    float: left;

    line-height: 22px;

    font-size: 16px;

    font-style: italic;

}



#header-top-message .message,

#header-top-message .icon-img {

    display: inline-block;

    vertical-align: top;

}



#header-top-message .icon-img {

    height: 22px;

    width: 22px;

    margin-right: 12px;

}



#header-top-message .icon-img img {

    vertical-align: top;

    max-width: 100% !important;

    max-height: 100% !important;

}



#header-social-media {

    float: right;

    padding-left: 27px;

}



.site-header {

    position: absolute;

    top: 0;

    width: 100%;

    left: 0;

}



.site-header .header-wrap {

    background: #FFFFFF;

    padding: 8px 0 13px;

    position: relative;

}



.site-header .navbar {

    margin: 0;

    padding: 0;

    border: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    background: transparent;

}



.site-header .a-custom-logo {

    display: block;

   

    width: 100%;

    position: relative;

}



.site-header .a-custom-logo .custom-logo {

    max-width: 100%;

   
    opacity: 1;

}



.site-header .a-custom-logo .custom-icon {

    height: 100% !important;

    width: auto !important;

    opacity: 0;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

}



.site-header .navbar {

    position: initial;

    position: unset;

}



#main-navigation {

    padding: 30px 0 0;

}



#main-navigation .navbar-nav {

    float: right;

}



#main-navigation .navbar-nav>li {

    position: unset;

    padding: 0 7px;

}



#main-navigation .navbar-nav>li:last-child {

    margin-right: -12px;

}



#main-navigation .navbar-nav>li .dropdown-caret {

    display: none;

}



#main-navigation .navbar-nav>li>.mi-item-caret {

    display: block;

    line-height: inherit;

}



#main-navigation .navbar-nav>li>.mi-item-caret>a,

#main-navigation .navbar-nav>li>a {

    display: block;

    color: #727272;

    background: transparent;

    padding: 5px;

    position: relative;

    text-transform: uppercase;

    font-size: 16px;

    line-height: 24px;

}



#main-navigation .navbar-nav>li>.mi-item-caret>a .caret,

#main-navigation .navbar-nav>li>a .caret {

    display: none;

}



#main-navigation .navbar-nav>li>.mi-item-caret>a:before,

#main-navigation .navbar-nav>li>a:before {

    content: "";

    position: absolute;

    display: block;

    bottom: 0;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    width: 0;

    height: 2px;

    background: #c1d41c;

    -moz-transition: width 0.2s linear;

    -o-transition: width 0.2s linear;

    -webkit-transition: width 0.2s linear;

    transition: width 0.2s linear;

}



#main-navigation .navbar-nav>li>.mi-item-caret>a:hover,

#main-navigation .navbar-nav>li>.mi-item-caret>a:focus,

#main-navigation .navbar-nav>li>a:hover,

#main-navigation .navbar-nav>li>a:focus {

    color: #14868e;

}



#main-navigation .navbar-nav>li>.mi-item-caret>a:hover:before,

#main-navigation .navbar-nav>li>.mi-item-caret>a:focus:before,

#main-navigation .navbar-nav>li>a:hover:before,

#main-navigation .navbar-nav>li>a:focus:before {

    width: 100%;

}



#main-navigation .navbar-nav>li .dropdown-menu {

    top: calc(100% - 1px);

    width: 100%;

    color: #FFFFFF;

    background-color: #1a5457;

    background-position: center bottom;

    background-repeat: no-repeat;

    list-style-type: none;

    border: 0 !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}



#main-navigation .navbar-nav>li .dropdown-menu .container {

    list-style-type: none;

    padding: 15px;

    margin: 0 auto;

}



#main-navigation .navbar-nav>li .dropdown-menu li.menu-heading {

    display: block;

    width: 274px;

    text-align: center;

    float: left;

    font-size: 33px;

    line-height: 37px;

    font-family: "fira_sansbold";

    text-transform: uppercase;

    padding: 58px 55px 34px 15px;

}



#main-navigation .navbar-nav>li .dropdown-menu li.menu-heading .the-heading {

    display: inline-block;

    vertical-align: top;

    min-height: 74px;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items {

    display: block;

    width: calc(100% - 274px);

    float: left;

    padding: 20px 0 10px;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

    float: left;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul li {

    vertical-align: top;

    margin: 0;

    min-width: 165px;

    -webkit-column-break-inside: avoid;

    page-break-inside: avoid;

    break-inside: avoid;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul li a {

    color: #FFFFFF;

    display: block;

    font-size: 17px;

    line-height: 25px;

    padding: 4px 0;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul li a:active,

#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul li a:focus,

#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul li a:hover {

    color: #c1d41c;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul.ul-col-2 {

    height: 132px;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    -webkit-column-fill: auto;

    -moz-column-fill: auto;

    column-fill: auto;

    -webkit-column-gap: 15px;

    -moz-column-gap: 15px;

    column-gap: 15px;

}



#main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items>ul.ul-col-3 {

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    -webkit-column-gap: 12px;

    -moz-column-gap: 12px;

    column-gap: 12px;

}



#header-top {

    height: 32px;

    -moz-transition: height 0.3s ease;

    -o-transition: height 0.3s ease;

    -webkit-transition: height 0.3s ease;

    transition: height 0.3s ease;

}



.site-header .a-custom-logo {

    -moz-transition: height 0.4s ease;

    -o-transition: height 0.4s ease;

    -webkit-transition: height 0.4s ease;

    transition: height 0.4s ease;

}



.site-header .a-custom-logo img {

    -moz-transition: opacity 0.4s ease;

    -o-transition: opacity 0.4s ease;

    -webkit-transition: opacity 0.4s ease;

    transition: opacity 0.4s ease;

}



.site-header .header-wrap {

    -moz-transition: background 0.2s, padding 0.4s ease;

    -o-transition: background 0.2s, padding 0.4s ease;

    -webkit-transition: background 0.2s, padding 0.4s ease;

    transition: background 0.2s, padding 0.4s ease;

}



#main-navigation {

    -moz-transition: padding 0.4s ease;

    -o-transition: padding 0.4s ease;

    -webkit-transition: padding 0.4s ease;

    transition: padding 0.4s ease;

    max-height: inherit

}



#menu-primary {

    padding: 0;

    -moz-transition: padding 0.4s ease;

    -o-transition: padding 0.4s ease;

    -webkit-transition: padding 0.4s ease;

    transition: padding 0.4s ease;

}



#fo-phone-number-top,

#lp-phone-number {

    -moz-transition: padding 0.4s ease;

    -o-transition: padding 0.4s ease;

    -webkit-transition: padding 0.4s ease;

    transition: padding 0.4s ease;

}



.site-header.affixed {

    position: fixed;

    z-index: 10000;

}



.admin-bar .site-header.affixed {

    top: 32px;

}



ul.social-media-links {

    margin: 0 -2px;

    text-align: center;

    list-style-type: none;

    padding: 1px 0 0;

    line-height: 20px;

}



ul.social-media-links li {

    margin: 0 2px 1px;

    display: inline-block;

    vertical-align: top;

    line-height: inherit;

}



ul.social-media-links li a {

    color: #14868e;

    background: #FFFFFF;

    font-size: 13px;

    display: block;

    line-height: inherit;

    height: 20px;

    width: 20px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

}



ul.social-media-links li a .fa {

    vertical-align: middle;

    line-height: inherit;

}



ul.social-media-links li a .label-text {

    display: none;

}



ul.social-media-links li a:active,

ul.social-media-links li a:focus,

ul.social-media-links li a:hover {

    background: #c1d41c;

}



ul.social-media-links.social-media-links-big {

    line-height: 24px;

}



ul.social-media-links.social-media-links-big li a {

    font-size: 16px;

    height: 26px;

    width: 26px;

}



/**

 ** Footer

 **/

#footer {

    background-color: #15868e;

    background-image: url('/wp-content/uploads/2019/05/bg-footer.jpg');

    background-repeat: no-repeat;

    background-size: auto;

    background-attachment: scroll;

    background-position: bottom center;

    color: #FFFFFF;

    padding: 60px 0 10px;

}



#footer .a-custom-logo {

    margin: 15px 0;

    display: block;

    width: 356px;

    max-width: 100%;

}



#footer .a-custom-logo img {

    max-width: 100%;

    height: auto !important;

    width: 100% !important;

}



#footer .footer-buttons {

    padding: 4px 0 9px;

    width: 355px;

    max-width: 100%;

}



#footer .footer-buttons .btn-link {

    width: 100%;

    max-width: 100%;

}



#footer .colophon {

    padding: 12px 0;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 0.055em;

}



#footer .colophon a {

    display: inline-block;

    border-bottom: 1px dashed current-color;

    color: inherit;

}



#footer .colophon a:hover {

    color: #c1d41c;

}



#footer .colophon p {

    margin: 0;

}



.footer-wa-container {

    padding: 12px 0;

}



.footer-wa-container .footer-wa {

    float: left;

    width: 23.31606%;

}



.footer-wa-container .footer-wa.footer-wa-2 {

    width: 25.90674%;

}



.footer-wa-container .footer-wa.footer-wa-3 {

    width: 31.08808%;

}



.footer-wa-container .footer-wa.footer-wa-4 {

    width: 19.68912%;

}



.footer-wa-container .footer-wa .widget {

    padding: 5px 0;

}



.footer-wa-container .footer-wa .widget:last-child ul {

    margin-bottom: 0;

}



.footer-wa-container .footer-wa .textwidget .widget-title,

.footer-wa-container .footer-wa .widget-title {

    color: inherit;

    font-family: "fira_sansbold";

    text-transform: uppercase;

    letter-spacing: 0.055em;

    font-size: 19px;

    line-height: 22px;

    margin-bottom: 14px;

    margin-top: 0;

}



.footer-wa-container .footer-wa ul {

    list-style-type: none;

    padding: 0;

    margin: 0 0 27px;

}



.footer-wa-container .footer-wa ul li {

    color: inherit;

    font-size: 16px;

    padding: 3px 0;

    margin-bottom: 3px;

    line-height: 24px;

    letter-spacing: 0.055em;

}



.footer-wa-container .footer-wa ul li a {

    color: inherit;

}



.footer-wa-container .footer-wa ul li a:hover,

.footer-wa-container .footer-wa ul li a:active,

.footer-wa-container .footer-wa ul li a:focus {

    color: #c1d41c;

}



#footer-left {

    width: 370px;

    float: left;

    padding: 40px 0 15px;

}



#footer-right {

    width: 772px;

    max-width: calc(100% - 375px);

    float: right;

}



#footer-social-media {

    padding: 10px 0;

}



#footer-social-media .social-heading {

    display: inline-block;

    font-size: 18px;

    line-height: 24px;

    vertical-align: top;

    margin: 2px 10px 2px 0;

}



#footer-social-media .social-media-links {

    display: inline-block;

    vertical-align: top;

}



#footer-phone-link {

    padding: 10px 0 8px;

}



#footer-phone-link .a-phone-link {

    color: #FFFFFF;

    font-size: 22px;

    line-height: 28px;

}



#footer-phone-link .a-phone-link .fa,

#footer-phone-link .a-phone-link span {

    display: inline-block;

    vertical-align: top;

}



#footer-phone-link .a-phone-link .fa {

    color: #14868e;

    background: #c1d41c;

    margin: 4px 6px 4px 8px;

    width: 20px;

    height: 20px;

    font-size: 15px;

    line-height: 22px;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

}



#footer-phone-link .a-phone-link .phone-number {

    font-family: "fira_sansbold";

}



#footer-phone-link .a-phone-link:hover,

#footer-phone-link .a-phone-link:active,

#footer-phone-link .a-phone-link:focus {

    color: #c1d41c;

}



#footer-left-fo {

    float: left;

    width: 356px;

    max-width: 50%;

}



#footer-right-fo {

    float: right;

    width: 410px;

    max-width: 50%;

}



/**

 ** Page Sections

 **/

#page-heading {

    background-color: #14868e;

    background-image: url('images/hbg-default.jpg');

    background-repeat: no-repeat;

    background-size: auto;

    background-attachment: scroll;

    background-position: center center;

    color: #FFFFFF;



}



#page-heading .heading-wrap {

    padding: 46px 0 48px;

}



#page-heading .the-page-title {

    margin: 0 auto 8px;

    font-size: 45px;

    line-height: 50px;

    font-family: "fira_sanssemibold";

}



#page-heading .the-page-sub-title {

    margin: 0 auto;

    font-size: 18px;

    line-height: 24px;

}



#page.site .site-inner,

#page.site>.wrap {

    position: relative;

    z-index: auto;

}



.site-inner {

    padding-top: 141px;

}



.products_section .layout-content {

    padding: 25px 0 34px;

}



.products_section .the-content-wrap {

    padding: 26px 0;

}



.products_section .the-heading {

    color: #14868e;

    font-size: 39px;

    line-height: 45px;

    margin-bottom: 21px;

}



.products_section .the-content p>a {

    color: inherit;

}



.products_section .the-content p>a:hover,

.products_section .the-content p>a:active,

.products_section .the-content p>a:focus {

    color: #14868e;

}



.products_section .products {

    display: flex;

    flex-wrap: wrap;

    padding: 9px 0;

    margin: 0 -17px;

}



.products_section .product-wrap {

    display: inline-block;

    vertical-align: top;

    padding: 17px;

    width: 25%;

}



.products_section .product {

    text-align: center;

    border: 1px solid #a8aaad;

    background: #FFFFFF;

    padding-bottom: 70px;

}



.products_section .product .the-image-wrap {

    width: 260px;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

    z-index: 1;

}



.products_section .product .the-image-wrap .the-image {

    width: 100%;

    height: 0;

    position: relative;

    padding-top: 130.76923%;

    text-align: center;

    background: #FFFFFF;

}



.products_section .product .the-image-wrap .the-image img {

    pointer-events: none;

    position: absolute;

    max-width: 100%;

    height: auto !important;

    top: 0;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    margin: 0 auto;

}



.products_section .product .product-details {

    position: absolute;

    z-index: 2;

    text-align: center;

    width: 100%;

    bottom: 0;

    padding: 0 5px 25px;

}



.products_section .product .product-name {

    font-size: 22px !important;

    line-height: 26px;

    min-height: 38px;

    text-align: center;

}



.wpfsd-section .btn-container .btn-link {

    margin: 3px 4px;

    min-width: 197px;

}



.products_section .product .btn-link {

    margin: 6px 0;

    width: 220px;

    max-width: 100%;

}



.btn-link {

    font-size: 18px;

    line-height: 29px;

    padding: 4px 27px;

    border: 2px solid #c1d41c;

    text-align: center;

    color: #FFFFFF;

    font-family: "fira_sansextrabold";

    display: inline-block;

    vertical-align: top;

    background: #c1d41c;

    overflow: hidden;

    min-width: 176px;

    max-width: 100%;

    border-radius: 21px;

    transition: all 0.3s linear;

}



.btn-link:active,

.btn-link:focus,

.btn-link:hover {

    border-color: #14868e;

    color: #FFFFFF;

    background: #14868e;

}



.btn-link.cyan {

    border: 2px solid #14868e;

    background: #14868e;

}



.btn-link.cyan:active,

.btn-link.cyan:focus,

.btn-link.cyan:hover {

    border-color: #c1d41c;

    color: #FFFFFF;

    background: #c1d41c;

}





/* Build page style.css overrides */

body.woocommerce-page {

    background-color: #fff;

}



body.woocommerce div.product {

    position: relative !important;

}



.the-content p {

    font-family: "fira_sans";

    font-size: 17px;

    line-height: 24px;

    margin-bottom: 12px;

}





/* Single product page style.css overrides */



.cd-breadcrumb.triangle li>* {

    font-size: 14.5px;

}



.single-tild-sect {

    background-color: #fff;

}



.build-showerdoor .col-xs-12 {

    padding: 0;

}



.single-tild-sect .build-showerdoor h2 {

    color: #14868e;

    font-size: 39px;

    line-height: 40px;

    width: inherit;

}



.build-showerdoor ul.bundle-tild-sect li {

    border: 1px #eee solid;

    /*padding: 20px;*/

    margin-bottom: 30px;

    text-align: center;

    padding: 15px 0;

    flex: 0 0 32%;

}



.build-showerdoor ul.bundle-tild-sect li:nth-child(3n-1) {

    margin-left: 2%;

    margin-right: 2%;

}



.single-tild-sect p,

.single-tild-sect span,

.single-tild-sect h2,

.single-tild-sect h3,

.single-tild-sect h4,

.single-tild-sect h5,

.single-tild-sect h6 {

    font-family: "fira_sans";

}



.build-showerdoor .disclaimer {

    clear: both;

    display: block;

    padding-top: 20px;

    padding-left: 15px;

    width: 100%;

    font-size: 12px;

    color: #035D62;

    text-align: justify;

}



.product-descipt #measuremnet-val,

.build-showerdoor .coName {

    border: 2px solid #14868e;

    background: #14868e;

    font-size: 18px;

    line-height: 1;

    padding: 4px 17px !important;

    color: #FFFFFF;

    font-family: "fira_sansextrabold";

    min-width: 176px;

    border-radius: 21px;

    box-shadow: none;

    text-shadow: none;

    transition: all .25s ease;

}



.product-descipt #measuremnet-val:hover,

.build-showerdoor .coName:hover {

    border-color: #c1d41c;

    color: #FFFFFF;

    background: #c1d41c;

}



.build-showerdoor .coName {

    margin-bottom: 0;

}



.build-showerdoor label.attribute-active .coName {

    border: 1px solid #c1d41c;

    color: #FFFFFF;

    background: #c1d41c;

    box-shadow: none;

    text-shadow: none;

}



.build-showerdoor label .post-title-sect {

    height: inherit;

    padding: inherit;

}



.glass-thckness-dfi {

    margin-top: 20px;

}



.glass-thckness-dfi h3 {

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 20px !important;

    color: #035d62 !important;

    text-shadow: none;

    font-weight: 400 !important;

}



.glass-thckness-dfi h3 span {

    font-weight: bold;

    font-size: 18px;

}



.glass-thckness-dfi h3 sup {

    font-weight: 100;

    font-size: 12px;

    line-height: 26px;

}



.glass-thckness-dfi #weight {

    padding: 0 24px !important;

}



.glass-thckness-dfi #weight li {

    font-size: 14px;

}



.attribute-glass_type li {

    margin-bottom: 30px;

}



.stay_clean_glass center span {

    width: inherit;

}



.stay_clean_glass center span label {

    border: 2px solid #14868e;

    background: #14868e;

    font-size: 18px;

    line-height: 29px;

    padding: 4px 27px;

    color: #FFFFFF;

    font-family: "fira_sansextrabold";

    min-width: 176px;

    border-radius: 21px;

    box-shadow: none;

    text-shadow: none;

    transition: all .25s ease;

}



.stay_clean_glass center span label:hover {

    border-color: #c1d41c;

    color: #FFFFFF;

    background: #c1d41c;

}



#attribute-option-12 ul li a,

#attribute-option-13d.attribute-handle-combo-towelbar_style.build-showerdoor a {

    height: inherit;

}



.request-custom-build input[type="text"],

.request-custom-build input[type="email"],

.request-custom-build select,

.request-custom-build textarea {

    margin-bottom: 11px;

    background: #ebebeb;

    border: 0 !important;

    border-radius: 0;

    box-shadow: none;

    color: #000000;

    padding: 5px 14px;

    font-size: 15px;

    font-weight: normal !important;

    line-height: 23px;

    height: 37px;

    width: 100% !important;

}



.request-custom-build textarea.form-control:focus {

    color: inherit;

}



.request-custom-build input[type="text"].error,

.request-custom-build input[type="email"].error,

.request-custom-build select.error {

    background-color: #ffe5e5;

    border: 1px #f33 solid !important;

}



.request-custom-build label.dropdown {

    width: 100%;

    display: block;

    margin: 0 0 10px;

    padding: 0;

    font-weight: normal;

    position: relative;

    width: 100%;

}



.request-custom-build label.dropdown:after,

.request-custom-build label.dropdown:before {

    content: "";

    display: block;

    pointer-events: none !important;

    position: absolute;

}



.request-custom-build label.dropdown:after {

    width: 0;

    height: 0;

    border-width: 11px 6px 0;

    border-style: solid;

    border-color: #1a5457 transparent transparent transparent;

    top: calc(50% - 6px);

    right: 18px;

    z-index: 3;

}



.request-custom-build label.dropdown:before {

    height: 100%;

    width: 48px;

    top: 0;

    right: 0;

    bottom: 0;

    background: #c1d41c;

    z-index: 2;

}



.request-custom-build select {

    color: #727272;

    padding: 0 0 0 10px !important;

    line-height: 33px;

    margin-bottom: 0;

}



.request-custom-build select option,

.request-custom-build select:selected {

    color: #000000;

}



.request-custom-build label.error {

    display: none;

    text-align: left;

    font-size: 12px;

    margin-top: -5px;

    padding-left: 0px;

    margin-bottom: 10px;

    color: red;

}



.recap-list {

    padding-left: 0;

    padding-right: 0;

}



.previewTitle,

.total_vall .priceItem {

    background-color: #14868e;

    text-align: center;

}



.total_vall li:nth-child(odd) {

    background-color: #fff !important;

}



.total_vall li:nth-child(even) {

    background-color: #ebebeb !important;

}



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

    #main-navigation .navbar-nav>li {

        padding: 0 3px;

    }



    #page-heading {

        background-position: calc(100% + 660px) center !important;

    }

}



@media screen and (min-width: 1181px) {

    .site-header.affixed.affix {

        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

    }



    .site-header.affixed.affix #header-top {

        height: 0;

    }



    .site-header.affixed.affix .a-custom-logo {

        height: 64px;

    }



    .site-header.affixed.affix .header-wrap {

        background-color: rgba(255, 255, 255, 0.9);

        padding: 5px 0;

    }



    .site-header.affixed.affix #main-navigation {

        padding: 0;

    }



    .site-header.affixed.affix #menu-primary {

        padding: 15px 0;

    }



    .site-header.affixed.affix #fo-phone-number-top,

    .site-header.affixed.affix #lp-phone-number {

        -moz-transition: padding 0.4s ease;

        -o-transition: padding 0.4s ease;

        -webkit-transition: padding 0.4s ease;

        transition: padding 0.4s ease;

        padding: 14px 0;

    }



    .site-header.affixed.affix #fo-phone-number-top .phone-number,

    .site-header.affixed.affix #lp-phone-number .phone-number {

        font-size: 26px;

    }

}



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

    .site-header .a-custom-logo {

        float: left;

    }



    .navbar-collapse.collapse {

        display: none !important;

    }



    .navbar-collapse.collapse.in {

        display: block !important;

    }



    .navbar-header .collapse,

    .navbar-toggle {

        display: block !important;

    }



    .navbar-header {

        float: none;

    }



    .navbar-toggle {

        display: block;

        height: 56px;

        margin: 12px 0 0 0;

        border: 0;

        width: 52px;

        float: right;

        position: relative;

        z-index: auto;

        color: #14868e;

        padding: 8px 0;

        text-align: center;

    }



    .navbar-toggle:after,

    .navbar-toggle:before {

        content: "";

        display: block;

        z-index: 1;

        position: absolute;

        left: 0;

        right: 0;

        width: 100%;

        background: transparent url("assets/img/bg-menu.png") left top no-repeat;

        -moz-transition: height 0.3s;

        -o-transition: height 0.3s;

        -webkit-transition: height 0.3s;

        transition: height 0.3s;

    }



    .navbar-toggle:before {

        height: 100%;

        background-position: left bottom;

        bottom: 0;

    }



    .navbar-toggle:after {

        height: 0;

        background-position: left top;

        top: 0;

    }



    .navbar-toggle:not(.collapsed):before,

    .navbar-toggle:hover:before {

        height: 0;

    }



    .navbar-toggle:not(.collapsed):after,

    .navbar-toggle:hover:after {

        height: 100%;

    }



    .navbar-toggle .icon-bar {

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        -ms-border-radius: 2px;

        border-radius: 2px;

        z-index: 3;

        height: 3px;

        width: 28px;

        margin: 0 auto;

        position: relative;

        background: #14868e;

        -moz-transition: all 0.4s;

        -o-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }



    .navbar-toggle .icon-bar.icon-bar-3,

    .navbar-toggle .icon-bar.icon-bar-1 {

        opacity: 0 !important;

    }



    .navbar-toggle .icon-bar.icon-bar-2 {

        background: transparent;

        position: relative;

    }



    .navbar-toggle .icon-bar.icon-bar-2:after,

    .navbar-toggle .icon-bar.icon-bar-2:before {

        content: "";

        width: 100%;

        opacity: 1;

        height: 100%;

        background: #14868e;

        -moz-transition: all 0.4s;

        -o-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        -ms-border-radius: 2px;

        border-radius: 2px;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(-45deg);

        -moz-transform: translate(-50%, -50%) rotate(-45deg);

        -o-transform: translate(-50%, -50%) rotate(-45deg);

        transform: translate(-50%, -50%) rotate(-45deg);

    }



    .navbar-toggle .icon-bar.icon-bar-2:after {

        -webkit-transform: translate(-50%, -50%) rotate(45deg);

        -moz-transform: translate(-50%, -50%) rotate(45deg);

        -o-transform: translate(-50%, -50%) rotate(45deg);

        transform: translate(-50%, -50%) rotate(45deg);

    }



    .navbar-toggle.collapsed .icon-bar.icon-bar-3,

    .navbar-toggle.collapsed .icon-bar.icon-bar-1 {

        opacity: 1 !important;

    }



    .navbar-toggle.collapsed .icon-bar.icon-bar-2 {

        background: #14868e;

    }



    .navbar-toggle.collapsed .icon-bar.icon-bar-2:after,

    .navbar-toggle.collapsed .icon-bar.icon-bar-2:before {

        opacity: 0;

        -webkit-transform: translate(-50%, -50%) rotate(0);

        -moz-transform: translate(-50%, -50%) rotate(0);

        -o-transform: translate(-50%, -50%) rotate(0);

        transform: translate(-50%, -50%) rotate(0);

    }



    #header-brand {

        width: 100%;

        margin: 0 auto;

        float: none;

    }



    .site-header .a-custom-logo {

        height: 72px;

        width: 638px;

    }



    .site-header .header-wrap {

        padding: 12px 0 !important;

    }



    #main-navigation {

        position: absolute;

        top: calc(100% - 2px);

        left: 0;

        right: 0;

        background: #FFFFFF;

        width: 100%;

        float: none !important;

        opacity: 0;

        padding: 0;

        margin: 0 auto !important;

        -moz-transition: opacity 0.4s;

        -o-transition: opacity 0.4s;

        -webkit-transition: opacity 0.4s;

        transition: opacity 0.4s;

    }



    #main-navigation.collapse.in {

        opacity: 1;

        display: block !important;

        display: flex !important;

        align-items: center !important;

    }



    #main-navigation .navbar-nav {

        float: none !important;

        width: 100%;

        text-align: center;

        margin: 0 auto;

        overflow: auto;

        padding: 10px 0;

        max-height: 100%;

    }



    #main-navigation .navbar-nav>li {

        display: block !important;

        margin: 5px auto !important;

        float: none;

        padding: 0;

        text-align: center;

        position: relative;

    }



    #main-navigation .navbar-nav>li>.mi-item-caret a,

    #main-navigation .navbar-nav>li>a {

        display: inline-block !important;

        width: auto !important;

        font-size: 22px;

        line-height: 26px;

    }



    #main-navigation .navbar-nav>li .dropdown-menu {

        position: relative;

        background: #e0e0e0 !important;

        -webkit-box-shadow: none !important;

        -moz-box-shadow: none !important;

        -ms-box-shadow: none !important;

        box-shadow: none !important;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.menu-heading {

        display: none !important;

    }



    #main-navigation .navbar-nav>li .dropdown-menu .container {

        padding: 0 15px;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items {

        width: 100%;

        padding: 5px 0;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items ul {

        -webkit-column-count: 1 !important;

        -moz-column-count: 1 !important;

        column-count: 1 !important;

        text-align: center;

        float: none !important;

        height: auto !important;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items ul li {

        display: block;

        margin: 2px 0;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items ul li a {

        color: #727272;

        font-size: 16px;

        line-height: 24px;

        padding: 2px 4px;

    }



    #main-navigation .navbar-nav>li .dropdown-menu li.dropdown-menu-items ul li a:hover {

        color: #14868e;

    }



    #main-navigation .navbar-nav>li .mi-item-caret {

        display: inline-block !important;

        margin: 0 auto;

        vertical-align: middle;

    }



    #main-navigation .navbar-nav>li .mi-item-caret .dropdown-caret {

        cursor: pointer;

        display: inline-block !important;

        width: 26px;

        height: 26px;

        vertical-align: middle;

        margin: 0 -30px 0 4px;

        top: -2px;

        position: relative;

        border: 1px solid #e0e0e0;

    }



    #main-navigation .navbar-nav>li .mi-item-caret .dropdown-caret:before {

        content: "";

        display: block;

        position: absolute;

        top: calc(50% - 4px);

        left: calc(50% - 4px);

        border-width: 8px 4px 0;

        border-style: solid;

        border-color: #727272 transparent transparent;

    }



    #main-navigation .navbar-nav>li.open .mi-item-caret .dropdown-caret:before {

        border-bottom: 8px solid #727272;

        border-top: 0;

    }



    .affix #main-navigation {

        height: calc(100vh - 96px) !important;

    }



    .admin-bar .affix #main-navigation,

    #main-navigation {

        height: calc(100vh - 128px) !important;

    }



    .admin-bar #main-navigation {

        height: calc(100vh - 160px) !important;

    }



    .site-header.affixed.affix {

        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

    }



    .site-header.affixed.affix #header-top {

        height: 0;

    }



    .site-inner {

        padding-top: 128px;

    }



    .page-template-franchisee-opportunity-page .site-inner,

    .single-local_franchisee .site-inner {

        padding-top: 96px;

    }



    .footer-wa-container {

        display: none;

    }



    #footer-left,

    #footer-right {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;

        float: none;

        clear: both;

        text-align: center;

    }



    #footer #footer-left .a-custom-logo {

        width: 290px;

        margin: 0 auto 10px;

    }



    #footer .footer-buttons {

        max-width: 100%;

        width: 314px;

        margin: 0 auto;

    }



    #footer-social-media {

        padding: 19px 0;

    }



    #footer-social-media .social-heading {

        display: none;

    }



    #footer-left #footer-phone-link .a-phone-link {

        font-size: 32px;

        line-height: 36px;

    }



    #footer-left #footer-phone-link .a-phone-link .fa {

        width: 30px;

        height: 30px;

        font-size: 18px;

        line-height: 30px;

        margin-left: 0;

    }



    #footer-left #footer-phone-link .a-phone-link .phone-heading {

        display: block;

        font-size: 24px;

        line-height: 28px;

    }



    #footer {

        padding: 31px 0;

    }



    #footer #footer-right .colophon {

        font-size: 14px;

        padding: 28px 0 10px;

        margin: 0 auto;

    }

}



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



    #header-top {

        display: none;

    }



    .site-inner {

        padding-top: 96px;

    }



    .single-tild-sect {

        padding-top: 0;

    }



    #fo-phone-number-top a.phone-number,

    #lp-phone-number a.phone-number {

        width: 38px;

        height: 38px;

        background: #c1d41c;

        color: #FFFFFF;

        text-align: center;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        border-radius: 50%;

    }



    #fo-phone-number-top a.phone-number:before,

    #lp-phone-number a.phone-number:before {

        content: "\f095";

        font-family: "FontAwesome";

        font-size: 24px;

        line-height: 38px;

    }



    #fo-phone-number-top a.phone-number:hover,

    #lp-phone-number a.phone-number:hover {

        background: #14868e;

    }



    #fo-phone-number-top a.phone-number>span,

    #fo-phone-number-top a.phone-number>b,

    #fo-phone-number-top a.phone-number>strong,

    #lp-phone-number a.phone-number>span,

    #lp-phone-number a.phone-number>b,

    #lp-phone-number a.phone-number>strong {

        display: none !important;

    }



    #footer-left-fo,

    #footer-right-fo {

        text-align: center;

        width: 100%;

        max-width: 100%;

    }

}



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



    .products_section .product-wrap {

        width: 50%;

    }



    #page-heading {

        background-size: auto 110% !important;

        background-position: calc(100% + 360px) center !important;

    }



    #page-heading .the-page-title {

        font-size: 38px;

        line-height: 44px;

    }



    #page-heading .the-page-sub-title {

        font-size: 16px;

        line-height: 20px;

    }



    #main-navigation,

    .affix #main-navigation {

        height: calc(100vh - 96px) !important;

    }



}



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

    #footer .a-custom-logo {

        width: 290px;

        margin: 0 auto 10px !important;

    }



    #footer-social-media {

        padding: 19px 0;

    }



    #footer-social-media .social-heading {

        display: none;

    }



    #footer-phone-link .a-phone-link {

        font-size: 32px;

        line-height: 36px;

    }



    #footer-phone-link .a-phone-link .fa {

        width: 30px;

        height: 30px;

        font-size: 18px;

        line-height: 30px;

        margin-left: 0;

    }



    #footer-phone-link .a-phone-link .phone-heading {

        display: block;

        font-size: 24px;

        line-height: 28px;

    }



    #footer .colophon {

        font-size: 14px;

        padding: 28px 0 10px;

        margin: 0 auto;

    }

}



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



    .single-tild-sect .placeholder {

        font-size: 24px;

    }



    .product-descipt p {

        text-align: center;

    }



    .product-descipt #measuremnet-val {

        margin: 0 auto;

    }



    .the-content p br {

        display: none;

    }



    .woocommerce .build-showerdoor .underline-tild-sect {

        display: none;

    }

}



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

    .products_section .product-wrap {

        width: 100%;

    }



    #page-heading {

        background-position: calc(100% + 330px) center !important;

    }



    #page-heading .the-page-title {

        font-size: 26px;

        line-height: 32px;

    }



    #page-heading .the-page-sub-title {

        font-size: 15px;

        line-height: 18px;

    }

}



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

    .placeholder {

        font-size: 20px !important;

    }



    #stepNavigation {

        height: inherit;

        padding: 0 10px;

    }



    #stepNavigation #thePrice {

        line-height: 1;

        margin-top: inherit;

        padding-top: 5px;

        padding-bottom: 10px;

        text-align: center;

    }



    /* Single Product page Breadcrumbs */



    .woocommerce.single-product .col-sm-8 #selected_opt {

        line-height: inherit;

    }



    .cd-breadcrumb,

    .cd-multi-steps {

        margin-bottom: 0;

    }



    .cd-breadcrumb {

        display: block;

    }



    .cd-breadcrumb.triangle li:first-of-type>* {

        padding-left: 0;

    }



    .cd-breadcrumb.triangle li>* {

        padding: 0;

        background-color: transparent;

        font-size: 12px;

    }



    .cd-breadcrumb.triangle li {

        margin: 0;

    }



    .cd-breadcrumb.triangle li a:after {

        content: ' > ';

        left: inherit;

        padding: 0 2px 0 0;

    }



    .cd-breadcrumb.triangle li::after,

    .cd-breadcrumb.triangle li>*::after {

        border: 0;

        position: relative;

    }

}



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

    .single-product .page-content {

        padding: 0;

    }



    .products_section .the-content-wrap {

        padding-top: 0;

    }



    .products_section .the-heading {

        font-size: 24px;

        line-height: 24px;

        margin-top: 0;

    }



    .woocommerce .build-showerdoor h2 {

        font-size: 20px !important;

        letter-spacing: 0;

        line-height: 1.2;

        text-align: center;

    }



    .woocommerce .build-showerdoor h2 br {

        display: none;

    }



    .the-content p {

        font-size: 14px;

        line-height: 20px;

    }



    .glass-thckness-dfi h3 {

        padding: 0 0 12px !important;

        text-align: center;

    }



    .glass-thckness-dfi .col-md-6 {

        padding: 0;

    }



    .glass-thckness-dfi #weight {

        padding: 0 0 30px !important;

    }



    .glass-thckness-dfi #weight li {

        margin-bottom: 0;

        text-align: center !important;

    }



    .build-showerdoor ul li {

        padding-top: 0;

        font-size: 14px !important;

    }



    #attribute-option-14 .well {

        margin-top: 20px;

        padding: 10px;

    }



    .woocommerce .build-showerdoor #attribute-option-14 .well h2 {

        margin-top: 0;

        font-size: 18px !important;

    }



    #attribute-option-14 .formLayout {

        padding: 0;

    }



    .request-custom-build input[type="text"],

    .request-custom-build input[type="email"],

    .request-custom-build select,

    .request-custom-build textarea {

        font-size: 12px;

        padding: 5px 14px 5px 5px;

    }



    .request-custom-build select {

        padding: 0 !important;

    }



    .request-custom-build label.dropdown:before {

        background: none;

        width: 20px;

    }



    .request-custom-build label.dropdown:after {

        border-width: 6px 6px 0;

        right: 3px;

        top: calc(50% - 3px);

    }



    .request-custom-build input[type="text"],

    .request-custom-build input[type="email"],

    .request-custom-build select {

        height: 30px;

    }



    .stc-option br {

        display: none;

    }



}