/* Main Fonts */

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap;
}

html{

}
body{
    font-family: 'Open Sans', sans-serif;
    color: #505050;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: 'Open Sans', sans-serif;
}

h1{
    font-size: 1.5rem;
    font-weight: 700;
}

h3{
    font-size: 2.0rem;

    color: #fff;

}

p{

}

main a{
    color: #505050;
}

main a:hover{
    color: #505050;
    opacity: 0.8;
}

main h1{
    color: #505050;
    font-weight: 700;
    font-size: 30px;
}

main h2{
    color: #505050;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

main h3{
    color: #505050;
    font-size: 24px;
    margin-bottom: 0;
}

main h4{
    color: #505050;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

main h5{
    color: #505050;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}


.page-node-type-pumps h3,
.page-node-type-lubrication-e h3,
.page-node-type-piston-pumps h3,
.page-node-type-pneumatic-valves-cylinders h3 {
    line-height: 45px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d20605;
    width: 100%;
}


/* min-width 640px */

@media print, screen and (min-width: 40em){
  h3{
    font-size: 2.0rem;
	color: #fff;

}
}

/* Utilities */


.block{
    display: block;
}

.red-bg{
    background-color: #888;
}

.grey-bg{
    background-color: #8ce8ff;
}

.button{
    background-color: #8ce8ff;
    text-transform: uppercase;
    font-size:  0.75rem;
    padding: 15px 40px 15px 40px;
    font-weight: 700;
}

.button:hover, .button:focus{
    background-color: #63ce4d;
}

/* Header */

header{
    padding: 0px 0;
}

#main-nav{
    position: sticky;
    top: -1px; /* required */
    background-color: #f4f4f4;
    color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
    z-index: 9999;

}


.user-logged-in #main-nav{
    top: 60px; /* required */
}

#superfish-main{
    background-color: #8ce8ff;
    width: 100%;
    margin: 0;
}


ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar{
    background: #686868;
}

.region-primary-menu{
    width: 100%;
}

.menu-icon{
    width: auto;
    padding-left: 30px;
    height: 24px;

}

.menu-icon::after{
    width: 20px;
    top: 4px;
}

#superfish-main .grey-bg{
    height: 40px;
    overflow: visible;
}

.sf-accordion-toggle a{
    height: 53px;
    line-height: 53px;
    color: #0a0a0a;
    font-weight: 700;
    margin-left: 0px;
    padding-left: 40px;

}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink{
    color: #901b1b;
}

.sf-accordion-toggle a:before{
    content: "≡";
    font-size: 2em;
    position: absolute;
    left: 0.5em;
    top: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



#superfish-main a{
    line-height: 17px;
}

.sf-has-clone-parent li{
    background: #686868;
}

.sf-has-clone-parent li a{
    padding: 1em 2.5em;
}


ul.sf-menu{
    line-height: 17px;
}


ul.sf-menu .sf-sub-indicator{
    top: 49%;
    right: 0px;
}

ul.sf-menu.menu ul{
    background-color: #686868;
    top: 53px;
}
@media print, screen and (min-width: 768px){
    ul.sf-menu ul{
        min-width: 21em;
    }
}


@media print, screen and (max-width: 768px){
    ul.sf-menu{
        line-height: 17px;
        border-top: 1px solid #fff;
    }
    ul.sf-menu li{
        border-bottom: 1px solid #fff;
    }


    .sf-has-clone-parent li{
        background: #807b7e;
    }

    ul.sf-menu.menu ul li{
        border-bottom: 1px solid #fff;
    }

}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul{
    top: 44px;
}

ul.sf-menu a, ul.sf-menu span.nolink{
    color: #0a0a0a;
    text-transform: uppercase;
    font-size: 1.125rem;
    cursor: pointer;
}
#block-diaphragmpumps-2 ul.sf-menu a, #block-diaphragmpumps-2 ul.sf-menu span.nolink{
    color: #505050;
}

ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar{
    background: #50889f;
    color: #0a0a0a;
}
ul.sf-menu a, ul.sf-menu span.nolink{
    padding: 0.75em 1em;
}


ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a.is-active, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover{
    background: #50889f;
    color: #0a0a0a;
}
@media print, screen and (max-width: 1024px) {
    ul.sf-menu.sf-accordion  li.sf-expanded .sf-depth-1.menuparent{
        background: #50889f;
        font-weight: 700;
    }

    ul.sf-menu.sf-accordion li.sf-expanded ul li a:hover{
        background: #ffffff;
    }


    ul.sf-menu.sf-accordion  li.sf-expanded ul li a{
        padding-left: 2em;
        background-color: #f0f0f0;
        color: #505050;
    }

    ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li{
        background-color: #a0e2ff;
    }

    #block-diaphragmpumps-2 ul.sf-menu a, #block-diaphragmpumps-2 ul.sf-menu span.nolink,
    #block-lubricationequipmenttaxmenu-2 ul.sf-menu a, #block-lubricationequipmenttaxmenu-2 ul.sf-menu span.nolink,
    #block-pistonpumptaxmenu-2 ul.sf-menu a, #block-pistonpumptaxmenu-2 ul.sf-menu span.nolink,
    #block-pneumatictaxmenu-2 ul.sf-menu a, #block-pneumatictaxmenu-2 ul.sf-menu span.nolink{
        color: #0a0a0a;
    }

    ul.sf-menu.sf-style-white  li.sf-expanded ul li a{
        padding-left: 2em;
        background-color: #f0f0f0;
        color: #505050;
    }

    #mobile-tax-menus ul.sf-menu.sf-style-white li.sf-expanded ul li ul li a{
        padding-left: 3em;
        background-color: #f0f0f0;
        color: #505050;
    }

    #mobile-tax-menus ul.sf-menu.sf-style-white li.sf-expanded ul li ul li ul li a{
        padding-left: 4em;
        background-color: #cacaca;
        color: #505050;
    }

    ul.sf-menu.sf-style-white li.sf-expanded ul li ul li a{
        padding-left: 3em;
        background-color: #cacaca;
    }

    #mobile-tax-menus ul li ul > li.sf-expanded.menuparent a.menuparent,
    #mobile-tax-menus ul li ul > li.sf-expanded.menuparent span.nolink.menuparent{
        background-color: #8ce8ff;
        color: #0a0a0a;
    }

    #mobile-tax-menus ul li ul li ul > li.sf-expanded.menuparent a.menuparent,
    #mobile-tax-menus ul li ul li ul > li.sf-expanded.menuparent span.nolink.menuparent{
        background-color: #8ce8ff;
        color: #0a0a0a;
    }


    ul.sf-menu.sf-accordion li ul li.sf-expanded.menuparent a.menuparent:hover{
        background-color: #8ce8ff;
        color: #0a0a0a;
    }
    ul.sf-menu.sf-accordion li ul li ul li.sf-expanded.menuparent a.menuparent:hover{
        background-color: #8ce8ff;
        color: #0a0a0a;
    }


}


