body
 {
    font-family: 'Lato', sans-serif;
}
h2,h1,h2,h3,h4,h5
{
    font-family: 'Roboto', sans-serif;
}

.action.primary, button.action {
    background-image: none;
    background: #1979c3;
    border: 1px solid #1979c3;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    box-shadow: none;
}
.action.primary:hover, button.action {
    background: #006bb4;
    border: 1px solid #006bb4;
    color: #fff;
    box-shadow: none;
}
.action.primary:focus, button.action:focus, .action.primary:active, button.action:active 
{
    background: #006bb4;
    border: 1px solid #006bb4;
    color: #fff;
    box-shadow: none;
}
.cms-media .full-width-banner .description h3 {
    font-size: 70px;
}

.cms-media .full-width-banner .description p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
}

.cms-media .full-width-banner .video-ico {
    top: 64%;
}
.page-main>.page-title-wrapper .page-title
{
    font-size: 28px;
    margin-top: 36px;
}
.cms-media .column .container,
.column .second-containe.container .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.cms-media .column .container>div,
.cms-media .column .second-containe.container .row .post-list-item {
    width: 31%;
}

.cms-media .column .container>div img {
    width: 100%;
}

.cms-media .column .container.second-containe>div img{
    max-height: 370px;
    border: 1px solid #c3c3c3;
}

.cms-media .column .container>div.blog-list .mp-post-title {
    display: none;
}
.cms-media .column .container.second-containe>div
{
    text-align: center;
}
.cms-media .column .container.second-containe>div h3 a
{
    color: #000;
}
.cms-media .column .container.second-containe>div.blog-list .mp-post-title {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.cms-media .second-containe #mpblog-list-container .widget-title {
    display: none;
}

.cms-page-view .footer-top {
    
}

.cms-media .container {
    position: relative;
}

.cms-media .column .container:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 60px;
    background: #d4d4d4;
    display: block;
}

.cms-media .container.second-containe {
    margin-top: 60px;
}

.cms-media .container.second-containe:before {
    width: 100%;
    top: -33px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cms-media #mpblog-list-container .widget-title {
    background: url(../images/red-down.png) no-repeat center right;
    background-size: 33px auto;
}

.cms-media #mpblog-list-container .widget-title a {
    display: block;
    background: transparent;
}

.cms-about-us.cms-page-view .footer-top {
    display: block;
}

.team .social a {
    width: 22px;
    height: 22px;
    line-height: 24px;
    border: 2px solid;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 16px;
    padding-left: 0px;
    color: #43c0ef;
    margin-right: 10px;
    vertical-align: middle;
}

.team .social a span:before {
    font-size: 14px;
    display: block;
    margin-top: 4px;
}

.cms-meet-our-team .footer-middle,
.cms-carter-parts .footer-middle {
    
}

.custom-title h4 {
    color: #005aa1;
    font-size: 32px;
    line-height: 40px;
    position: relative;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}

.custom-title h4:before {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #b6b6b6;
    height: 1px;
    bottom: -10px;
}

.part-banner {
    text-align: center;
    width: 100%;
}
.website-material
{
    display: none;
}
.types .cust-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.types .cust-col .type {
    width: 33.33%;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    text-align: center;
    border: 1px solid #b6b6b6;
    border-bottom: 0px;
    padding: 45px;
    box-sizing: border-box;
}

.types .cust-col .type:first-child {
    border-left: 0px;
}

.types-section h4:before {
    display: none
}

.types .cust-col .type-3 {
    border-right: 0px;
}

.types .cust-col .type:nth-child(2) {
    border-right: 0px;
    border-left: 0px;
}

.types .type-title {
    font-size: 24px;
    color: #005aa1;
    line-height: 32px;
    margin-top: 20px;
}
.full-search .block-search .input-text
{
    border: none;
}
.types .cust-col .type img {
    max-height: 210px;
}
.inner-titles {
    border-bottom: 1px solid #b6b6b6;
}
.materials {
    display: flex;
    text-align: center;
    border-bottom: 1px solid #000;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    height: 13.25vw;
    flex-wrap: wrap;
}
.materials:nth-last-child(1) {
    border: none;
}