/* 1024px */
/*
@media print, screen and (max-width: 64em){
    #superfish-main li{
        width: 100%;
        background: #f7f7f7;
        border-bottom: 1px solid #8ce8ff;
    }

    #superfish-main a{
        color: #505050;
    }

    #superfish-main a:hover{
        color: #505050;
    }

    #superfish-main a:focus{
        color: #505050;
    }

    #superfish-main-nav a.is-active{
        color: #505050;
    }
}
*/
@media print, screen and (min-width: 64em) {
    #superfish-main a {
        color: #0a0a0a;
        text-transform: uppercase;
        font-size: 1.125rem;
    }

    #superfish-main a:hover {
        color: #0a0a0a;
    }

    #superfish-main a:focus {
        color: #0a0a0a;
    }

    #superfish-main a.is-active {
        color: #0a0a0a;
    }

    #main-nav a:hover{
        opacity: 0.8;
    }
}
#main-nav a:hover{
    opacity: 0.8;
}

.menu-item{
    padding-top: 0;
}

#block-breadcrumbs{
    padding-top: 30px;
}

.breadcrumb a{
    color: #505050;
}

.breadcrumb a:hover{
    opacity: 0.8;
}

.block-system-branding-block .phone-number {
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    margin-top: 3%;
}

.block-system-branding-block .phone-number a{
    color: #505050;
    font-weight: 700;
    font-size: 16px;
}

.block-system-branding-block .email a {
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

.block-system-branding-block .phone-number i{
    color: #505050;
    font-size: 17px;
    margin-right: 1px;
}

.block-system-branding-block .email i{
    color: #505050;

}

/* 480px up */
@media print, screen and (min-width: 30em) {
    .mobile-logo {
        display: none;
    }
}

/* 480px down */
@media print, screen and (max-width: 48em){

    header{
        padding: 0.625rem 0 0.625rem 0;
    }

    #block-airpumping-branding .small-5{
        width: 100%;
        text-align: center;
        padding: 0 0.625rem 0 0.625rem;
    }

    #block-airpumping-branding .small-5 img{
        max-width: 260px;
    }

    .desktop-logo{
        display: none;
    }

    .mobile-logo{
        display: block;
    }

    #block-airpumping-branding .small-7{
        width: 100%;
        text-align: center;
        padding: 0 0.625rem 1.3rem 0.625rem;
    }


    .block-system-branding-block .phone-number{
        margin-top: 15px;
    }

}


#menu-search-box{
    position: absolute;
    right: 18px;
    top: 2px;
    z-index: 9999;
}

/* 480px down */
@media print, screen and (max-width: 890px) {
    #menu-search-box {
        top: 6px;
    }
}

#main-nav .grid-container{
    position: relative;
}

#search-block-form button{
    background-color: #fff;
    color: #505050;
    padding: 5px 10px 5px 10px;
    height: 30px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 5px;
}

#search-block-form button:hover{
    opacity: 0.8;
}


#search-block-form button i{
    line-height: 15px;
}

#search-block-form input{
    padding: 3px 8px 3px 8px;
    height: 30px;
    border: 0px solid #fff;
    margin-top: 5px;

    margin-bottom: 0;
    font-size: 14px;

}

.title-bar{
    background: #b62c2c;
}

#search-block-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px;
}
#search-block-form input::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
}
#search-block-form input:-ms-input-placeholder { /* IE 10+ */
    font-size: 14px;
}
#search-block-form input:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
}

/* Main Content */

.layout-container{
    margin-top: 30px;
    margin-bottom: 30px;
}


/* Footer */

footer{


}

#footer-bar{
    background: #8ce8ff;
    color: #505050;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    z-index: 9999;
    height: 40px;
    width: 100%;
    margin-bottom: 30px;
}



#footer-bar .phone-number {
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    line-height: 41px;
}

#footer-bar .phone-number a{
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    line-height: 41px;
}


#footer-bar .email a {
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    line-height: 41px;
}

#footer-bar .phone-number i{
    color: #505050;
    font-size: 17px;
    margin-right: 1px;
}

#footer-bar .email i{
    color: #505050;

}

.copyright{
    display: block;
    font-size: 13px;
    text-align: center;
    padding-bottom: 30px;
}




/* Home Page */
#announcement-area{
    background-color: #8ce8ff;
    text-align: center;
    color: #000;
}

#home-intro-wrapper{
    background-color: #f4f4f4;
    padding: 30px 0 0px 0;
    margin-top: -10px;
}

#home-intro{
    background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.9)),url("/themes/airpumping/images/Pump_DiaphramARO_g001-faded-lq.webp") center/cover no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.intro-text{
	background: rgba(255, 255, 255, 0.65);
	background: linear-gradient(
  		rgba(255, 255, 255, 0.4),
  		rgba(255, 255, 255, 0.9)
		);
    width: 90%;
    padding: 30px 60px;
    text-align: justify;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 40px 40px 40px 40px;
	text-shadow: 2px 2px 4px #c1c1c1;
	color: black;
}

.intro-text .button{
    margin: 30px 0 30px 0;
    text-align: center;
}

.intro-text p{
    margin-top: 20px;
}

.intro-text p:last-child{
    text-align: center;
}

.intro-text a.button{
    color: #fff;
}

.intro-text h1{
    text-align: center;
}

.intro-text a{
    color: #505050;
}

/* 580px down */
@media print, screen and (max-width: 36.250em) {
    .intro-text{
	background: rgba(255, 255, 255, 0.65);
	background: linear-gradient(
  		rgba(255, 255, 255, 0.4),
  		rgba(255, 255, 255, 0.9)
		);
        padding: 30px 30px;
        width: 96%;
        margin-top: 3%;
        margin-bottom: 3%;
    	border-radius: 40px 40px 40px 40px;
    }

}


/* Brands Section */

#brands-home{
    background-color: #ffffff;
    color: #fff;
    text-align: center;
    padding: 30px 0 30px 0;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
}

.branding_align {

vertical-align:middle;

}

#brands-home #logo-grid .cell{
    background-color: #8ce8ff;
    padding: 10px;
    display: flex;
    align-items: center;
}


#brands-home
.block-views-blockspecial-transfer-home-page-block-block-1,
#brands-home
.block-views-blockchemical-transfer-homepage-block-block-1,
#brands-home
.block-views-blockdiesel-oil-transfer-homepage-block-block-1,
#brands-home
.block-views-blockde-watering-transfer-homepage-block-block-1 {
    border-radius: 10px 10px 40px 40px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.25);
}

#brands-home .block-views-blockspecial-transfer-home-page-block-block-1 {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.8), transparent 60%),
        #b2dcfb;
}

#brands-home .block-views-blockchemical-transfer-homepage-block-block-1 {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.6), transparent 60%),
        #a5dae7;
}

#brands-home .block-views-blockdiesel-oil-transfer-homepage-block-block-1 {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.4), transparent 60%),
        #5496a7;
}

#brands-home .block-views-blockde-watering-transfer-homepage-block-block-1 {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.4), transparent 60%),
        #5d7075;
}

.front-page-boxes {

	padding: 15px 15px 0px 15px;
	font-weight: bold;
	text-shadow: 2px 2px 4px #686060;
}

#brands-home #logo-grid .cell a{
    display: inline-block;
    margin: 0 auto;
}

#brands-home #logo-grid .cell img{

    width: auto;
    max-height: 80px;
}

/*#brands-home #logo-grid.grid-margin-x{
    margin-left: 0rem;
    margin-right: 0rem;
}*/

#brands-home h3{
    margin-bottom: 0px;
}

#brands-home .grid-padding-x > .cell{
    /*padding: 0;*/
}


#brands-home .grid-container{
    /*padding: 0;*/
}

.slick-list{
    margin: 0 30px!important;
}

.slick-slide{
    padding: 0 15px!important;
}

.slick-next{
    right: 0!important;
}

.slick-prev{
    left: 0!important;
}

/* Home Page Slider */

#home-page-slider{
    margin: 30px 0 30px 0;
    padding:  30px 0 30px 0;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
}

#home-page-slider .orbit-slide{
    padding: 0 45px;
}

#home-page-slider #slide-image{
    margin: 30px 0 30px 0;
    text-align: center;
}

#home-page-slider #slide-image img{

    max-width: 250px;
    max-height: 400px;
    width: auto;
}

#home-page-slider #slide-content{
    text-align: center;
}

#home-page-slider #slide-content h3{
    color: #505050;
    text-align: left;
    margin-bottom: 30px;
}

#home-page-slider #slide-content ul{
    text-align: left;
    padding: 0;
    margin-left: 30px;
    margin-bottom: 30px;
}


#home-page-slider #slide-content .slide-logo{
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 350px;
    width: 100%;
}

ul.tabs{
    margin-bottom: 0;
}
.tabs-title > a{
    color: #ffffff;
    margin-bottom: 0;
}
.tabs-title > a:hover{
    background: #8ce8ff;
    color: #ffffff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true']{
    color: #ffffff;
    background: #8ce8ff;
}







/* Companies Section */

#companies-home{
    background-color: #8ce8ff;
    color: #fff;
    text-align: center;
    padding: 30px 0 50px 0;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);

    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url("/themes/airpumping/images/Pump_DiaphramARO_g001-faded-mid.webp") center/cover no-repeat;

}

/*#companies-home #companies-logo-grid.grid-margin-x{
    margin-left: 0rem;
    margin-right: 0rem;
}*/

#companies-home #companies-logo-grid .cell{
    background-color: #ffffff;
    padding: 10px;
    //display: flex;
    align-items: center;
	border-radius: 10px;
}

#companies-home #companies-logo-grid .cell img{

    width: auto;
    max-height: 80px;
}

#companies-home h3{
    margin-bottom: 30px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.6);
	font-weight: 700;
}


/* News */


.view-frontpage .views-view-grid{
  padding: 20px;
  background: linear-gradient(to bottom, #e7e7e7 0%, #ffffff 33%);
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
}

.grad-bg{
  padding: 20px;
  background: linear-gradient(to bottom, #e7e7e7 0%, #ffffff 33%);
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
}

.view-frontpage .views-view-grid h2 a, .view-display-id-block_1 h2 a{
    color: #505050;
    font-weight: 700;
    font-size: 30px;
}

.view-frontpage .views-view-grid h2, .view-display-id-block_1 h2{
    line-height: 30px;

}

.news-content{
    word-break: break-word;
}

.view-display-id-block_1 .news-content h2{
    color: #505050;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;

}

.news-content h3, .view-display-id-block_1 h3{
    color: #505050;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

.news-content h4, .view-display-id-block_1 h4{
    color: #505050;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.news-content h5, .view-display-id-block_1 h5{
    color: #505050;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}
.read-more-link{
    text-align: right;
}

.read-more-link a{
    text-decoration: underline;
    color: #505050;
}

.archive-link{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}



.date{
    color: #333234;
    font-size: 13px;
    font-weight: 400;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem
}
/* 640px up */
@media print, screen and (min-width: 40em) {
    .date {
        background: #fff;
        margin: 0px;
        float: left;
        width: 70px;
        padding: 4px;
        padding-top: 4px;
        -webkit-box-shadow: 0px 2px 10px 1px #b4b4b4;
        box-shadow: 0px 2px 10px 1px #b4b4b4;
        text-align: center;
        margin-right: 10px;
    }

    span.date-day {
        color: #505050;
        font-size: 13px;
    }

    span.date-month {
        color: #333234;
        font-weight: bold;
        font-size: 13px;
    }

    .date span.line {
        display: block;
        width: 90%;
        border-top: 1px dotted #333234;
        height: 0px;
        margin: 0 auto;
        margin-top: 2px;
        margin-bottom: 2px;

    }

    span.date-year {
        color: #333234;
        font-weight: normal;
        font-size: 16px;
    }
}


/* Contact Page */

#top-block-wrapper{
    margin-top: -6px;
}



#top-block-wrapper .grey-bg{
    margin: 0px;
    padding: 30px;
    background-color: #8ce8ff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
}

#block-googlemaps--2 iframe{
    margin-bottom: -5px;
}

#block-googlemaps--2{
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    z-index: 9998;
}

#top-block-wrapper .generic-grid .cell{
    background-color: #ffffff;
    padding: 30px;
    display: flex;
    text-align: left;
    color: #505050;
}

#top-block-wrapper .generic-grid h4{
    color: #505050;
    font-weight: 700;
}

#top-block-wrapper .generic-grid .cell div{
    width: 100%;
}

#block-contactustextblock--2{
    padding: 30px 0;
}

#block-contactustextblock--2 h1{
    color:  #505050;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 30px;
}

/* Our Range */

.our-range-button{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 183px;
    vertical-align: bottom;
}

.our-range-grid .grid-x > .cell{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}


/* Global */

.page-title{
    border-bottom: 1px solid #ff8c8c;
    margin-bottom: 30px;
}


/* Services */

.pump-hire-banner{
    background: url("../images/pump-hire-bg.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
    min-height: 300px;
}

#pump-hire-banner-description{
    padding: 30px;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";

    margin: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
}

.servicing-banner{
    background: url("../images/service-background.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
    min-height: 300px;
}

#servicing-banner-description{
    padding: 30px;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";

    margin: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
}

#edit-field-pump-collection{
    height: 600px;
}

#edit-field-piston-pump-collection{
    height: 600px;
}

#edit-field-lubrication-equipment-coll{
    height: 600px;
}


#edit-field-pneumatic-valves-collec{
    height: 600px;
}

.owl-carousel li{
    list-style: none;
}

.slick-list{
    margin: 0 30px!important;
}

.slick-slide{
    padding: 0 15px!important;
}

.slick-next{
    right: 0!important;
}

.slick-prev{
    left: 0!important;
}


.slick-slide .views-field-name {
    background: #505050;
    text-align: center;
}

.slick-slide .views-field-name a{
    color: #FFF;
}

#block-pump-page-collections{
    margin-bottom: 30px;
}


.slick-slide .views-field-name a {
    padding: 0 5px;
}

.slick-slide .views-field-name{
    background: #505050;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
}

.slick-slide .views-field-name span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}


#block-airpumping-content table img{
    max-width: none;
}

.view-pump-collections .views-field-field-collection-image{
    padding-right: 20px;

}

.view-pump-collections h2{
    margin-bottom: 10px;
}