.material-1.material {
    height: 100%;
    display: flex;
    align-items: center;
    width: 28%;
    background-color: #005aa1;
    justify-content: center;
}
.material-2.material {
    width: 24%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.material-3.material {
    width: 48%;
    height: 100%;
}

.materials .material p {
    font-size: 25px;
    line-height: normal;
    color: #fff;
    text-transform: capitalize;
}

.material-guide-right-part {
    background: #e4e5e6;
    text-align: left;
    padding: 32px 45px 26px 45px;
    height: 100%;
    box-sizing: border-box;
}

.inner-titles .inner-title p {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}
.materials .material-guide-right-part p {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    line-height: normal;
    margin:0 0 5px 0;
}
.materials .material-guide-right-part h5 {
    font-size: 17px;
    color: #005a9c;
    margin: 0;
    padding:0 0 0 10px;
}
.materials .material-guide-right-part ul {
    padding: 0 0 0 20px;
    list-style: none;
    text-align: left;
    margin:0;
}
.materials .material-guide-right-part ul li {
    font-size: 14px;
    color: #000;
    margin: 0;
    line-height: 19px;
}

.caster-parts-section {
    margin-top: 80px;
}

.inner-titles .inner-title {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.inner-titles .inner-title:last-child {
    float: right;
}

.cms-page-view .breadcrumbs {
    display: none;
}

/*** home page css *********/
.banner {
    background-image: url(../images/banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.banner h4 {    
    margin: 0px;
    font-size: 70px;
    color: #fff;
    line-height: 80px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.banner h4:before {
    display: none;
    position: absolute;
    content: '';
    background-image: url(../images/girl.png);
    width: 276px;
    height: 342px;
    right: 300px;
    top: 17%;
}

.banner p {
    font-size: 30px;
    color: #fff;
    margin: 0px;
    padding: 10px 0px 20px;
    padding-left: 60px;
    font-weight: 600;
    margin-top: 16px;
}

.banner .custom-button {
    padding: 0px;
    position: absolute;
    width: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 80px;
}

.banner .custom-button a, 
.customer-fav-section .custom-button a,
.who-we-are .content .call-to-action a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.3s;
}
.banner .custom-button a:hover, 
.customer-fav-section .custom-button a:hover,
.who-we-are .content .call-to-action a:hover
{
    background: #005a9c;
    transition: all 0.3s;
}
.banner .custom-button > a:first-child
{
    float: left;box-sizing: border-box;
}
.banner .custom-button > a:last-child
{
    float: right;box-sizing: border-box; 
}
.custom-fluid.industry-section {
    background-image: -webkit-gradient(linear, left top, right top, from(#01326f), color-stop(#25497b), color-stop(#436084), color-stop(#62778d), to(#838d96));
    background-image: linear-gradient(to right, #01326f, #25497b, #436084, #62778d, #838d96);
    padding: 95px;
}

.industry-section h4 {
    font-size: 45px;
    color: #fff;
    line-height: 42px;
    font-weight: 500;
   font-family: 'Roboto', sans-serif;
    margin: 15px 0px
}

.industry-section p {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
}

.industry-section span {
    font-weight: 600;
    font-size: 24px;
}

.industry-section {
    position: relative;
}

.industry-section:before {
    position: absolute;
    content: '';
    background-image: url(../images/girl-big.png);
    background-repeat: no-repeat;
    width: 355px;
    height: 363px;
    background-size: contain;
    right: 0px;
    bottom: 0px;
    display: none;
}

.custom-wheels .wheel 
{
    width: 32.33%;
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
}
.custom-wheels .wheel img
{
    transform: scale(1);
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.3s;
    cursor: pointer;
}
.custom-wheels .wheel img:hover
{
    transform: scale(1.2);
    overflow: hidden;
    transition: all 0.3s;
}
.wheel-title h4 {
    font-size: 45px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 45px;
    font-family: 'Roboto', sans-serif;
}

.custom-wheels .wheel h5 {
    font-size: 23px;
    text-align: center;
}
.custom-wheels .wheel h5 a
{
    color: #000;
}
.custom-wheels .wheel:hover h5 a
{
    color: #006bb4;
}
.customer-fav-section .custom-button {
    text-align: center;
    margin: 10px 0px 40px;
}

.suppliers-section {
    background-image: url(../images/suppliers-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 90px;
    background-size: 100% auto;
}


.suppliers-title h4 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 45px;
}

.suppliers-main .supplier {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding: 40px 0px;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0px 10px;
}

.suppliers-main .supplier:hover {
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.suppliers-main h4 {
    font-size: 30px;
    color: #fff;
    line-height: 36px;
}

.suppliers-title {
    padding-top: 38px;
}

.suppliers-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 90px;
}

.suppliers-main p {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    line-height: 32px;
}

.cms-home .page-main,
.cms-become-a-partner .page-main {
    max-width: 1920px;
    padding-left: 0px;
    padding-right: 0px;
}

.custom-fluid.customer-fav-section,
.partner-section,
.our-partner-section,
.partner-blocks-section {
    max-width: 1170px;
    margin: 60px auto;
}

.banner .custom-container {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -170px;
}

.becoming-partner {
    background-image: -webkit-gradient(linear, left top, right top, from(#01326f), color-stop(#25497b), color-stop(#436084), color-stop(#62778d), to(#838d96));
    background-image: linear-gradient(to right, #01326f, #25497b, #436084, #62778d, #838d96);
    overflow: hidden;
    margin-bottom: 90px;
}

.become-partner-section img {
    width: 100%;
}

.becoming-partner p {
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin: 0px;
    padding-top: 40px;
}

.becoming-partner h4 {
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
}

.becoming-partner .custom-container {
    padding: 90px 0px 70px;
}

.becoming-partner {
    position: relative !important;
}

.becoming-partner:before {
    content: '';
    position: absolute;
    background-image: url(../images/girl-big.png);
    width: 290px;
    height: 215px;
    background-size: contain;
    bottom: 0px;
    background-repeat: no-repeat;
    right: -80px;
}

.partners-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-box-pack: center;
    justify-content: center;
}

.partner-section .left,
.partner-section .right {
    width: 35%;
    display: inline-block;
    text-align: center;
    border: 1px solid #000;
    padding: 50px 0px;
    margin: 0px 15px;
}


.our-partner-title h4 {
    font-size: 28px;
    color: #005aa1;
    line-height: 32px;
    font-family: 'Roboto', sans-serif;
}

.our-partners-main img {
    width: 100%;
}

.box-sec img {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    max-width: 870px;
}

.box-sec {
    text-align: center;
}

.custom-fluid.our-partner-section {
    margin-top: 100px;
}

.partner-title h4 {
    text-align: center;
    color: #005aa1;
    font-size: 34px;
    margin: 20px 0px;
    font-family: 'Roboto', sans-serif;
}

.c-blocks .c-block {
    display: inline-block;
    width: 24.7%;
    text-align: center;
    margin-bottom: 40px;
}

.c-blocks .c-block h5 {
    text-align: left;
    color: #005aa1;
    font-size: 19px;
    line-height: 25px;
    margin: 10px;
}

.partner-blocks-section {
    margin-top: 40px;
    margin-bottom: 0px;
}

.partner-blocks-section .custom-container {
    position: relative:
}

.partner-blocks-section .custom-container hr {
    color: #000;
    background-color: #000;
}

.c-blocks.c-blocks-1 {
    padding-top: 20px;
}

.header.content {
    max-width: 1920px;
    padding-top: 0px;
}

.top-account-link {
    padding-top: 27px;
    padding-bottom: 31px;
    border-bottom: 0;
    display: inline-block;
    float: right;
    padding-right: 30px;
    background: #005a9c;
    padding-left: 30px;
    width: 47%;
    border-left: 0;
    text-align: left;
}

.page-header {
    background: url(../images/header-bg.webp) no-repeat center center;
    background-size: 100% 100%;
}

.header-right {
    float: none;
    text-align: center;
    width: auto;
    clear: both;
    display: inline-block;
    vertical-align: bottom;
}

.page-wrapper .header .header-right {
    margin-top: 45px;
}

.header.content {
    padding-right: 0px;
    padding-left: 0px;
}

.logo {
    margin: 0px;
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

.logo img {
    width: auto;
    height: auto;
    max-width: 260px;
    margin: 5px auto 10px;
}

.minicart-wrapper {
    position: absolute;
    right: 19%;
    bottom: 28px; 
    margin-left: 0px;
}
.top-account-link .customer-wishlist
{
    margin-right: 21%;
	display: inline;
}
.minicart-wrapper .action.showcart:before {
    background: url(../images/cart-icon.png) no-repeat center center;
    content: "";
    width: 30px;
    height: 30px;
    background-size: 23px;
}

.minicart-wrapper .action.showcart.active:before {
    content: "";
}

.custom-navigation {
    border: 0px
}

.custom-navigation ul li a {
    color: #fff;
}

.shop-menu {
    width: 10%;
    float: left;
    text-align: left;
    padding-left: 25px;
}

.full-search {
    background: #a5acaf;
    border-top: 0;
    border-bottom: 0;
}

.full-search .block-search {
    float: left;
    position: relative;
    width: 32%;
    z-index: 4;
    max-width: 100%;
    display: block;
    padding: 20px 0px;
}

.shop-menu-a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 26px 30px 20px 40px;
    clear: both;
    background: url(../images/menu-bar.png) no-repeat top 27px left;
    background-size: 25px auto;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
}

.cms-get-quote .page-main,
.cms-custom-solutions .page-main,
.cms-why-dh-casters .page-main {
    max-width: inherit;
    padding: 0;
    background: url(../images/quate-bg.jpg) no-repeat center center;
    background-size: cover;
}

.qut-banner img,
.cms-why-dh-casters .column>img {
    width: 100%;
}

.qut-banner>img {
    height: 1000px;
}

.qut-banner {
    position: relative;
    max-width: 1020px;
    margin: 0 auto;
    z-index: 99;
}

.qut-form {

    max-width: 350px;
    background: #005a9c;
    padding: 25px;
    border-radius: 10px;
    display: inline-block;
    width: 37%;
    margin-top: 100px;
    float: right;
    margin-bottom: 70px;
}

.quote-form-wrapper h4 {
    margin: 0;
    font-size: 22px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 900;
    display: block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 14px;
}

.quote-form-wrapper h4 img {
    width: 100%;
    display: inline-block;
    max-width: 150px;
    vertical-align: middle;
}

.quote-form-wrapper .fieldset>.field,
.quote-form-wrapper .fieldset>.fields>.field {
    margin: 0 0 10px;
}

.quote-form-wrapper .fieldset {
    margin: 0 0 0px;
}

.fieldset.two-filed .field {
    width: 48%;
    display: inline-block;
}

.fieldset.two-filed>.field:nth-of-type(1) {
    margin-right: 11px;
}

.quote-form-wrapper .action {
    background: #ff3a00;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 17px;
    padding: 10px 21px;
    margin-top: 9px;
    text-align: center;
}

.quote-form-wrapper .actions-toolbar {
    text-align: left;
}

.quote-form-wrapper .actions-toolbar .primary {
    text-align: center;
    margin: 10px auto;
    float: none;
    display: block;
}

.below-img {
    margin-top: -10px;
}

.cms-get-quote .column.main {
    padding-bottom: 5px;
}
.cms-get-quote .qut-banner
{
    max-width: 1140px;
}
.cms-get-quote .qte-left p.get
{
    font-size: 24px;
}
.left-menu {
    display: flex;
    display: -webkit-flex;
    align-content: center;
    -webkit-align-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: left;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    transition: all 0.5s;
    top: 0px;
    left: 0px;
    transform: translateX(-100%);
    height: 100%;
    visibility: hidden;
    background: #005a9c;
    padding: 35px;
    z-index: 99;
    width: 190px;
}

.left-menu.menu-open {
    transition: all 0.5s;
    transform: translateX(0%);
    visibility: visible;
    overflow: auto;
}

.left-menu ul {
    list-style: none;
    padding-left: 0px;
}

.left-menu ul li a {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}

.left-menu ul.accordion .inner {
    display: none;
}

.left-menu ul.accordion ol {
    list-style-type: none;
    padding-left: 15px;
}

.left-menu ul.accordion a.toggle {
    position: relative;
    display: block;
}

.left-menu ul.accordion a.toggle:before {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-left: 10px;
}

.left-menu ul.accordion a.toggle.toggle_show:before {
    content: "\f106";
    font-family: 'FontAwesome';
}
.left-menu ul.accordion ol.sub-subul
{
    max-height: 250px;
    overflow: auto;
}
.left-menu ul.accordion ol.sub-subul::-webkit-scrollbar-track
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #005a9c;
}

.left-menu ul.accordion ol.sub-subul::-webkit-scrollbar
{
    width: 5px;
    background-color: #005a9c;
    border-radius: 5px;
}

.left-menu ul.accordion ol.sub-subul::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}
.sliiider-exit 
{
    position: absolute;
    right: 12%;
    top: 7px;
    color: #fff;
    font-size: 28px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    transition: all 0.5s;
}

.left-menu.menu-open .sliiider-exit {
    opacity: 1;
    transition: all 0.5s;
}


/**************** product list page design  ****************/
.page-with-filter .sidebar.sidebar-additional {
    display: none;
}

.filter .block-subtitle {
    font-size: 16px;
    padding: 10px 0px 20px;
    text-transform: uppercase;
    color: #005a9c;
}

.product-filter-slider .ui-slider-handle {
    background: #005a9c;
}

.plumrocket-product-filter .filter-content .filter-options-content .product-filter-slider,
.plumrocket-product-filter .filter-content .filter-options-content .product-filter-input {
    font-size: 14px;
}

.product-filter-slider>span,
.product-filter-slider .filter-price-amount {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.plumrocket-product-filter .filter-content .filter-options-content .product-filter-slider .ui-slider {
    margin: 12px 15px 5px 5px;
}

.catalog-category-view .breadcrumbs {
    max-width: 1170px;
}

.catalog-category-view .page-main>.page-title-wrapper .page-title {
    font-size: 30px;
    font-weight: 500;
    color: #005a9c;
    margin-bottom: 15px;
}

.plumrocket-product-filter .filter-content .filter-options-content .item span.attr-dis {
    opacity: 1;
}

.plumrocket-product-filter .filter-content .filter-options-content .item>span,
.plumrocket-product-filter .filter-content .filter-options-content .item a>span,
.plumrocket-product-filter .filter-content .filter-options-content .item .rating-summary {
    font-size: 14px;
}

.plumrocket-product-filter .filter-options-item .filter-options-title {
    padding: 10px 0 5px;
}

.plumrocket-product-filter .filter-options-title:after {
    top: 11px;
}

.filter-options-content .swatch-option {
    height: 36px;
    min-width: 40px;
}

.swatch-option.disabled:after {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #fff), color-stop(46%, #fff), color-stop(47%, #005a9c), color-stop(53%, #005a9c), color-stop(54%, #fff), color-stop(57%, #fff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 53%, #fff 54%, #fff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
}

.page-footer .sub-ol ol {
    display: none;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
    list-style: none;
}

.page-footer .sub-ol>a {
    position: relative;
    display: block;
    cursor: pointer;
}

.page-footer .sub-ol>a::after {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: auto;
    top: 0px;
    margin-left: 10px;
}

.page-footer .sub-ol>a.active::after {
    content: "\f106";
    font-family: 'FontAwesome';
}

.footer-bottom .footer-column ul li a:hover {
    color: #fff;
}

.footer-top .call-to-action .box {
    border: 1px solid #fb4f14;
    position: relative;
    border-radius: 5px;
}
.footer-top .call-to-action .box a
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    font-size: 0px;

}

.product-options-bottom .paypal-express-checkout {
    display: none;
}

.footer-top .call-to-action .box p {
    text-transform: capitalize;
}

.page-with-filter .sidebar-main.fixed {
    position: fixed;
    top: 0px;
    background: #fff;
    width: 16.833333%;
    max-width: 236px;
}

.cms-get-quote .footer-middle,
.cms-custom-solutions .footer-middle {
   
}

.cms-custom-solutions .qut-banner>img {
    width: 100%;
    height: 670px;
}

.cms-custom-solutions .column {
    padding: 0px;
}

.qte-left {
    padding-top: 80px;
    color: #fff;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.qte-left h3 {
    font-size: 60px;
    font-weight: 900;
    line-height: 70px;
    margin-bottom: 45px;
    font-family: 'Roboto', sans-serif;
}

.qte-left p.get {
    font-size: 34px;
    font-weight: 800;
}

.qte-left ul {
    list-style: none;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
}

.qut-banner h5 {
    text-align: center;
    padding: 0px 0px 50px;
    font-size: 75px;
    color: #fff;
    font-weight: 900;
    width: 100%;
    display: block;
    clear: both;
    font-family: 'Roboto', sans-serif;
}

.custom-banner .qte-left {
    width: 59%;
    text-align: center;
}

.custom-banner .qte-left h3 {
    font-size: 51px;
    margin-bottom: 20px;
}

.custom-banner .qte-left p.get {
    text-align: center;
    font-weight: normal;
}

.cms-custom-solutions .page-footer {
    margin-top: 0px;
}

.busnes-sec1 {
    padding: 125px 50px;
    background: url(../images/test-cad-bg.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.busnes-sec1:after,.cms-catalog-download #maincontent:after
{
    content: '';
    width: 540px;
    height: 477px;
    display: block;
    position: absolute;
    background: url(../images/cad.png) no-repeat center center;
    top: 7%;
    /* z-index: 99; */
    background-size: contain;
    right: 4%;
}
.cms-why-dh-casters .page-main {
    background: #fff;
}

.busnes-sec1 h3 {
    font-size: 40px;
    font-weight: 900;
    color: #005a9c;
    margin: 30px 0px 10px;
    font-family: 'Roboto', sans-serif;
}

.qte-p {
    font-size: 26px;
    color: #005a9c;
    margin-bottom: 30px;
}

.busnes-sec1 h4 {
    font-size: 22px;
    font-weight: normal;
    color: #5d5d5d;
    margin: 30px 0px;
    line-height: normal;
}

.btn-cls a,
.busnes-sec3 ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    min-width: 160px;
    text-align: center;
    transition: all 0.3s;
}
.btn-cls a:hover
{
    transition: all 0.3s;
    background: #005a9c;    
}
.busnes-sec3 ul li a:hover
{
    transition: all 0.3s;
    background: #40494f;    
}
.btn-cls a.acnt 
{
    margin-left: 10px;
}

.btn-cls {
    margin-top: 65px;
    z-index: 9;
    position: relative;
}

.busnes-sec2 {
    text-align: center;
    padding: 30px;
}

.busnes-sec2 h3 {
    font-size: 40px;
    color: #005a9c;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}

.busnes-sec2 h5 {
    font-size: 30px;
    color: #005a9c;
}

.busnes-sec3 {
    background: #005a9c;
    position: relative;
}
.busnes-sec3:after
{
    content: '';
    width: 340px;
    height: 100%;
    position: absolute;
    background: url(../images/DharmaV9-final.png) no-repeat center center ;
    background-size: contain;
    position: absolute;
    top: -130px;
    right: 12%;
}
.busnes-sec3 ul {
    list-style-type: none;
    color: #fff;
    padding: 20px;
    border-bottom: 2px solid #fff;
    min-height: 150px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.busnes-sec3 ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}

.busnes-sec3 ul li:nth-child(2) {
    font-size: 24px;
    font-weight: normal;
}

.cms-why-dh-casters .column.main {
    padding-bottom: 0px;
}

.account .sidebar-additional {
    display: none;
}

.product.info.detailed .product.data.items .item.title {
    display: inline-block;
    width: auto;
    border: 1px solid;
    margin-right: 15px;
    padding: 5px 18px;
    height: auto;
    float: none;
    transition: all 0.3s;
    border-radius: 5px;
}

.product.info.detailed .product.data.items .data.item.content {
    padding: 19px 8px 0;
}

.product.data.items>.item.title>.switch {
    background: #fff;
    transition: all 0.3s;
}

.product.info.detailed .product.data.items .item.title.active,
.product.data.items>.item.title.active>.switch,
.product.info.detailed .product.data.items .item.title:hover,
.product.data.items>.item.title:hover>.switch {
    background: #005a9c !important;
    color: #fff !important;
    transition: all 0.3s;
}

.modes,
.page-with-filter .toolbar-amount {
    display: none;
}

.page-with-filter .products-grid .product-item {
    width: calc((100% - 6%)/3);
    border: 1px solid #dcdcdc;
    position: relative;
    min-height: 625px;
}

.product-item-name .product-item-link {
    font-size: 18px;
    font-weight: bold !important;
}

.page-with-filter .products-grid .product-item:nth-child(3n + 1) {}

.page-with-filter .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 2%;
}

.page-with-filter .product-item-info {
    width: 100%;
    position: static !important;
}

.page-with-filter .product-item-info .product-item-details {
    padding: 0px 15px;
}

.page-with-filter .products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
    box-shadow: unset;
    border: 0;
    margin: 0;
    padding: 0;
}

.page-with-filter .products-grid .product-image-wrapper {
    display: block;
    height: auto;
    overflow: visible;
    position: relative;
    z-index: 1;
    padding: 20px !important;
}

.page-with-filter .products-grid .product-image-wrapper .product-image-photo {
    position: static;
    min-height: 230px;
    max-height: 230px;
}
.page-with-filter .products-grid a.product-item-link {
    height: 70px;
    display: block;
    overflow: hidden;
}
.products-grid .product-item-inner {
    box-shadow: unset;
    border: 0px;
    position: static;
    padding: 0 0 0px;
}
.page-products .products-grid .product-item-inner:before
{
    display: none !important;
}
.page-with-filter .products-grid .tocart {
    font-size: 16px;
    border-radius: 5px;
    background: #fd8d24;
    border: 1px solid #fd8d24;
     min-width: 134px;
}
.page-with-filter .products-grid .toquote
{
    padding: 8px 15px;
    font-size: 16px;
    border-radius: 5px; 
    min-width: 134px;
    text-align: center;
}
.miniquote-wrapper 
{
    margin-left: 13px;
    position: absolute;
    right: 17%;
    bottom: 10%;
}
.miniquote-wrapper .action.showquote:before, .miniquote-wrapper .action.showquote.active:before
{
    color: #ffffff;
}
.miniquote-wrapper .action.showquote .counter.qty
{
    background: none;
    color: #fff;
    display: inline-block !important;
    min-width: auto;
}
.miniquote-wrapper .action.showquote .counter-label
{
    clip: unset;
    width: auto;
    height: auto;
    font-weight: 700;
    font-size: 16px;
    top: 5px;
}
.miniquote-wrapper .action.showquote .counter.qty .counter-number
{
    position: absolute;
    top: -14px;
    left: 22px;
}
.miniquote-wrapper .action.showquote .counter.qty .counter-number
{
    
}
.miniquote-wrapper .action.showquote:before, .miniquote-wrapper .action.showquote.active:before,
.miniquote-wrapper .action.showquote:hover:before
{
    content: "";    
    background: url(../images/notepad.png) no-repeat center center;
    background-size: 16px auto;
    width: 24px;height: 28px;
}
.miniquote-wrapper .action .counter-label
{
	position: relative !important;
	top: -2px !important;
	margin: 0px !important;
}
.miniquote-wrapper .qty.empty .counter-number
{
	display: none;
}
.page-products .product-item-actions {
    position: static;
}

.products-grid .product-item-actions .actions-primary+.actions-secondary {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 99;
}
.products-grid .product-item-actions
{
    margin: 0px 0 10px;
}
.product-item-actions .actions-primary+.actions-secondary>.action {
    display: block;
}

.products-grid .product-item .action.towishlist:before,
.products-grid .product-item-actions .actions-secondary>.action:before {
    color: #de003d;
    width: 35px;
    font-size: 20px;
}
.products-grid .product-item .action.towishlist:before
{
    font-size: 20px;
    content: "\f08a";
    font-family: 'FontAwesome';
    height: 25px;
    line-height: 25px;
}
.products-grid .product-item .action.towishlist.already-added:before
{
     content: "\f004";
     font-family: 'FontAwesome';
}
.products-grid .product-image-container {
    width: 100% !important;
}

.abs-visually-hidden-desktop-s,
.products-grid .product-item-info:not(:hover):not(.active) .product-item-inner,
.products-grid .product-item-inner {
    display: block !important;
    clip: unset;
    height: auto;
    width: auto;
    overflow: visible;
    position: static;
    margin: 0px;
    padding: 0px;
}

.page-products .products-grid .product-item-inner:before {
    background: transparent;
}

.minicart-wrapper .action.showcart .counter-number {
    text-shadow: none;
}
.minicart-wrapper .action.showcart .counter.qty {
    background: transparent; 
    color: #ffffff;
    min-width: 15px;
    position: absolute;
    top: -17px;
    box-shadow: none;
    right: -13px;
}
.plumrocket-product-filter .filter-options-content 
{
    display: none;
}
.team-desc
{
    display: none;
}
.cms-meet-our-team .team-member .team .desc p
{
    margin-bottom: 10px;
}
.meet-me
{
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #005a9c;
    cursor: pointer; 
    position: relative;
    transition: all 0.3s;
}

.meet-me:after, .mission-title:after
{
    content: "\f107";
    font-family: 'FontAwesome';
    color: #000;
    font-size: 18px;
    position: absolute;
    right: auto; 
    top: 1px;
    margin-left: 5px; 
    transition: all 0.3s;
}
.meet-me:hover,
.meet-me:hover:after
{
    color: #43c0ef;
    transform: all 0.3s;
}
.meet-me.active:after, .mission-title.active:after
{
    content: "\f106";
    font-family: 'FontAwesome';
}
.cms-meet-our-team .team-member .team .desc .team-desc p
{
    color: #17335a;
    font-weight: 500;
}
.cms-meet-our-team .team-member .team .desc .team-desc p strong
{
    color: #005A9C;
}
.minicart-wrapper .action.showcart .text
{
    width: auto;
    height: auto;
    clip: unset;
    overflow: visible;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-top: 3px;
    margin-left: 7px;
}
.banner-section img {
    width: 100%;
}

.dh-bg {
    background-color: #364876;
}

.dh-section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dh-section-title .dh-section-title-left,
.dh-section-title .dh-section-title-right {
    width: 50%;
}

.dh-section-title .dh-section-title-right {
    text-align: right;
}

.dh-section-title .dh-section-title-left h4,
.dh-section-title .dh-section-title-right h4 {
    color: #fff;
    font-size: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.bg-img {
    background-image: url(../images/bg.png);
    background-size: cover;
    padding-top: 1px;
    padding-bottom: 1px;
}

.dh-section-desc-inner p {
    font-size: 24px;
    padding: 0px 15px;
    line-height: 1.2;
    margin: 8px 0px; 
}

.dh-section-title .dh-section-title-right h4.t-center,
.dh-section-title .dh-section-title-left h4.t-center {
    text-align: center;
}

.t-center {
    text-align: center;
}

.dh-blocks-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dh-blocks-section .block-size-6 {
    width: 48%;
}

.dh-blocks-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dh-blocks-section .block-size-6 h4 {
    font-size: 40px;
    margin: 30px 0px;
}

.dh-blocks-section .block-size-6 ul li {
    list-style: none;
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 30px;
}

.dh-blocks-section .block-size-6 ul li img {
    margin-right: 15px;
    width: 40px;height: 40px;
}

.dh-blocks-section .block-size-6 .block-size-6-right-md {
    font-size: 28px;
    line-height: 44px;
    margin: 17px 0px;
}

.dh-blocks-section .block-size-6 .block-size-6-right-sm a,
.dh-blocks-section .block-size-6 .block-size-6-right-sm {
    font-size: 30px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    text-align: left;
    margin-left: 9%;
}
 .dh-blocks-section .block-size-6 .block-size-6-right-sm.address-icon
 {
    margin-left: 18%;
 }
.block-size-6-right-sm.mail-icon,
.block-size-6-right-sm.phone-icon,
.block-size-6-right-sm.address-icon {
    position: relative
}

.block-size-6-right-sm.mail-icon:before,
.block-size-6-right-sm.phone-icon:before,
.block-size-6-right-sm.address-icon:before {
    position: absolute;
    content: '';
    left: -3%;
    top: 5px;
}

.block-size-6-right-sm.mail-icon:before {
    background-image: url(../images/mail-icon.png);
    height: 30px;
    width: 40px;
    background-size: contain;
   
}

.block-size-6-right-sm.phone-icon:before {
    background-image: url(../images/phone-icon.png);
    height: 30px;
    width: 30px;
    background-size: contain;
    
}

.block-size-6-right-sm.address-icon:before {
    background-image: url(../images/location-icon.png);
    height: 30px;
    width: 20px;
    background-size: contain;
    left: -12%;
}

.dh-section-title-right h5 {
    color: #fff;
    font-size: 30px;
    padding-left: 15px;
}

.dh-blocks-section.dh-blocks-section-2 .block-size-6 ul li {
    list-style: none;
    font-size: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
}

.dh-blocks-section .block-size-6 ul li {
    list-style: none;
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 30px;
}

.dh-blocks-section-2 ul {
    width: 100%;
    padding-left: 0px;
}

.dh-blocks-section-2 .block-size-6.bg-img.left {
    display: flex;
    align-items: center;
}

.dh-blocks-section-2 .block-size-6.bg-img.left ul li:last-child {
    margin-bottom: 0px;
}

.dh-blocks-section-2 .block-size-6.right .block-size-6-right-md {
    padding-left: 15px;
    padding-right: 15px;
}

.dh-blocks-section-2 .block-size-6-right img {
    width: 100%;
}

.dh-blocks-section.dh-blocks-section-2.container {
    padding-bottom: 50px;
}

.d-none {
    display: none;
}
.cms-capability-statement .page-main
{
    max-width: 1920px;
}
.cms-warranty .page-main,
.cms-helpful-information .page-main,
.cms-shipping-returns .page-main
{
    max-width: 1920px;
    padding: 0px;
}
.cms-warranty .page-title-wrapper,
.cms-helpful-information .page-title-wrapper,
.cms-shipping-returns .page-title-wrapper
{
    text-align: center;
    position: relative;
    background: url(../images/title-bg.jpg) no-repeat center center;
    background-size: 100% auto;
    margin-top: -10px;
    height: 260px;
}
.cms-warranty .page-title-wrapper:before,
.cms-helpful-information .page-title-wrapper:before,
.cms-shipping-returns .page-title-wrapper:before
{
    content: '';
    width: 360px;
    height: 91%; 
    position: absolute;
    right: 6%;
    background: url(../images/title-before.png) no-repeat center center;
    background-size: cover;
    bottom: 13px;
}
.cms-warranty .page-main>.page-title-wrapper .page-title,
.cms-helpful-information .page-main>.page-title-wrapper .page-title,
.cms-shipping-returns .page-main>.page-title-wrapper .page-title
{
    margin: 0px;
    color: #005a9c;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 110px 0px;
}
.cms-warranty .column.main,
.cms-helpful-information .column.main,
.cms-shipping-returns .column.main
{
    max-width: 800px;
    margin: 0 auto;
}
.cms-warranty .column.main p,
.cms-helpful-information .column.main p,
.cms-shipping-returns .column.main p
{
    font-size: 18px;
    text-align: justify;
} 
.ans
{
    display: none;
}
.question
{
    position: relative;
    font-weight: bold;
    cursor: pointer;
}
.question:after {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #000;
    font-size: 18px;
    position: absolute;
    right: auto;
    top: 1px;
    margin-left: 5px;
    transition: all 0.3s;
}
.question.active:after {
    content: "\f106";
    font-family: 'FontAwesome';
}
/*.our-banner {
    padding: 100px 50px;
    background: url(../images/business-bg.png) no-repeat center center;
    background-size: 100% 100%;
}*/
.about-1 h2
{
    font-size: 54px;
    margin-top: 0;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}
.about-1 p,
.about-1 p a
{
    font-size: 22px;
    font-weight: 600;
}
.about-2 h3
{
    font-size: 60px;
    color: #fff;
    line-height: 70px;
    margin-top: 100px;
    font-family: 'Roboto', sans-serif;
}
.cms-catalog-download #maincontent
{
    padding: 20px 50px 10px;
    background: url(../images/test-cad-bg.png) no-repeat center center;
    background-size: 100% 100%;
    max-width: 1920px;
    position: relative;
}
.cms-catalog-downloadg .qut-form
{
    float: left;
    background: transparent;
    margin-top: 0px;
}
.cms-catalog-download .qut-form h3
{
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin: 20px 0px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
}
.cms-catalog-download .qut-form
{
    margin-top: 35px;
    float: left;
}
.qte-right
{
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 10%;
    text-align: center;
    padding-top: 50px;
}
.qte-right h4
{
    font-size: 22px;
    color: #005a9c;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
} 
.qte-right h5
{
    color:#005a9c; 
    font-size: 27px;
    margin: 0;
    padding: 10px 0;
}
.cms-catalog-download .qut-form input
{
    border: 1px solid #000;
    color: #000;
    height: 40px;
}
.qte-right span
{
    display: block;
    font-size: 16px;
    color: #005a9c;  
    font-weight: 700;
}
.quote-form-wrapper .action,.qte-right a
{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 35px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}
.quote-form-wrapper .action:hover
{
    border: 0px; 
}
.about-statment .about-block a
{
    cursor: pointer;
}
#one
{
    
    overflow: initial; 
} 
.fancybox-content .fancybox-close-small
{
    right: -20px !important;
    top: -20px !important;
    width: 40px !important;
    height: 40px !important;
}
.custom-prdtlist .cat-name
{
    font-size: 20px;
    color: #005a9c;
    font-weight: 600;
    background: #eaeaea;
    padding: 7px 15px;
    margin: 0;
    margin-bottom: 15px;
}
.custom-prdtlist .products.list li
{
    display: inline-block;
    width:20%;
    vertical-align: top;
    float: none;
    padding: 10px;
    margin-bottom: 20px;
}
form .image_fieldset input[type="file"]
{
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
}
.image_fieldset{
	position: relative;
}
.file-label
{ 
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
#file-upload-name
{
    color: #ebbb59;
    position: absolute;
    top: 5px;
    right: 9px;
}
.custom-prdtlist .products.list li .product-item-name
{
    text-align: center;
}
.custom-prdtlist .products.list li .product-item-name a
{
    font-size: 16px;
    color: #005a9c;
}
.custom-prdtlist .products-list .product-item-info
{
    display: block;
    text-align: center;
    width: 100%;
}
.custom-prdtlist .products.list li .product-item-name a:hover
{
    text-decoration: none;
    border: 0px;
}
.cms-products-by-category .page-title
{
    display: none !important;
}
.custom-prdtlist .products
{
    margin: 0px;
}
.custom-prdtlist 
{
    margin: 30px 0px;
}
.cms-index-index  .columns .column.main
{
    padding-bottom: 0px;
}
.solution-section
{
    padding-top: 110px;
    padding-bottom: 110px;
    background: url(../images/wheel-1.jpg) no-repeat 60% center;
    background-size: contain;
}
.solution-section p
{
    font-size: 35px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.solution-section a
{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    float: right;
    transition: all 0.3s;
}
.solution-section a:hover
{
    background: #005a9c;
    transition: all 0.3s;
}
.retail-top
{
    margin: 50px 0px;
}
.retail-top .retail-left
{
    width: 35%;
    display: inline-block;
    float: none;
    vertical-align: top;
}
.retail-top .retail-left img
{
    max-width: 345px;
}
.retail-top .retail-right
{
    width: 40%;
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-left: 5%;
    padding-top: 11%;
}
.retail-right h3
{
    font-size: 25px;
    color: #005a9c;
    font-weight: 700;
}
.retail-right h4
{
    font-size: 30px;
    color: #005a9c;
    font-weight: 400;
}
.retail-right p
{
    font-size: 20px;
    color: #000;
    line-height: 26px;
    margin-bottom: 20px;
}
.retail-right a
{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
}
.retail-bottom
{
    display: flex;
    flex-direction: row;
    align-content: space-between;
}
.retail-bottom .retail-box
{    
    border: 2px solid;
    margin: 10px;
    padding: 20px;
}
.retail-bottom .retail-box h3
{
    font-size: 21px;
    margin-top: 5px;
    color: #005a9c;
    min-height: 47px;
}
.retail-right .button-top-retail a {
    margin-right: 15px;
}
.button-top-retail {
    margin-bottom: 20px;
}
.retail-bottom .inner-box img
{
    width: 40%;
    display: inline-block;
    vertical-align: middle;
}
.retail-bottom .inner-box p
{
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 7%;
}
.dealer-in
{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(24%, 1fr));
}
.dealer-in .deal-box
{
    padding: 10px;   
    margin: 5px;
    margin-bottom: 40px;
    text-align: center;

}
.dealer-in .deal-box a
{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 30px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
}
.dealer-in .deal-box img
{
    min-height: 326px;
    margin-bottom: 10px;
}
.dealer-title
{
    text-align: center;
    margin: 45px 0px 20px;
}
.dealer-title h3
{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color: #005a9c;
    font-size: 22px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}
.product.media .fotorama__wrap .fotorama__stage .fotorama__stage__frame .fotorama__img
{
    background: none; 
}

/******** Education page design ********/

.cms-education-and-terminology .custom-title h4{
    color: #005aa1;
    font-size: 30px;
    line-height: 40px;
    position: relative;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.bottom-title-text-part ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 30px;
    align-items: center;
}
.bottom-title-text-part li {
    width: 25%;
    padding: 0;
    margin-bottom: 30px;
    margin: -1px 0 0 -1px;
}
.bottom-title-text-part li a {
    text-transform: capitalize;
    background: none;
    color: #555;
    cursor: help;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    border: 1px solid #005a9c;
    float: left;
    box-sizing: border-box;
    font-size: 16px;
}

.tooltip {
background: #005a9c;
bottom: 100%;
color: #fff;
display: block;
left: 0;
margin-bottom: 15px;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
width: 100%;
font-size: 12px;
box-sizing: border-box;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #005a9c 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

a:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .bottom-title-text-part li a .tooltip {
display: none;
}

.lte8 .bottom-title-text-part li a:hover .tooltip {
display: block;
}
.custom-navigation ul li a:hover
{
    color: #0399FF;
}

.button-mounting {
    min-height: 70px;
    margin-top: 10px;
}
.button-mounting ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.button-mounting ul li {
    width: auto;
    display: flex;
}
.button-mounting a {
    position: relative;
    padding: 5px 12px;
    border: 1px solid #005a9c;
    color: #000;
    width: auto;
    font-size: 14px;
    float: left;
    margin: 0 0 0 -1px;
    box-sizing: border-box;
    cursor: pointer;
}
.button-mounting span.tooltip {
    width: 230px;
    left: -70px;
}

.contact-index-index .page-title
{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 40px;
}
.contact-index-index .fieldset>.legend
{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact-index-index .form.contact
{
    color: #000;
}
.contact-index-index .fieldset>.field
{
    font-size: 16px;
}
.contact-index-index .fieldset>.field>.label,
.contact-index-index .fieldset>.fields>.field>.label
{
    font-size: 16px;
}
.contact-index-index .fieldset
{
    margin: 0 0 20px;
}
.contact-index-index .form.contact .action
{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 9px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    border: 0;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact
{
    min-width: auto;
    float: left;
}
.contact-index-index .cnt-right
{
    display: inline-block;
    float: left;
    width: 30%;
    padding-left: 10%;
}
.contact-index-index .cnt-right h4
{
    font-size: 18px;
    margin-bottom: 10px;
}
.contact-index-index .cnt-right a
{
    color: #000;
}
.contact-index-index .cnt-right p
{
    margin-bottom: 5px;
}
.contact-index-index .page-main
{
    margin-bottom: 40px;
}
.footer-bottom .footer-column h3
{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.hlp-title
{
    margin-top: 20px;
}
.hlp-title span
{
    font-weight: 600 !important;
}

/******** community page ***********/
.cms-communitydh .page-main{width: 100%;max-width: 100%; padding: 0;}
.banner-part{background-image:url(../images/community-banner-main.png);background-repeat:no-repeat;background-size: cover;padding:100px 0 117px 0;}
.banner-part .content-part h2 {
    margin: 0;
    font-size: 27px;
    color: #005a9c;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    margin-bottom: 47px;
    letter-spacing: 1.85px;
}
.banner-part .content-part p {
    font-size: 17px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    max-width: 100%;
    letter-spacing: 1.5px;
}
.banner-part .content-part {
    width: 60%;
}
.banner-part .content-part a {
    font-size: 17px;
    color: #005a9c;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-decoration: underline;
}
.banner-part .content-part ul {
    list-style: none;
    margin-top: 50px;
}
.banner-part .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    flex-wrap: wrap;
    clear: none;
}
.community-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.community-section .left-part {
    width: 68%;
}
.community-section p.community-realse {
    font-size: 15px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
}
.community-section p.community-realse:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 22px;
    margin-right: 10px;
    color: red;
}
.community-section p {
    font-size: 15px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-align: justify;
    margin-bottom:20px;
    max-width: 75%;
    padding-left: 30px;
}
.community-section h4 {
    font-size: 19px;
    color: #005a9c;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1.5px;
    margin: 0 0 10px 0;
}
.community-middle-part {
    padding: 70px 0 0 0;
}
.mission-title {position: relative;cursor: pointer;}
.misstion-content{display: none;}

/*.cms-meet-our-team .full-banner{background-image: url(../images/our-team-banner1.jpg);background-size: cover;}*/
.content-part-meet-our-team {
    width: 60%;
}
.full-banner{position: relative;}
.content-part-meet-our-team p {
    max-width: 50%;
    font-size: 26px;
}
.content-part-meet-our-team h2 {
    font-size: 45px;
    font-weight: bold;
    color: #005a9c;
    text-transform: uppercase;
    margin: 0;
}
.full-banner img {
    width: 100%;
}
.video-section-part-meet-our-team {
    width: auto;
    position: relative;
}
.video-section-part-meet-our-team span.play, .industry-right-part span.play {
    position: absolute;
    top: 46%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
.main-banner-content-our-team {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-evenly;
    max-width: 80%;
    margin: 0 auto;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
    align-items: center;
}
.video-section-part-meet-our-team span.play img, .industry-right-part span.play img{width: 50px;}
.content-part-meet-our-team h3 {
    font-size: 40px;
    color: #005a9c;
}
.cms-helpful-information h1.page-title {
    font-size: 4.6rem;
}
.cms-helpful-information p.hlp-title {
    color: #005A9C;
}
.industry-right-part {
    position: relative;
}
.custom-fluid.industry-section .custom-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


.prop-modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prop-modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.prop-modal-window > div.prop-modal-inner {
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
}
.footer-bottom .footer-column ul li .prop-modal-close {
  color: #aaa !important;
    line-height: normal;
    font-size: 24px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: auto;
    text-decoration: none;
}
.footer-bottom .footer-column ul li .prop-modal-close:hover {
  color: black !important;
}
.prop-modal-window div.prop-modal-inner:not(:last-of-type) {
  margin-bottom: 15px;
}
.footer-top
{
    padding: 56px 0px;
    border-radius: 15px;
    background: url(../images/footer-top-bg.webp) no-repeat 0px -210px;
    background-size: cover;
}
.product-info-main .shipping-part-main .shipping-right-part ul
{
    list-style: disc;
}
.product-info-main .shipping-part-main .shipping-right-part ul li
{
    margin-bottom: 5px;
}
.product-item .price-box{ margin: 10px 0 10px;}
.product-item-info .product-item-inner li {display: none;}
.product-item-info .product-item-inner li:nth-child(-n+3) { display: list-item; }
.prdt-point
{
    margin-bottom: 15px;
    min-height: 115px;
    font-size: 12px;
}
.prdt-point ul
{
    padding-left: 15px;
}
.catalog-product-view .paypal-express-checkout.button
{
    display: none !important;
}
.quotation-quote-index #shopping-cart-table .col.price br
{
    display: none;
}
.quotation-quote-index .opc-block-summary
{
    padding: 0px;
}
.quotation-quote-index .cart.main button
{
    box-shadow: unset;
    color: #fff;
    padding: 10px 26px;
    background: #005a9c;
    border: 1px solid #005a9c;
}
.quotation-quote-index .page-main>.page-title-wrapper .page-title,
.quotation-cart-success .page-main>.page-title-wrapper .page-title
{
    font-size: 24px;
    margin: 0;
    margin-top: 30px;
}
.quotation-quote-index #shopping-cart-table .col.price br ~ span
{
    display: none !important;
}
.quotation-quote-index #shopping-cart-table .col.price > span:nth-child(2)
{
    display: none;
}
.top-account-link span a,.top-account-link .customer-wishlist a
{
    position: relative;
}
.top-account-link span a:after,.minicart-wrapper .action.showcart .text:after,
.top-account-link .customer-wishlist a:after,.miniquote-wrapper span.counter-label:after
{
    position: absolute;
    width: 0%;
    height: 1px;
    background: #fff;
    content: '';
    display: block;
    right: 0px;
    bottom: -2px;
    transition: all 0.3s;
}
.top-account-link span a:hover:after,.minicart-wrapper .action.showcart .text:hover:after,
.top-account-link .customer-wishlist a:hover:after,.miniquote-wrapper .action.showcart .text:hover:after,
.miniquote-wrapper span.counter-label:hover:after
{
    width: 100%;
}
 .top-account-link .customer-wishlist a:hover:after
{
    width:66%;
}
.minicart-wrapper .action.showcart .text:hover:after
{
    width: 90%;
}
.top-account-link span.customer-quote a:hover:after
{
    width: 68%;
}
.top-account-link span.customer-login a:nth-child(2):hover:after
{
    width: 92%;
}
.product-info-main .product-options-bottom .box-tocart .fieldset
{
    display: block;
    margin-bottom: 0px;
}
.product-info-main .product-options-bottom .box-tocart
{
    margin-bottom: 10px;
}
.product-info-main .box-tocart .fieldset .field.qty .label,
.product-info-main .box-tocart .fieldset .field.qty .control
{
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 5px;
}
.product-info-main .product-options-bottom .box-tocart .fieldset .action.tocart
{
    margin-bottom: 15px;
    width: 49%;
    line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.8rem;
    height: auto;
    text-transform: capitalize;
    background: #1979c3;
    display: inline-block;
}
.product-info-main .box-tocart .fieldset .field.qty,
.product-info-main .product-options-bottom .box-tocart .fieldset .field.qty
{
    margin-bottom: 20px;
}
.sfg-form > input[name=dummy_id_31],.sfg-form > input[name=dummy_id_58],.sfg-form > input[name=dummy_id_36],
.sfg-form > input[name=dummy_id_57],.sfg-form > input[name=dummy_id_29]
{
    display: none !important;
}
.sfg-form hr
{
    border-top: 3px solid #000 !important;
}

/********** Account dashboard css **************/


.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current>strong{border-color: #005a9c;}
.account.page-layout-2columns-left h1.page-title {
    font-size: 25px;
    margin: 0 0 15px 0;
}
.account.page-layout-2columns-left .columns {
    padding-bottom: 50px;
}

/***** my wishlist page ***********/

.wishlist-index-index .products-grid .product-item{width: 33.33%;position: relative;padding: 0 15px;margin:0;}
.wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
    margin: 0;
}
.wishlist-index-index .products-grid .product-item-info {
    width: auto;
    border: 1px solid #dcdcdc;
    padding: 0 15px;
}
.wishlist-index-index .products-grid .product-item-info:hover, .wishlist-index-index .products-grid .product-item-info.active {
    background: no-repeat;
    box-shadow: none;
    border: 1px solid #bbb;
    margin: 0;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}
.wishlist-index-index .products-grid .product-items {
    margin: 0 -15px;
}
.wishlist-index-index .product-item-name .product-item-link{
    height: 70px;
    display: block;
    overflow: hidden;
}
.wishlist-index-index .product-item-inner .comment-box {
    margin-top: 0;
}
.wishlist-index-index .products-grid.wishlist .box-tocart + .product-item-actions {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}
.wishlist-index-index .products-grid.wishlist .product-item-info .product-item-inner {
    position: relative;
}
.wishlist-index-index .products-grid.wishlist .product-item-actions>* {
    margin-right: 5px;
}
.wishlist-index-index .form-wishlist-items .actions-toolbar {
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}


/********** cart paage css ********/

.checkout-cart-index .paypal-express-checkout.button{display: none;}
.checkout-cart-index #zoid-paypal-button-05d78647b1 > .zoid-outlet{width: 100%;}
.checkout-cart-index #zoid-paypal-button-05d78647b1{overflow: visible;min-width: auto;}

/************ checkout page ***********/

.opc-progress-bar{margin:30px 0 20px}
.opc-progress-bar-item._active:before {
    background: #005a9c;
    border-color: #005a9c;
}
.opc-progress-bar-item._active>span:before {
    background: #005a9c;
    border-color: #005a9c;
}
.opc-progress-bar-item._active>span:after {
    border-color: #005a9c;
}
.opc-wrapper .shipping-address-item.selected-item {
    border-color: #005a9c;
}
.opc-wrapper .shipping-address-item.selected-item:after{background:#005a9c;}
#checkout button.action.action-apply {
    background: #1979c3;
    border: 1px solid #1979c3;
    color: #fff;
    box-shadow: none;
}
.opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
    max-width: 100%;
}
.product-info-main .product-add-form
{
    padding-top: 15px;
}
.product-options-bottom .price-box .price-container .price, 
.product-info-price .price-box .price-container .price
{
    font-size: 24px;
    line-height: 36px;
    color: #000;
}
.product-items .ampreorder-observed .ampreorder-note
{
    display: none;
}
.box-tocart .action.tocart,
.product-info-main .product-options-bottom .box-tocart .fieldset .action.tocart
{
    background: #fd8d24;
    border: 1px solid #fd8d24;
    transition: all 0.3s;
}
.box-tocart .action.tocart:hover,
.product-info-main .product-options-bottom .box-tocart .fieldset .action.tocart:hover
{
    background: #005a9c;
    border: 1px solid #005a9c;
    transition: all 0.3s;
}
.product-item .minimal-price-link
{
    display: none;
}
.cms-capability-statement .column.main
{
    max-width: 1166px;
    margin: 0 auto;
}
.print-sec img
{
    display: none;
}
.print-sec
{
    text-align: right;
}
.print-sec button
{
    border: 1px solid #005a9c;
    display: inline-block;
    margin: 15px 0px;
    background: #fff;
    color: #005a9c;
    transition: all 0.3s;
    box-shadow: unset;
} 
.print-sec button:hover
{
    background: #005a9c;
    color: #fff;
    transition: all 0.3s;
}
.sidebar .block-wishlist,.sidebar .block-compare,.sidebar .block-reorder
{
    display: none;
}
.top-account-link .customer-wishlist span
{
    display: none;
}
@media print
{

    .print-sec img
    {
        display: block !important;
    }
    .cms-capability-statement .column.main > *:not(.print-sec),
    .cms-capability-statement .header,.cms-capability-statement footer,
    .print-sec button,.cms-capability-statement .copyright
    {
        display: none;
    }

}
.sfg-form-index.page-layout-2columns-left .column.main
{
    width: 100%;
}
.custom-modal.modal-popup._inner-scroll .modal-inner-wrap
{
    max-width: 700px;
}
.custom-modal.modal-popup.modal-slide .modal-footer
{
    display: none;
}
a.play-vid 
{
    display: block;
    cursor: pointer;
}
.product.media .fotorama__arr--disabled{opacity:1;}
.field.password-info
{
    display: none; 
}
.catalog-product_compare-index button.action.product-addtoquote-button {border-radius: 3px;margin:0;}
.table-comparison .action.tocart
{
	display: block;
    width: 100%;
    margin-bottom: 10px;
}
.table-comparison form .action
{
	display: block;
	width:100%;
	margin-bottom: 10px;
}
.table-comparison span.price-container.price-final_price.tax.weee
{
	display: none;
}
.table-comparison .actions-secondary
{
	display: none;
}
.table-comparison .product-item-actions .actions-primary
{
	display: block;
}
.table-comparison .product-item-actions .actions-primary + .actions-secondary > .action:last-child
{
	display: none;
}
.catalog-product_compare-index .action.print
{
	display: none;
}
.mpblog-post-index .sidebar,.mpblog-post-view .sidebar
{
	display: none;
}
.page-layout-2columns-right.mpblog-post-index  .column.main
{
	width: 100%;
}
.mp-blog-rss
{
	display: none;
}
.product-info-main .shipping-part-main
{
    display: none;
}
.additional-attributes-wrapper table tbody > tr:first-child
{
    display: none;
}
.additional-attributes-wrapper .col.label
{
    display: none;
}
.product.info.detailed .product.data.items .data.item.content ul li
{
    padding-left: 15px;
    position: relative;
}
.product.info.detailed .product.data.items .data.item.content ul li:before
{
    position: absolute;
    left: 0;
    top: 0;
}
.product.info.detailed .product.data.items .data.item.content p,
.product.attribute.description
{
    font-size: 16px;
}
.product-info-main .product-social-links .main-social-part
{
    margin-top:15px;padding: 10px 0;
}
.product.info.detailed .product.data.items
{
    padding-top: 0px;
}
.cms-media .video-list .video
{
    cursor: pointer;
}
.footer-bottom .footer-column address
{
    padding-left: 12px;
}
.footer-bottom .footer-column address a
{
    color: #fff;
}
.page-footer
{
	background: #fff;
}
.opc-block-summary .minicart-items
{
    display: block !important;
}
.opc-block-summary .items-in-cart > .title:after
{
    display: none !important;
}
.product-info-main .product-info-price .price-box
{
    width: auto;
}

/**** image gallery popup css **********/

.img-list {
  text-align: center;
  padding-left: 0px;
}
.img-list li {
  width: 30%;
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  padding: 1%;
}
.img-list li a
{
    display: block;
    cursor: pointer;
}
.img-list li img {
  width: 100%;
}

.mask {
  display: none;
  position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}
.mask .img-box {
  width: 100%;
  max-width: 650px;
  padding: 10px;
  background: #fff;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mask .img-box img {
  width: 100%;
}
.mask .img-box .close {
  color: #000;
  background: rgba(255, 255, 255, 0.8);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: -35px;
  right: -35px;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  cursor: pointer;
}
.mask .img-box .close:hover {
  background: white;
}

.is-visible {
  display: block !important;
}

.fadein {
  animation: fadein 400ms ease-in-out;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeout {
  animation: fadeout 400ms ease-in-out;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.book-div
{
    text-align: center;
}
.book-div a
{
    display: inline-block;
    margin: 10px;
    background: #0d335d;
    color: #fff;
    padding: 11px 20px;
    font-size: 15px;
    border-radius: 5px;
}
.footer-middle .brands img
{
    width: 100%;
    padding: 10px;
    height: 100%;
}
.brd-img {
    width: 19%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.r-tabs-nav
{
    padding-left: 0px;
}
.r-tabs-accordion-title a.r-tabs-anchor
{
    display: none;
}
#qa li 
{
    font-size: 16px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.product.info.detailed .product.data.items .item.title:hover .data.switch,
.product.info.detailed .product.data.items .item.title.r-tabs-state-active .data.switch
{
    color: #fff;
}
.product.info.detailed .product.data.items .item.title.r-tabs-state-active
{
    background: #2e5e97;
}
.product.info.detailed .r-tabs-state-active 
{
    display: block;
}
.product.info.detailed .r-tabs-state-default
{
    display: none;
}
.product.info.detailed .additional-attributes
{
    font-size: 16px;
}
.catalog-category-view  .hideprice_btn_text
{
    display: none;
}
.catalog-product-view .hideprice_btn_text
{
        box-shadow: unset;
    border: 1px solid #005a9c;
    background: #fff;
    color: #005a9c;
    margin-bottom: 10px;
}
.qty-msg
{
    display: inline-block;padding-left: 15px;
}
.category-view .category-description
{
    font-size: 18px;
}
.catalogsearch-result-index .message.notice .custom-msg,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result
{
    font-size: 16px;
    color: red;
}
#miniquote-content-wrapper .paypal.checkout
{
    display: none;
}
.prices-tier
{
    color: #005A9C;
}
.product-info-price + a
{
    color: #A6192E;
}
#quote-sidebar #block-shipping
{
    display: none !important;
}
#quote-sidebar .shipping-heading .field-quote-billing-same
{
    display: none !important;
}
.product-info-main .product.attribute.overview .value ul li:before
{
    position: absolute;
    left: 0;
}
.product-info-main .product.attribute.overview .value ul li
{
    padding-left: 15px;
    position: relative;
}
.miniquote-items-wrapper{height: auto !important;}
.active_attr_filter{display: block !important;}
.fotorama__wrap{ height: auto !important;}
#storelocator_box #storelocator .source a{font-size: 15px;}

/** New Cms Page styles **/
.cms-home .industry-section.caster-disaster-section {
    background: none;
    padding: 0;
    margin-top: 15px;
}

.cms-home .industry-section.caster-disaster-section .industry-left-part{
    width: 65%;
}

.cms-home .industry-section.caster-disaster-section h4 {
    color: #000;
}

.cms-home .industry-section.caster-disaster-section h6 {
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px;
    color: #000;
}

.cms-home .industry-section.caster-disaster-section p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}

.cms-home .suppliers-new {
    padding-bottom: 40px;
}

.cms-home .suppliers-new h4 {
    margin-bottom: 10px;
}

.cms-home .suppliers-new p.sub-list {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    margin: 0 10% 40px;
}

.cms-home .quality-control-section {
    text-align: center;
    position: relative;
    font-family: 'Roboto', sans-serif;
    margin: 20px;
}

.cms-home .quality-control-section h4 {
    font-size: 45px;
    color: #000;
    line-height: 40px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 0;
}

.cms-home .quality-control-section h5 {
    font-size: 30px;
    color: #000;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding: 0 20% 20px;
}

.cms-home .quality-control-section p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 3%;
}

.cms-home .custom-fluid.custom-solution-section {
    background-position: center;
    padding-top: 110px;
    padding-bottom: 110px;
    background: url(../images/suppliers-banner.webp) no-repeat 60% center;
    background-size: 100% auto;
    text-align: center;
}

.cms-home .custom-fluid.custom-solution-section h4 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 45px;
}

.cms-home .custom-fluid.custom-solution-section p {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    margin: 0 10% 40px;
}

.cms-home .custom-fluid.custom-solution-section a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    /* float: right; */
    transition: all 0.3s;
}

.cms-home .customer-fav .custom-wheels {
    text-align: center;
}

.cms-home .customer-fav .custom-wheels .wheel {
    width: 24.33%;
    display: inline-block;
    margin-bottom: 0px;
    text-align: center;
}

.cms-home .customer-fav .custom-wheels .wheel img{
    max-height: 250px;
}

.cms-home .custom-fluid.customer-fav{
    margin: 10px auto;
}

.banner-item .banner-content h4.banner-title {
    font-size: 45px;
    width: 500px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin: 0 10% 0;
}

.banner-item .banner-content p {
    font-size: 20px;
    width: 40%;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin: 0 10% 40px;
}

.banner-item .banner-content a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    padding: 13px 45px;
    background: rgb(235,188,89);
    background: linear-gradient(90deg, rgba(235,188,89,1) 0%, rgba(218,58,10,1) 100%);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    margin: 0 10% 0;
    transition: all 0.3s;
}

.paypal-logo{
	margin-top: 20px;
}

.cms-home .banner-slider .item-image .banner-content{
    top: 25%;
    bottom: unset;
}

.cms-home .carousel-container .owl-carousel .banner-slider img.owl-image.img-responsive{
    height : 650px;
}

.cms-home .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 36%;
    margin-top: 0px;
}

.owl-loaded .owl-nav button.owl-prev {
    left: 0;
    position: absolute;
    max-height: 50px;
    box-shadow: none;
}

.owl-loaded .owl-nav button.owl-prev span {
    font-size: 0px;
}

.owl-loaded .owl-nav button.owl-next {
    right: 0;
    position: absolute;
    max-height: 50px;
    box-shadow: none;
}

.owl-loaded .owl-nav button.owl-next span {
    font-size: 0px;
}

.owl-loaded .owl-nav button.owl-prev span:before {
    content: "";
    background: url(../images/slick-arrow-left.webp) no-repeat center;
    width: 22px;
    height: 50px;
    position: relative;
    display: block;
}

.owl-loaded .owl-nav button.owl-next span:before {
    content: "";
    background: url(../images/slick-arrow-right.webp) no-repeat center;
    width: 22px;
    height: 50px;
    position: relative;
    display: block;
}


@media only screen and (max-width: 821px) {
    .cms-home .owl-theme .owl-nav{
        display: none;
    }

    .cms-home .carousel-container .owl-carousel .banner-slider img.owl-image.img-responsive{
        height : auto;
    }

    .cms-home .banner-slider .item-image .banner-content {
        width: 100%;
        top: 17%;
    }

    .cms-home .banner-slider .item-image .banner-content h4 {
        font-size: 24px;
        line-height: 22px;
        margin: 10px;
        /* word-break: break-all; */
        width: 95%;
    }

    .cms-home .banner-slider .item-image .banner-content p {
        font-size: 14px;
        width: 95%;
        margin: 10px;
    }

    .cms-home .banner-item .banner-content a {
        font-size: 15px;
        line-height: 20px;
        margin: 10px;
        padding: 10px 30px;
    }

    .cms-home .industry-section.caster-disaster-section .industry-left-part, .cms-home .industry-section.caster-disaster-section .industry-right-part {
        width: 100%;
        margin: 5% 3% 5% 5%;
    }

    .cms-home .industry-section.caster-disaster-section .industry-right-part .play-vid img{
        width: 100%;
    }

    .cms-home .custom-modal.modal-popup._inner-scroll .modal-inner-wrap, .cms-home div#popup-modal, .cms-home div#popup-modal iframe {
        width: 95%;
    }

    .cms-home .modal-popup._inner-scroll .modal-content {
        overflow-y: auto;
        width: 95%!important;
    }

    .cms-home .quality-control-section h4 {
        font-size: 24px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .cms-home .quality-control-section h5 {
        font-size: 20px;
        line-height: 20px;
        padding: 0 10px 20px;
        margin: 0;
    }

    .cms-home .quality-control-section p {
        font-size: 14px;
        line-height: 15px;
        padding: 10px 10px 20px;
    }

    .custom-fluid.custom-solution-section {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin: 10px;
    }

    .cms-home .custom-fluid.custom-solution-section h4 {
        font-size: 24px;
        line-height: 24px;
        margin: 0 10px;
        padding: 0;
    }

    .cms-home .custom-fluid.custom-solution-section p {
        font-size: 12px;
        line-height: 13px;
        margin: 5px;
        padding: 0 0 10px 0;
    }

    .cms-home .custom-fluid.custom-solution-section a {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 26px;
    }

    .cms-home .suppliers-new .suppliers-title {
        padding: 10px 20px !important;
        position: relative;
    }

    .cms-home .suppliers-new .suppliers-title h4 {
        font-size: 24px;
        line-height: 25px;
        padding: 0 0 5px !important;
        margin: 0 !important;
        /* color: #000; */
    }

    .cms-home .suppliers-new p.sub-list {
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    .cms-home .suppliers-new .suppliers-main{
        padding-bottom: 25px;
    }

    .cms-home .suppliers-new .suppliers-main .supplier {
        padding: 25px 0;
        line-height: 20px;
        width: 49%;
    }

    .cms-home .suppliers-new h4 {
        font-size: 24px;
    }

    .cms-home .suppliers-new .suppliers-main p {
        font-size: 18px;
        line-height: 23px;
    }

    .cms-home .suppliers-new {
        padding-bottom: 10px !important;
    }

    .cms-home .customer-fav .custom-wheels .wheel {
        width: 49%;
    }

    .cms-home .customer-fav .custom-wheels .wheel img {
        max-height: 175px;
    }

    .cms-home .industry-right-part span.play {
        left: 45%;
        top: 40%;
        font-size: 18px;
    }

    .cms-home .footer-middle .brands .brd-img {
        width: 44% !important;
        display: inline-block;
    }

    .cms-home .custom-fluid.customer-fav {
        margin: 40px auto;
    }
}