.iso_header {

    padding: 10px;
    max-height: 65px;
    max-width: 135px;
}

.ariba_header {

    padding-left: 10px;
}

.footer-im {

    max-width: 40%;

}


.footer-im2 {

	padding-left: 5px;
	padding-right: 5px;

}

.footer-im3 {

    max-width: 60%;
    top: 5px;
    position:relative;
}

.footer-im4 {

    max-width: 80%;
    top:10px;
    position:relative;
}

.iso-img {

    position: relative;
    top: 15px;
    max-width:42%;
}

.vmix-img {

    position: relative;
    top: 15px;
    max-width:65%;
}

.owl-nav{
    position: absolute;
    z-index: 10;
    top: 35%;
    display: block;
    width: 100%;
    left: 0;
}

.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    z-index: 10;
    height: 36px;
    width: 36px;
    display: block;
    line-height: 32px!important;
    /*text-indent: 9999px;*/
    overflow: hidden;
    /*background: url(../images/arrow-left.png) no-repeat!important;*/
    left: 0px;
    font-size: 32px!important;
    cursor: pointer;
}

.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    z-index: 10;
    height: 36px;
    width: 36px;
    line-height: 32px!important;
    display: block;
    /*text-indent: 9999px;*/
    overflow: hidden;
    /*background: url(../images/arrow-right.png) no-repeat!important;*/
    right: 0px;
    font-size: 32px!important;
    cursor: pointer;
}

.owl-carousel .owl-item img{
    width: 100%;
    max-width: 100%;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background: #d20605!important;
}
.owl-carousel li {
list-style: none;
margin: 0 10px 0 10px;
}

.item-list ul.owl-carousel{
padding: 0 36px 0 36px;
margin: 0;
}

.owl-carousel.owl-drag .owl-item{
    margin-left: -36px;
}
#obsolete-message{
background: #e70700;
color: #fff;
margin-bottom: 30px;
padding-top: 15px;
padding-bottom: 15px;
}


#obsolete-message a{
color: #fff;
}

#obsolete-message a:hover{
color: #fff;
opacity: 0.8;
}

#obsolete-message a:focus{
color: #fff;
opacity: 0.8;
}
#obsolete-message a:active{
color: #fff;
opacity: 0.8;
}

#obsolete-message .message{
text-align: center;
margin-bottom: 30px;
}



#obsolete-message h4{
color: #fff;
}

/* Pump Pages */

.field--name-field-elastomer-options{
    margin-bottom: 30px;
}

.node--view-mode-full p b{

}

.field--name-field-engineering-operation-main .field__items{
    margin-bottom: 20px;
}

.field--name-field-engineering-operation-main .field__items a{
    color: #505050;
}


.field--name-field-engineering-operation-main .field__item:nth-child(odd) .field__items .field__item{
    background: #c3cfe3;

    padding: 0.5rem 0.625rem 0.625rem;
    border-bottom: 1px dotted #8ce8ff;
}

.field--name-field-engineering-operation-main .field__item:nth-child(even) .field__items .field__item{
    background: #ececec;

    padding: 0.5rem 0.625rem 0.625rem;
    border-bottom: 1px dotted #8ce8ff;
}

.field--name-field-engineering-operation-main .field__item .field__items .field__item:last-child{

    border-bottom: 0px dotted #8ce8ff;
}

.view-related-pumps h3{
    color: #505050;
    border-bottom: 1px solid #8ce8ff;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.page-node-type-pumps .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: center;
}

.page-node-type-pumps .field--name-field-pump-image a{
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.page-node-type-pumps .field--name-field-pump-image img{
    max-height: 550px;
    width: auto;
}


.page-node-type-lubrication-e .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: center;
}

.page-node-type-lubrication-e .field--name-field-pump-image a{
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.page-node-type-lubrication-e .field--name-field-pump-image img{
    max-height: 550px;
    width: auto;
}

.page-node-type-piston-pumps .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: center;
}

.page-node-type-piston-pumps .field--name-field-pump-image a{
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.page-node-type-piston-pumps .field--name-field-pump-image img{
    max-height: 550px;
    width: auto;
}

.page-node-type-pneumatic-valves-cylinders .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: center;
}

.page-node-type-pneumatic-valves-cylinders .field--name-field-pump-image a{
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.page-node-type-pneumatic-valves-cylinders .field--name-field-pump-image img{
    max-height: 550px;
    width: auto;
}

.page-node-type-pumps .edit-page  .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: left;
}

.page-node-type-lubrication-e .edit-page  .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: left;
}

.page-node-type-pneumatic-valves-cylinders .edit-page  .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: left;
}

.page-node-type-piston-pumps .edit-page  .field--name-field-pump-image{
    float: none;
    margin: 30px 0 30px 0px;
    text-align: left;
}

.node-pumps-edit-form .field--name-field-pump-image{
    float: none;
}

.view-related-pumps h3:first-child{
    margin-top: 0px;
}

.view-related-pumps a, .view-parent-related-pumps a{
    color: #505050;
}

.paragraphs-subform select{
    margin-top: 13px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0;
}

.paragraphs-subform td .js-form-submit{
    margin-bottom: 0;
    margin-top: 13px;
    margin-left: 5px;
    padding: 13px 40px 12px 40px
}

.paragraphs-dropbutton-wrapper input.field-add-more-submit{
    margin-right: 0%!important;
    width: 100%;
}

.paragraphs-dropbutton-wrapper input.field-add-more-submit:nth-child(2n){
    margin-right: 0%!important;
    margin-left: 0%!important;
    width: 100%;
}

.js .field--widget-entity-reference-paragraphs td{
    padding: 10px;
}

@media print, screen and (max-width: 876px) {
    .paragraphs-dropbutton-wrapper input, .paragraphs-dropbutton-wrapper input:nth-child(2n) {
        margin-right: 0% !important;
        margin-left: 0% !important;
        width: 100%;
    }
}

#block-views-block-parent-related-pumps-block-1 h2{
    border-bottom: 1px solid #8ce8ff;
    color: #505050;
    font-weight: 700;
    font-size: 30px;
}

.dropbutton .dropbutton-action > *{
    padding: 15px 40px 15px 40px;
    margin: 0;
}

.view-id-parent_related_pumps .view-content{
    margin-bottom: 15px;
}


.page-node-type-pumps #top-block-wrapper{
    margin-top: 30px;
}

ul#main-menu + li.menu-item--active-trail a {
    color: #d20605
}

ul#main-menu li.menu-item--active-trail > a {
    color: #505050;
    font-weight: 700;
}


ul.menu a.is-active {

}
ul#main-menu a.is-active {
    color: #505050;
    font-weight: 700;
}


#block-pistonpumptaxmenu #main-menu{
    background: #fff;
}

#block-pistonpumptaxmenu #main-menu.data-dropdown-menu  li{
    width: 100%;
}

#block-pistonpumptaxmenu #main-menu.data-dropdown-menu  li ul li{
    width: 100%;
    float: none;

}

#block-diaphragmpumps #main-menu{
    background: #fff;
}

#block-diaphragmpumps #main-menu.data-dropdown-menu  li{
    width: 100%;
}

#block-diaphragmpumps #main-menu.data-dropdown-menu  li ul li{
    width: 100%;
    float: none;

}

#block-pneumatictaxmenu #main-menu{
    background: #fff;
}

#block-pneumatictaxmenu #main-menu.data-dropdown-menu  li{
    width: 100%;
}

#block-pneumatictaxmenu #main-menu.data-dropdown-menu  li ul li{
    width: 100%;
    float: none;

}

.view-piston-pumps-taxonomy .view-content .views-row{
    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-piston-pumps-taxonomy .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}


.view-diaphragm-pumps-taxonomy .view-content .views-row{
    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-diaphragm-pumps-taxonomy .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}



.view-lubrication-equipment-taxonomy .view-content .views-row{
    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-lubrication-equipment-taxonomy .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}


.view-lubrication-equipment-taxonomy .view-content .views-row{
    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-lubrication-equipment-taxonomy .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}




.view-pneumatic-valves-cylinders-taxonomy .view-content .views-row{
    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-pneumatic-valves-cylinders-taxonomy .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}



.taxonomy-desc-wrapper{
    width: calc(100% - 170px);
    float: left;
}

.taxonomy-desc-wrapper p{
    text-align: justify;
    margin-bottom: 0;
}

.taxonomy-desc-wrapper p.text-align-center{
    text-align: center;
}




.view-piston-pump-products .view-content .views-row{

    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-piston-pump-products .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}

.view-diaphragm-pump-products .view-content .views-row{

    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-diaphragm-pump-products .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}




.view-lubrication-equipment-products .view-content .views-row{

    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-lubrication-equipment-products .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}


.view-pneumatic-valves-cylinders-products .view-content .views-row{

    border-bottom: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-pneumatic-valves-cylinders-products .view-content .views-row img{
    float: left;
    border: 1px solid #eee;
    background: #fff;
    margin-right: 20px;
    max-width: 150px;
}


.product-desc-wrapper{
    width: calc(100% - 170px);
    float: left;
}

.product-desc-wrapper p{
    text-align: justify;
}

.product-desc-wrapper p.text-align-center{
    text-align: center;
}




.menu--piston-pump-tax-menu{
    padding-left: 20px;
}

#block-lubricationequipmenttaxmenu #main-menu{
    background: #fff;
}

#block-lubricationequipmenttaxmenu #main-menu.data-dropdown-menu  li{
    width: 100%;
}

#block-lubricationequipmenttaxmenu #main-menu.data-dropdown-menu  li ul li{
    width: 100%;
    float: none;
}

.view-lubrication-equipment-taxonomy .view-content .views-row{
    border: 1px solid #eee;
    margin: 2px 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    background: #f5f5f5;
}


.view-lubrication-equipment-taxonomy .view-content img{
    float: left;
    border: 1px solid #eee;
    padding: 0px;
    margin-right: 20px;
    max-width: 150px;
}


@media print, screen and (max-width: 560px) {
    .view-pneumatic-valves-cylinders-taxonomy .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .view-lubrication-equipment-taxonomy .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .view-piston-pumps-taxonomy .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .view-diaphragm-pumps-taxonomy .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }



    .view-lubrication-equipment-products .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .view-piston-pump-products .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }


    .view-diaphragm-pump-products .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .view-pneumatic-valves-cylinders-products .view-content .views-row img{
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }


    .view-pneumatic-valves-cylinders-taxonomy .view-content .views-row h3,
    .view-lubrication-equipment-products .view-content .views-row h3,
    .view-diaphragm-pump-products .view-content .views-row h3,
    .view-piston-pump-products .view-content .views-row h3
    {
        text-align: center;
    }

    .view-pneumatic-valves-cylinders-taxonomy .view-content .views-row p,
    .view-lubrication-equipment-products .view-content .views-row p,
    .view-diaphragm-pump-products .view-content .views-row p,
    .view-piston-pump-products .view-content .views-row p
    {
        text-align: justify;
    }

    .view-pneumatic-valves-cylinders-taxonomy .view-content .views-row h3,
    .view-diaphragm-pumps-taxonomy .view-content .views-row h3,
    .view-piston-pumps-taxonomy .view-content .views-row h3,
    .view-lubrication-equipment-taxonomy .view-content .views-row h3
    {
        text-align: center;
    }

    .view-pneumatic-valves-cylinders-taxonomy .view-content .views-row p,
    .view-diaphragm-pumps-taxonomy .view-content .views-row p,
    .view-piston-pumps-taxonomy .view-content .views-row p,
    .view-lubrication-equipment-taxonomy .view-content .views-row p
    {
        text-align: justify;
    }

    .product-desc-wrapper h3{
        text-align: center;
    }
    .taxonomy-desc-wrapper h3{
        text-align: center;
    }
    .product-desc-wrapper{
        width: 100%;
    }
    .taxonomy-desc-wrapper{
        width: 100%;
    }
}


@media print, screen and (max-width: 1024px) {

    div.sf-accordion-toggle.sf-style-white > a:after {
        content: "";
    }

    div.sf-accordion-toggle.sf-style-white > a:before {
        content: "≡";
        font-size: 2em;
        position: absolute;
        left: 0.5em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #superfish-diaphragm-pumps-accordion, #superfish-pneumatic-tax-menu-accordion, #superfish-lubrication-equipment-tax-m-accordion, #superfish-piston-pump-tax-menu-accordion{
        z-index: 300;
    }
    ul.sf-menu li:hover, ul.sf-menu li.sfHover, ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul{
        z-index: 9999;
    }
    #block-diaphragmpumps{
        display: none;
    }

    #block-lubricationequipmenttaxmenu{
        display: none;
    }

    #block-pistonpumptaxmenu{
        display: none;
    }

    #block-pneumatictaxmenu{
        display: none;
    }

    #mobile-tax-menus{

    }

    #mobile-tax-menus div.sf-accordion-toggle.sf-style-white a{
        background-color: #8ce8ff;
        width: 100%;
        margin: 0;
    }

    #mobile-tax-menus ul.sf-menu li.sf-expanded a, #mobile-tax-menus ul.sf-menu li.sf-expanded span.nolink{
        background-color: #8ce8ff;
        color: #fff;
    }

    #mobile-tax-menus ul.sf-menu li.sf-expanded ul li a{
        background-color: #f0f0f0;
        color: #505050;
    }

    #mobile-tax-menus ul.sf-menu.sf-accordion.sf-expanded{
        position: absolute;
    }



    #mobile-tax-menus ul.sf-menu.sf-accordion li{

        border-bottom: 1px solid #8ce8ff;
    }
    #mobile-tax-menus ul.sf-menu.sf-accordion ul.sf-has-clone-parent li:last-child{
        border-bottom: 0px solid #8ce8ff;
    }

    /*#mobile-tax-menus ul.sf-menu li.sf-expanded ul li a:hover{
        background: #ffffff;
    }*/



    #mobile-tax-menus ul.sf-menu.sf-accordion li.sf-expanded > ul{
        position: relative;
    }


    #mobile-tax-menus .sf-accordion-toggle a{
        line-height: 20px;
        padding-left: 40px;
    }



}

@media print, screen and (min-width: 1024px) {

    #block-diaphragmpumps-2, #block-lubricationequipmenttaxmenu-2, #block-pistonpumptaxmenu-2, #block-pneumatictaxmenu-2{
        display: none;
    }
}

/* Ariba Stuff */

.ariba{
    margin-top: 5px;
}

.ariba-footer{
    text-align: center;
}

.ariba-footer a{
    display: inline-block;
    margin: 10px 0 15px 0;
}

/* bootstrap Tabs */


.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav > li.disabled > a {
    color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs {
    border-bottom: 1px solid #dddddd;
    margin: 0;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #505050;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #505050;
    }
}
.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #505050;
    background-color: #337ab7;
}
.nav-stacked > li {
    float: none;
}
.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified {
    width: 100%;
}
.nav-justified > li {
    float: none;
}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd;
}
@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #505050;
    }
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.clearfix:before,
.clearfix:after,
.nav:before,
.nav:after {
    display: table;
    content: " ";
}
.clearfix:after,
.nav:after {
    clear: both;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}


nav > .nav.nav-tabs{

    border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
    border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
{
    content: "";
    position: relative;
    bottom: -60px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: #d20605 ;
}
.tab-content{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #d20605;
    border-bottom:5px solid #d20605;
    padding:30px 25px;
    overflow: auto;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
    border: none;
    background: #505050;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

.paragraph>.paragraph__column{
    padding: 0;
}

/* Bootstrap Panels */


.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.panel {
    margin-bottom: 20px;
    background-color: #505050;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}
.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}
.panel-default {
    border-color: #dddddd;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dddddd;
}
.panel-primary {
    border-color: #337ab7;
}
.panel-primary > .panel-heading {
    color: #505050;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}
.clearfix:before,
.clearfix:after,
.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}
.clearfix:after,
.panel-body:after {
    clear: both;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}


/* Stackable tables */

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}

.button{
    color: #505050;
}


/* Pumphireshop Homepage Edits */


.block-views-blockde-watering-transfer-homepage-block-block-1{
    margin-top: 30px;
}

.block-views-blockdiesel-oil-transfer-homepage-block-block-1{
    margin-top: 30px;
}

.block-views-blockchemical-transfer-homepage-block-block-1{
    margin-top: 30px;
}

/*
.view-id-de_watering_transfer_homepage_block .view-footer{
    margin-bottom: 20px;
}

.view-id-de_watering_transfer_homepage_block .view-footer:before{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}

.view-id-de_watering_transfer_homepage_block .view-footer:after{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}
*/

/*.pumps-box {

	width: 344%;
	height: 100px;
	background-color: #5d7075;

}*/

@media print, screen and (min-width: 40em){

    .block-views-blockde-watering-transfer-homepage-block-block-1{
        margin-top: 30px;
    }

    .block-views-blockdiesel-oil-transfer-homepage-block-block-1{
        margin-top: 30px;
    }

    .block-views-blockchemical-transfer-homepage-block-block-1{
        margin-top: 0px;
    }
}

@media print, screen and (min-width: 64em){
    .block-views-blockde-watering-transfer-homepage-block-block-1{
        margin-top: 0px;
    }

    .block-views-blockdiesel-oil-transfer-homepage-block-block-1{
        margin-top: 0px;
    }


}

.view-homepage-taxonomy-title h3 { font-size: 16px; line-height: 18px; color: #fff; background: #2c2c2c; margin-bottom: 10px; margin-top: 10px; padding: 5px 0; }

.view-homepage-taxonomy-title h5 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    background: #2c2c2c;
    padding: 5px 0;
}

.view-homepage-taxonomy-title{
    position:relative;
    overflow: hidden;
}

.view-homepage-taxonomy-title .views-view-grid {
    overflow: hidden;
}

.grid-padding-x > .cell [data-equalizer-watch] .view-homepage-taxonomy-title img{
    margin: 20px auto;
    max-width: 200px !important;
    max-height: 170px !important;
    height: 100% !important;
    width: 100% !important;
    display: block;
}

.grid-padding-x > .cell [data-equalizer-watch] .image-style-home-page-collection-image {
    max-width: 100% !important;
    height: 100% !important;
    width: 100% !important;
    display: block;
    margin: 20px auto;
}

.view-special-transfer-home-page-block a{
    display: block;
    font-weight: bold;
    color: #035585;
    font-size: 14px;
}

.region-brands-home .view-content{
    padding-bottom: 10px;
}

.region-brands-home .view-content a:hover{
    opacity: 0.8;
}


.view-special-transfer-home-page-block a{
    display: block;
    font-weight: bold;
    color: #035585;
    font-size: 14px;
}

.view-special-transfer-home-page-block > .view-content h3{
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.view-special-transfer-home-page-block > .view-content .views-view-grid:before{
    display: block;
    display: none;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}


.view-special-transfer-home-page-block > .view-content .views-view-grid:after{
    display: block;
    display: none;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);

}
.view-special-transfer-home-page-block > .view-content .views-col{
    margin-bottom : 15px;
}

.view-special-transfer-home-page-block > .view-content .views-view-grid{
    margin-bottom : 15px;
}



.view-chemical-transfer-homepage-block a{
    display: block;
    font-weight: bold;
    color: #035585;
    font-size: 14px;
}

.view-chemical-transfer-homepage-block > .view-content h3{
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.view-chemical-transfer-homepage-block > .view-content h3:before{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}


.view-chemical-transfer-homepage-block > .view-content .views-view-grid:after{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);

}
.view-chemical-transfer-homepage-block > .view-content .views-col{
    margin-bottom : 15px;
}

.view-chemical-transfer-homepage-block > .view-content .views-view-grid{
    margin-bottom : 15px;
}






.view-diesel-oil-transfer-homepage-block a{
    display: block;
    font-weight: bold;
    color: #035585;
    font-size: 14px;
}

.view-diesel-oil-transfer-homepage-block > .view-content h3{
    display: none;
}

.view-diesel-oil-transfer-homepage-block > .view-content:before{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}


.view-diesel-oil-transfer-homepage-block > .view-content .views-view-grid:after{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);

}
.view-diesel-oil-transfer-homepage-block > .view-content .views-col{
    margin-bottom : 15px;
}

.view-diesel-oil-transfer-homepage-block > .view-content .views-view-grid{
    margin-bottom : 15px;
}







.view-de-watering-transfer-homepage-block a{
    display: block;
    font-weight: bold;
    color: #035585;
    font-size: 14px;
}

.view-de-watering-transfer-homepage-block > .view-content h3{
    display: none;
}

.view-de-watering-transfer-homepage-block > .view-content:before{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
}


.view-de-watering-transfer-homepage-block > .view-content .views-view-grid:after{
    display: block;
    content: " ";
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background: rgba(184,184,184,1);
    background: -webkit-linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);
    background: linear-gradient(to right, rgba(184,184,184,0) 0%, rgba(0,0,0,0.84) 50%, rgba(184,184,184,0) 100%);

}
.view-de-watering-transfer-homepage-block > .view-content .views-col{
    margin-bottom : 15px;
}

.view-de-watering-transfer-homepage-block > .view-content .views-view-grid{
    margin-bottom : 15px;
}

.view-special-transfer-home-page-block > .view-content,
.view-chemical-transfer-homepage-block > .view-content,
.view-diesel-oil-transfer-homepage-block > .view-content,
.view-de-watering-transfer-homepage-block > .view-content{
  display: none;
}
/* Pump Pages */
.field--name-field-pump-images .field__item:first-child {
    padding: 0 10px 10px 10px ;
    margin: 0 1% 1% 1%;
    width: 98%;
}

.field--name-field-pump-images .field__item{
    float: left;
    width: 48%;
    margin: 1%;
}


.field--name-field-pump-images .field__item.field__item:first-child a{
 	border: 0px solid #dcdcdc;
    padding: 10px;
    display: block;
    text-align: center;
}

.field--name-field-pump-images .field__item.field__item a{
    border: 1px solid #dcdcdc;
    padding: 10px;
    display: block;
    text-align: center;
}

.field--name-field-pump-specifications .field__label{
    
	display: none;
}

.cus_lab_pump_specs {

	margin-bottom: 10px;
	font-size: 36px;
	font-weight: bold;

}

.field--name-field-default-pump-accessories .field__label{
	display: none;
}


.specinfobox {
    padding: 10px;
    text-align: left;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}

.leftinfo {
    text-align: left;
    color: black;
    width: 49%;
}

.rightinfo {
    float: right;
    color: grey;
    width: 49%;
}

.field--name-field-pump-logos .field__item{
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 49%;
    display: inline-block;
    text-align: center;
}

.field--name-field-pump-logos .field__item img{
    text-align: center;
    margin: 0 auto;
    width: auto;
}


/* Trolley Mounting Options */

.field--name-field-bottom-gallery{
    text-align: center;
}

.field--name-field-bottom-gallery:after{
    content: " ";
    display: block;
    height: 0;
    width: 0;
    clear: both;
}
.field--name-field-bottom-gallery .field__item{
    display: inline-block;
}
.field--name-field-bottom-gallery .field__item img{
    max-height: 153px;
    width: auto;
    padding: 10px;
}

.field--name-field-bottom-logos{
    text-align: center;

}

.field--name-field-bottom-logos .field__item{
    display: inline-block;
    margin-top: 15px;
}

.field--name-field-right-gallery .field__item:first-child {
    padding: 0 10px 10px 10px ;
    width: 98%;
}

.field--name-field-right-gallery .field__item:first-child img {
    width: 100%;
}


.field--name-field-right-gallery .field__item{
    float: left;
    width: 23%;
    margin: 1%;
}

@media print, screen and (max-width: 64em){

    .field--name-field-right-gallery .field__item {
        float: left;
        width: 48%;
        margin: 1%;
    }

    .field--name-field-right-gallery .field__item:first-child{
        text-align: center;
        float: none;
        display: inline-block;
    }

    .field--name-field-right-gallery .field__item:first-child a{
        margin: 0 auto;
    }

    .right-gallery{
        max-width: 514px;
        margin: 0 auto;
    }


}

#block-contactus iframe{
    width: 100%;
    height: 83%;
}

.directos h4{
    font-size: 22px;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.field--name-field-open-contact-form p{
    text-align: center;
}

.field--name-field-open-contact-form p a{
    margin-top: 30px;
    width: 100%;
    max-width: 282px;
}

#webform-container{
    display: none;
    padding: 20px;
}

#webform-container label{
    color: #505050;
    background: none;
    font-weight: 700;
    border-bottom: 1px solid #ffa603;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
}

#webform-container{
    font-size: 14px;
}
#webform-container .form-item .description{
    font-size: 14px;
    margin-bottom: 10px;
}

.navtails {

  display: flex;
  align-items: flex-end;  /* bottom */
  justify-content: center; /* right */

}

/* ============================================
   PUMP SELECTOR WIZARD STYLING
   ============================================ */

#block-airpumping-views-block-pump-selector-block-1{
  width: 100%;
}

/* Wizard Container */
.view-pump-selector {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  margin: 30px 0;
}

/* Wizard Form Section */
.view-pump-selector .view-filters {
  background: #fff;
  border-radius: 16px;
  padding: 35px 30px;
  margin-bottom: 40px;
  box-shadow: 0 4px 20px rgba(140, 232, 255, 0.15);
  border: 2px solid #8ce8ff;
  position: relative;
}

.view-pump-selector .view-filters::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, #8ce8ff 0%, #6dd5ff 100%);
  border-radius: 16px;
  z-index: -1;
  opacity: 0.1;
}

/* Form Title Styling */
.view-pump-selector .view-filters::after {
  content: 'Find Your Perfect Pump';
  display: block;
  position: absolute;
  top: -18px;
  left: 30px;
  background: linear-gradient(135deg, #8ce8ff 0%, #6dd5ff 100%);
  color: #505050;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(140, 232, 255, 0.3);
}

/* Form Layout */
.view-pump-selector .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  align-items: flex-end;
}

/* Disable clearfix on all flex containers */
.view-pump-selector .form--inline::before,
.view-pump-selector .form--inline::after,
.view-pump-selector .views-view-responsive-grid::before,
.view-pump-selector .views-view-responsive-grid::after,
.view-pump-selector .views-view-responsive-grid__item::before,
.view-pump-selector .views-view-responsive-grid__item::after,
.view-pump-selector .views-field-field-pump-images::before,
.view-pump-selector .views-field-field-pump-images::after,
.view-pump-selector .pager__items::before,
.view-pump-selector .pager__items::after {
  display: none !important;
}

/* Form Items */
.view-pump-selector .form-item {
  flex: 1 1 280px;
  min-width: 280px;
  margin: 0;
}

/* Labels */
.view-pump-selector .form-item label {
  display: block;
  color: #505050;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: left;
}

/* Select Dropdowns */
.view-pump-selector select.form-select {
  width: 100%;
  height: 50px;
  padding: 0 45px 0 18px;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  background: #fff;
  color: #505050;
  font-size: 15px;
  font-weight: 500;
  line-height: 46px;
  transition: all 0.3s ease;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23505050' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.view-pump-selector select.form-select:hover {
  border-color: #8ce8ff;
  background-color: #f8fdff;
}

.view-pump-selector select.form-select:focus {
  outline: none;
  border-color: #8ce8ff;
  box-shadow: 0 0 0 4px rgba(140, 232, 255, 0.2);
  background-color: #fff;
}

/* Submit Button */
.view-pump-selector .form-actions {
  flex: 0 0 auto;
  margin: 0;
  display: none;
}

.view-pump-selector input[type="submit"] {
  background: linear-gradient(135deg, #8ce8ff 0%, #6dd5ff 100%);
  color: #505050;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 35px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(140, 232, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.view-pump-selector input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(140, 232, 255, 0.4);
  background: linear-gradient(135deg, #6dd5ff 0%, #5ccbff 100%);
}

.view-pump-selector input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(140, 232, 255, 0.3);
}

/* Results Section */
.view-pump-selector .view-content {
  position: relative;
}

/* Grid Styling */
.view-pump-selector .views-view-responsive-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: 30px;
}

/* Pump Cards */
.view-pump-selector .views-view-responsive-grid__item {
  flex: 0 0 calc(25% - 18.75px) !important;
  width: calc(25% - 18.75px) !important;
  max-width: calc(25% - 18.75px) !important;
}

.view-pump-selector .views-view-responsive-grid__item-inner {
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: left;
}

.view-pump-selector .views-view-responsive-grid__item-inner:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(140, 232, 255, 0.25);
  border-color: #8ce8ff;
}

/* Pump Title */
.view-pump-selector .views-field-title {
  padding-bottom: 15px;
}

.view-pump-selector .views-view-responsive-grid__item h3 {
  color: #505050;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

.view-pump-selector .views-view-responsive-grid__item h3 a {
  color: #505050;
  text-decoration: none;
  transition: color 0.3s ease;
}

.view-pump-selector .views-view-responsive-grid__item h3 a:hover {
  color: #6dd5ff;
}

/* Pump Image */
.view-pump-selector .views-field-field-pump-images {
  margin-bottom: 20px;
}

.view-pump-selector .views-field-field-pump-images .field-content {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.view-pump-selector .views-field-field-pump-images img {
  width: 100%;
  height: 100%;
  max-height: 215px;
  object-fit: contain;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.view-pump-selector .views-view-responsive-grid__item-inner:hover .views-field-field-pump-images img {
  transform: scale(1.05);
}

/* Pump Description */
.view-pump-selector .views-field-field-pump-description {
  color: #505050;
  font-size: 14px;
  line-height: 1.6;
}

.view-pump-selector .views-field-field-pump-description a.views-more-link {
  color: #8ce8ff;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-top: 8px;
  transition: all 0.3s ease;
}

.view-pump-selector .views-field-field-pump-description a.views-more-link:hover {
  color: #6dd5ff;
  transform: translateX(3px);
}

/* Pagination Styling */
.view-pump-selector .pager {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-top: 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.view-pump-selector .pager__items {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.view-pump-selector .pager__item a,
.view-pump-selector .pager__item.is-active a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  color: #505050;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid #e9ecef;
}

.view-pump-selector .pager__item a:hover {
  background: #8ce8ff;
  border-color: #8ce8ff;
  color: #505050;
}

.view-pump-selector .pager__item.is-active a {
  background: linear-gradient(135deg, #8ce8ff 0%, #6dd5ff 100%);
  border-color: #8ce8ff;
  color: #505050;
  font-weight: 700;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .view-pump-selector .views-view-responsive-grid__item {
    flex: 0 0 calc(50% - 12.5px) !important;
    width: calc(50% - 12.5px) !important;
    max-width: calc(50% - 12.5px) !important;
  }
}

@media (max-width: 992px) {


  .view-pump-selector .form--inline {
    gap: 20px;
  }

  .view-pump-selector .form-item {
    flex: 1 1 auto;
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .view-pump-selector {
    padding: 30px 20px;
  }

  .view-pump-selector .view-filters {
    padding: 30px 20px;
  }

  .view-pump-selector .views-view-responsive-grid__item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .view-pump-selector .form--inline {
    flex-direction: column;
  }

  .view-pump-selector .form-item {
    width: 100%;
    min-width: 100%;
  }

  .view-pump-selector input[type="submit"] {
    width: 100%;
  }
}

/* Loading State Animation */
.view-pump-selector.ajax-progress {
  position: relative;
}

.view-pump-selector.ajax-progress::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  z-index: 10;
}

/* Modern AJAX Progress Spinner - Diaphragm Pump Style */
.ajax-progress.ajax-progress-fullscreen {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.98) !important;
  padding: 30px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15) !important;
  width: 120px !important;
  height: 120px !important;
  font-size: 0 !important;
  color: transparent !important;
}

/* Diaphragm breathing animation - main chamber */
.ajax-progress.ajax-progress-fullscreen::before {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  background: #8ce8ff !important;
  border-radius: 50% !important;
  animation: diaphragm-pump 0.8s ease-in-out infinite !important;
  box-shadow: 0 0 0 0 rgba(140, 232, 255, 0.7) !important;
}

/* Air ripple effect */
.ajax-progress.ajax-progress-fullscreen::after {
  content: '' !important;
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  position: absolute !important;
  border: 3px solid #8ce8ff !important;
  border-radius: 50% !important;
  animation: air-ripple 0.8s ease-out infinite !important;
}

@keyframes diaphragm-pump {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.8;
  }
}

@keyframes air-ripple {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/* Empty Results Message */
.view-pump-selector .view-empty {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  color: #505050;
  font-size: 16px;
  border: 2px dashed #e9ecef;
}
.pump_price_div {

text-align: center;
padding-top:30px;

}

.pump_extra_info {

text-align: center;
padding-top:30px;

}

.pump_logos_div {

	text-align:center;
	border-radius: 70px;
  	margin-bottom: 25px;
  background-position-x: 0%, center;
  background-position-y: 0%, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient( 100deg, rgba(255,255,255,0.5), rgba(255,255,255,0.9) ), url("/themes/airpumping/images/Pump_DiaphramARO_g001-faded-lq.webp") center/cover no-repeat;
}

.pump_specs_div {
	margin-left:57px;
}

.paragraph-box {
  border-left: 10px solid #5496a7;
  padding-left: 16px; /* space between bar and text */
}

.paragraph-box2 {
  border-left: 10px solid blue;
  padding-left: 16px; /* space between bar and text */
}

.paragraph-box3 {
  border-left: 10px solid blue;
  padding-left: 16px; /* space between bar and text */
}

.price {
  font-family: Inter, sans-serif;
  font-weight: 900;
  font-size: clamp(6rem, 8vw, 6rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.06em;

  color: #fff;

  text-shadow:
    0 0 8px rgba(0, 153, 244, 0.25),
    0 0 22px rgba(0, 153, 244, 0.22),
    0 8px 30px rgba(0, 153, 244, 0.18),
    0 20px 40px rgba(0, 0, 0, 0.35);

  display: inline-flex;
  align-items: flex-start;
  gap: 0.04em;

  position: relative;
}

/* £ symbol */
.price .currency {
  font-size: 0.5em;
  margin-top: 0.12em;
  opacity: 0.95;
}

/* Decimal styling */
.price .decimals {
  font-size: 0.38em;
  margin-top: 0.18em;
  opacity: 0.85;
}

.pump_access {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.access_label {
    text-align: center;
    font-weight: bold;
    margin: 0;
}

.access_label img {
    display: block;
    width: 200px;
    margin: 0 auto 10px;
}

@media (max-width: 768px) {
    .access_label {
        width: 200px;
    }

    .access_label span {
        font-size: 16px;
    }
}

.field--name-field-pump-description .pump_desc_txt{

	font-size: 25px;

}

.feature-columns {
    display: flex;
    gap: 40px;
    align-items: stretch;
    text-align: center;
}

.feature-column {
    flex: 1;
}

.feature-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .feature-columns {
        flex-direction: column;
        gap: 20px;
    }
}

.file {

	font-size: 30px;
	padding-left: 38px;

}