/* ==========================================================================
   General Site Styling
   ========================================================================== */

/* Cheat sheet color codes
   ========================================================================== 
SHAPE Dark Blue: #006BA9
SHAPE Light Blue: #00A7E1
SHAPE Dark Gray: #5B5D61
*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


/* ----- Body fonts ----- */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/* ----- Headings -----*/
h1, h1.page-header, h2, h2.page-header, .page-header, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;;
    font-weight:;
  	color: #000;
}
h1, h1.page-header {
    font-weight: 400 !important;
}
h2, h2.page-header {
    font-size:;
}
h3 {
    font-size:;
}
h4 {
    font-size:;
}
h5 {
    font-size:;
}

/*---- Links ------*/
/* Body links */
.cd-main-content p > a:not(.btn) {
    color:;
}
.cd-main-content p > a:not(.btn):hover {
    color:;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn, .btn:focus, .btn:active {
    background: #006BA9;
    border-color: #006BA9;
    color: #fff;
}
.btn:hover {
    background: #006BA9;
    border-color: #006BA9;
    color: #fff;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background: #006BA9;
    border-color: #006BA9;
    color: #fff;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background:;
    border-color:;
    color:;
}

/* Alertify buttons */
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active {
    background-color:;
  	border-color:;
  	color:;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active {
    background-color:;
  	border-color:;
  	color:;
}

/* Custom classes
   ========================================================================== */
.bg-dark-blue {
 	background: #006BA9;
  	color: #fff;
}
.bg-light-grey {
 	background: #F2F2FA; 
}



/* Notifier Container
   ========================================================================== */
.alertify-log {
    background:;
    border-color:;
    border-radius:;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (max-width:767px) {
    .container {
    	width:;
    }
}
@media screen and (min-width:768px) {
    .container {
    	width:;
    }
}
@media screen and (min-width:992px) {
    .container {
    	width:;
    }
}
@media screen and (min-width:1200px) {
    .container {
       width:;
    }
}
@media screen and (min-width:1300px) {
    .container {
       width:;
    }
}
@media screen and (min-width:1400px) {
    .container {
       width: 1350px;
    }
}

/* General Page Styling
========================================================================== */


/* Paddings & Margins & Alignment
   ========================================================================== */
.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.centered-content {
    text-align: center !important;
}
.section + .section, .content section {
    padding-bottom: 20px;
}
.minus-margin-top {
    margin-top: -30px;
}
.row.container {
    margin: 0 auto;
}
.padding-y-40 {
 	padding-top: 40px;
  	padding-bottom: 40px;
}
.width-auto {
    width: auto;
}

/* Flex classes
   ========================================================================== */
@media screen and (min-width: 768px) {
    /* Set flex on container */
    .flex-container {
        display: flex;
    }
    /* Center flex child vertically */
    .flex-align-center {
        align-self: center;
    }
}

/* Header
   ========================================================================== */
/* ----- General header styling -----*/
.header {
  background: #fff;
}
.header-top-row {
  	border-bottom: 3px solid #006BA9;
}
.header-top-row .container {
    width: 100%;
}

@media screen and (min-width: 768px) {
 	.header-top-row {
    	height: 80px;
    }
}

/* ----- General icon row ----- */
.header-icon-row {
    display: flex;
    width: auto;
    float: right;
}
.header-icon-row > div {
    width: auto;
}
/* @ Icon row mobile <-767px */
@media screen and (max-width: 767px) {
	.header-icon-row {
        width: 70%;
        padding: 0;
      	float: left;
    }
    .header-icon-row > div {
        width: 50%;
    }
}

/* ----- Top-bar ----- */
/* Top bar general */
.top-bar {
    background:;
}
/* Top bar links */
.top-bar .top-bar-link a:hover {
    background-color:;
    color:;
}
/* @ Top bar mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Login/My account ----- */
/* Login/My account general */
.header .user-icon {
    height: 60px;
    display: flex;
  	cursor: pointer;
}
.header .user-icon span {
    align-self: center;
}
.header .user-icon .fa {
    font-size: 30px;
    color: #006BA9;
}
.header .user-icon-text {
    margin-left: 8px;
}
.user-icon-login .fa-user {
    position: relative;
    top: 5px;
}
.user-icon-login a {
    margin-top: 10px;
}
.user-icon-login a:hover,
.user-icon-login a:active,
.user-icon-login a:focus {
    text-decoration: none;
}
/* Login/My account mobile */
@media screen and (max-width: 767px) {
	.user-icon-my-area .user-icon-text {
        display: none;
    }
    .user-icon-my-area {
        justify-content: center;
    }
  	.header .user-icon-text {
        margin-left: 0px;
    }
}

/* User container */
.user-container {
    display: none;
    position: absolute;
    z-index: 555;
    width: 250px;
    right: 0;
    top: 67px;
}
.user-container > div {
    background: #F2F2FA;
    padding: 20px 20px;
}
.user-container .section_LoginStatus .nav {
    width: 100%;
}
.user-container .section_LoginStatus .nav li {
    width: 100%;
}
.user-container .top-bar-link>a {
    border: none;
    padding: 0;
}
.user-container .user-log-out-link,
.user-container .user-log-in-link  {
    padding: 8px 0px;
    border: 2px solid #006BA9;
    text-align: center;
    margin-top: 10px;
}
.user-container .user-log-out-link a {
    font-size: 14px;
}
.user-container .sidebar-nav-items li {
  	border: none;
}

/* @ Login/My account desktop 768px -> */
@media screen and (min-width:768px) {
   .user-container-mobile {
    	display: none !important; 
   }
}

/* @ Login/My account mobile <-767px */
@media screen and (max-width:767px) {
   .user-container > div {
        padding-bottom: 80px;
    }
    .user-container .sidebar-nav-toggle {
        display: none;
    }
    .user-container .sidebar-nav-items {
        display: block;
    }
  	.user-container {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
	}
  	.header-icon-row .user-container {
        display: none !important;
	}
}



/* ----- Logo ----- */
/* Logo general */
.header-logo img {
    max-height: 55px;
}

/* @ Logo mobile <-767px */
@media screen and (max-width:767px) {
    .header-logo {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* ----- Cart ----- */
/* Cart general */
.section_MiniBasket .pt-btn-basket {
    background: none;
    color: #006BA9;
    border: none;
    font-size: 30px;
    position: relative;
    top: -8px;
}
.section_MiniBasket .pt-btn-basket .badge {
    display: block;
    background: #00A7E1;
    border: none;
    color: #fff;
    right: 3px;
    top: 3px;
}
.section_MiniBasket .feature-basket {
    border: none;
    box-shadow: none;
}
.minibasket .cart-field-amount {
    display: none;
}
.minibasket .cart-field-label {
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
  	color: #000;
}
.minibasket .cart-field {
    padding-left: 5px;
}
.feature-basket .btn-group {
    width: 100%;
    border-spacing: 10px;
}
.feature-basket .btn-group .btn:first-of-type {
    margin-right: 50px;
}
.feature-basket .js-removeFromBasket {
    margin-top: -10px;
}
@media screen and (min-width: 992px) {
    .cart-content {
        width: 400px !important;
        right: 0;
    }
}
@media screen and (max-width: 991px) {
    .cart-content {
        width: 250px !important;
        right: 0;
    }
}


/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Search -----*/
/* Search general */
.search-row {
    background: #006BA9;
    padding: 8px !important;
    border: none;
}
.search-row .header-input {
    margin-top: 0;
}
.search-row .btn {
    color: #fff;
    background: none;
    border: none;
}
.search-row .section_CatalogSearchBox {
    max-width: 600px;
    width: 100%;
    float: right;
}
.search-row .container {
    width: 100%;
    padding-right: 0;
}

/* ----- Language picker -----*/
.header-icon-row .section_LanguagePicker a {
    font-size: 0;
}
.header-icon-row .section_LanguagePicker {
    margin-top: 17px;
}
.header-icon-row #languagepicker > .nav > .top-bar-link {
    background: #fff;
}
.header-icon-row .top-bar-link > a {
    border: none;
}
.header-icon-row .nav-pills > .top-bar-link > a {
    padding: 0 !important;
}
.header .header-icon-row .top-bar-link > a:hover,
.header .header-icon-row .top-bar-link > a:visited,
.header .header-icon-row .top-bar-link > a:focus {
    background: white;
}
.header .header-icon-row .section_LanguagePicker .top-bar-link .flag {
    width: 25px;
    height: 25px;
}
.header .header-icon-row .section_LanguagePicker .flag.flag-gb {
    background: url('/en/image/getthumbnail/1416');
}
.header .header-icon-row .section_LanguagePicker .flag.flag-de {
    background: url('/en/image/getthumbnail/1415');
}
.header .header-icon-row .section_LanguagePicker .flag[class*="flag-"] {
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.header-icon-row #languagepicker {
    border: 1px solid #F2F2FA;
    left: 0px;
    top: 50px;
}
.header-icon-row .language-picker-row .col-sm-12 {
    padding-right: 0;
}
.header-icon-row .language-picker-row {
  	margin-left: 5px;
}

/* @ Language picker mobile <-767px */
@media screen and (max-width:767px) {
    .header-icon-row #languagepicker {
        right: -5px;
        left: initial;
    }
}



/* ==========================================================================
   Navigation
   ========================================================================== */

/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */
.cd-main-header {
    	background: none;
	}

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
    .header .navbar-nav {
        margin-top: 10px;
    }
    .header .navbar-nav a {
        text-transform: none;
        font-size: 16px;
        font-weight: 400 !important;
    }
    .header .navbar-nav a:hover,
    .header .navbar-nav a:focus,
    .header .navbar-nav a:active,
    .header .navbar-nav a:visited,
    .header .navbar-nav .active {
        background: none !important;
    }
    .header .navbar-nav .active > a{
        color: #00A7E1;
        font-weight: 500 !important;
    } 
    .header .nav .open>a,
    .header .nav .open>a:hover,
    .header .nav .open>a:focus {
        background: none;
    }
    .header .nav a:hover {
      	color: #00A7E1;
  	}
  	.navbar-collapse {
        padding-right: 0;
    }
    .main-nav-col {
        width: auto;
        padding-right: 0;
    }
}

/* ----- Main navigation tablet <-1199px ----- */
@media screen and (max-width: 1199px) {
 	.main-nav-col {
      	float: right; 
       	width: auto;
		margin-left: 40px;
    }
  	.cd-nav-trigger {
      	margin-top: 6px;
    }
}

/* ----- Main navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    .main-nav-col .hidden-lg {
        width: 24%;
      	margin-left: 0;
    }
}

/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */
.cd-main-content .sidebar-nav {
    background: #F2F2FA;
    padding: 20px;
}
.cd-main-content .sidebar-nav .sidebar-nav-heading {
    font-weight: 500;
}
.cd-main-content .sidebar-nav .toggle-item.active .sidebar-item > .active {
    color: #00A7E1;
  	font-weight: 700;
}
.cd-main-content .sidebar-nav .toggle-item .sidebar-item{
    text-transform: none;
}
.header .toggle-lvl-one div.sidebar-item {
    margin:0 0 10px 0;
    text-transform: none;
}
.sidebar-nav-items {
    border: none !important;
}

/*----- Sidebar navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/* Footer navigation
   ========================================================================== */
/* ----- Footer navigation general ----- */
.footer .sidebar-nav-heading {
    display: none;
}
.footer .sidebar-nav-items li {
    border: none;
    padding: 0;
}
.footer .sidebar-nav-items {
 	margin-bottom: 0; 
}

/*----- Footer navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    .footer .sidebar-nav-items {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .footer .sidebar-nav-toggle {
        display: none;
    }
    .footer .sidebar-nav-items h3 {
        padding-right: 0;
    }
    .footer .sidebar-nav-items h3 a {
        padding-right: 0;
    }
}

/*Footer
   ========================================================================== */
/* Footer general */
.footer {
    background:#F2F2FA;
    padding-top: 0;
  	padding: 0px 0 10px;
}

.footer:before {
    content: ' ';
    background: #00A7E1;
    display: block;
    height: 35px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%);
}
.footer .container {
    padding: 20px;
}
.footer .fa {
    font-size: 30px;
    color: #006BA9;
    padding: 0px 10px;
}
.footer .flex-container > div {
    flex: 1;
}
.footer .footer-logo img {
    max-width: 200px;
}

/* Footer text */
.footer p {
    text-transform: none;
    font-size: 14px;
    color: #707070;
}

/* Footer links */
.footer p a {
    color:;
}
.footer p a:hover {
    color:;
}

/*----- Footer tablet <-991px ----- */
@media screen and (max-width: 991px) and (min-width: 768px) {
 	 .footer .footer-logo img {
          max-width: 140px;
      }
}

/*----- Footer mobile <-767px ----- */
@media screen and (max-width: 767px) {
 	.footer-contact {
        text-align: center;
        margin-top: 30px;
    }
    .footer-logo {
        text-align: center;
    } 
}


/* ==========================================================================
   Section Styling
   ========================================================================== */
/* ----- Breadcrumbs ----- */
.breadcrumb-wrapper {
    padding: 15px;
}
.breadcrumb a {
    font-weight: 400;
    font-size: 13px;
}
.breadcrumb li:last-of-type a {
    font-weight: 500;
}
.pt-page-productsubnode .breadcrumb-wrapper {
    display: none;
}

/* Content section */
.cd-main-content .section_Content ul {
    list-style-type: disc !important;
}

/* ----- Search autocomplete dropdown ----- */
#ui-id-1 li {
    border-bottom: 1px solid #eee;
}
#ui-id-1 li:last-of-type {
    border-bottom: none;
}
#ui-id-1 .ui-state-active {
    background: #eee;
    border: none;
}
#ui-id-1 li a div:first-of-type {
    margin-right: 8px;
}
/* Product lists
   ========================================================================== */
.product-grid .hover-product-title {
    text-transform: none;
    font-weight: 400;
}
.product-grid .hover-product-title a:hover {
    color: #000;
}
.product-grid .field-stockcode {
    color: #000;
    font-size: 14px;
}
.product-grid .hover-product-image {
    box-shadow: 0px 1px 4px #ccc;
    border: none;
}
.product-grid .pt-list-attribute-item {
    font-size: 0.9em;
}
.product-grid .pt-list-attribute-item .attr-description {
    font-weight: 500;
}
.product-grid .p-productavailability {
    float: left;
    width: auto;
    margin-right: 3px;
}
.product-grid .p-productavailability .productAvailability {
    text-transform: none;
    font-size: 0.95em;
    font-weight: 500;
}
.product-grid .js-avail-wrapper {
    font-size: 0.9em;
    line-height: 24px;
}
.pt-page-productdetail .hover-product-image {
 	box-shadow: 0 3px 11px -7px rgba(50,50,50,.5);
    border: 1px solid #eee; 
}
.hover-product-additonal-details .delDate {
    display: none;
}

/* Sub node menu
   ========================================================================== */
.section_ProductParentNode_SubNodeMenu .hover-product-title {
    text-transform: none;
    font-weight: 400;
}
.section_ProductParentNode_SubNodeMenu .hover-product-title a:hover {
    color: #000;
}
.section_ProductParentNode_SubNodeMenu .hover-product-image {
    box-shadow: 0px 1px 4px #ccc;
    border: none;
}
.section_ProductParentNode_SubNodeMenu .hover-product-hover-bg {
    background: #006BA9;
    opacity: 0.9;
}
.section_ProductParentNode_SubNodeMenu .hover-product-additonal-details {
    display: flex;
    height: 100% !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .section_ProductParentNode_SubNodeMenu .hidden-xs {
        display: block !important;
    }
    .section_ProductParentNode_SubNodeMenu .visible-xs {
        display: none !important;
    }
}

/* Node hero image
   ========================================================================== */
/* Node hero image */
@media screen and (min-width: 992px) {
    .node-hero-image .section_ProductNodeImage {
        display: none;
    }
    .node-hero-image {
        margin-top: -30px;
        margin-bottom: 30px;
        background: #006BA9;
        background-image: url('/en/image/getthumbnail/3433');
        background-position: center;
        background-size: cover;
    }
    .node-hero-image > div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
    }
    .node-hero-image .hero-text-container {
        max-width: 700px;
        text-align: center;
        color: #fff;
    }
    .node-hero-image h1 {
        color: #fff;
        margin-bottom: 0;
    }
    .node-hero-image .section_ProductNodeTitle {
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 991px) {
    .node-hero-image .section_ProductNodeImage {
        display: none;
    }
    .node-hero-image {
        text-align: center;
        margin-top: -30px;
        background: #006BA9;
        margin-bottom: 20px;
        color: #fff;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .node-hero-image h1 {
        color: #fff;
    }
}

/* Brand flags
   ========================================================================== */
.ribbonText.ribbon-value-20389 {
    background: url('/en/image/getthumbnail/3446');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    font-size: 0;
    display: block;
    text-shadow: none;
    box-shadow: none;
    left: 15px;
    top: -3px;
}
.ribbonText.ribbon-value-20389:before,
.ribbonText.ribbon-value-20390:before {
    border: none;
}
.ribbonText.ribbon-value-20390 {
    background: url('/en/image/getthumbnail/3447');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    font-size: 0;
    display: block;
    text-shadow: none;
    box-shadow: none;
    left: 15px;
    top: -3px;
}
.section_ProductImageLibrary .ribbonText.ribbon-value-20390,
.section_ProductImageLibrary .ribbonText.ribbon-value-20389 {
    width: 85px;
    height: 45px;
}
[data-original-title="ALT"], [data-original-title="ORG"] {
    display: none;
}

/* Image card left template
   ========================================================================== */
.image-left-card .image-left {
    flex: 1;
}
.image-left-card .content-right {
    flex: 1;
    padding-left: 30px;
  	align-self: center;
}
@media screen and (min-width: 992px) {
    .image-left-card {
        display: flex;
        margin-bottom: -20px;
    }
}
@media screen and (max-width: 991px) {
    .image-left-card .content-right {
        padding-top: 20px;
        padding-left: 0;
  	}
}


/* ==========================================================================
   Page Styling
   ========================================================================== */
/* Index page
   ========================================================================== */

/* ----- Hero slider ----- */
.hero-slider-row {
    overflow: hidden;
    margin-top: -30px;
}
.hero-slider-row .section_ContentBanner {
    padding-bottom: 0;
    margin-bottom: -6px;
}
.hero-slider-row .slick-slide {
    height: 400px;
    background-size: cover;
    background-position: center;
}
.hero-slider-row .slick-slide img {
    display: none;
}
/* ----- Hero slider mobile <- 767px ----- */
@media screen and (max-width: 767px){
    .hero-slider-row .carousel {
        margin: 0;
    }
  	.hero-slider-row .slick-slide {
        height: 250px;
    }
}

/* ----- My area links ----- */
.my-area-links {
    background: #006BA9;
}
.my-area-links a {
    color: #fff;
}
.my-area-links .container {
    margin: 0 auto;
    align-items: center;
}
.my-area-links .section_ContentDataUnit {
    padding: 0;
}
.my-area-links .link-icon {
    font-size: 30px;
    margin-right: 5px;
}
.my-area-links a {
    display: flex;
    align-items: center;
}
.my-area-links a:hover,
.my-area-links a:focus,
.my-area-links a:active {
    text-decoration: none;
}
.my-area-link .link-icon-image {
    width: 35px;
}
@media screen and (min-width: 992px) {
    .my-area-link .link-icon-image {
        margin-right: 10px;
    }
}

/* ----- My area links desktop 992px -> ----- */
@media screen and (min-width: 992px) {
    .my-area-links a {
        height: 30px;
  	}
}

/* ----- Index login ----- */
[data-loggedin="False"] .index-login .section_ContentDataUnit {
    display: none;
}
[data-loggedin="False"] .index-login .section_Login {
    width: 100%;
}
.index-login .control-label {
    display: none;
}
.index-login #loginform .col-md-2 .btn {
    border: 2px solid white;
}
.index-login #loginform .col-md-2 .btn:hover,
.index-login #loginform .col-md-2 .btn:focus,
.index-login #loginform .col-md-2 .btn:actove {
    border: 2px solid white;
}
.index-login #loginform .col-md-5 .form-group {
    margin-bottom: 0;
}
.index-login #loginform p {
    margin: 0;
    color: #fff;
}
.index-login #loginform .col-md-2,
.index-login #loginform .col-md-5 {
    float: left;
}

/* @ Index login tablet desktop 768px -> */ 
@media screen and (min-width: 768px) {
 	.index-login #loginform .col-md-5 {
        width: 40%;
    }
    .index-login #loginform .col-md-5 .top10 {
        margin-top: 0;
    }
    .index-login #loginform .col-md-2 {
        width: 20%;
    }
}

/* @ Index login mobile <- 767px */ 
@media screen and (max-width: 767px) {
 	.section_Login .col-md-2.top37 {
     	margin-top: 10px !important; 
    }
}


/* ----- Index News list ----- */
.index-news-container .section-heading {
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    border-bottom: none;
    margin-bottom: 5px;
}
.index-news-container .news-list > a {
    text-decoration: none;
}
.index-news-container .section_NewsList {
    background: #F2F2FA;
    padding: 30px;
}
.index-news-container .post-date {
    color: #00A7E1;
    font-size: 0.9em;
    font-weight: 400;
}
.index-news-container .post-heading a {
    color: #006BA9;
    font-weight: 400;
}
.index-news-container .post-body {
    padding-top: 5px;
}
.index-news-container article {
    padding-bottom: 25px;
}
.index-news-container .flag-link {
    border: none;
    margin: 0px;
    float: left;
}
.index-news-container .flag-link-btn {
    top: -10px;
    left: 0;
    right: inherit;
}
@media screen and (min-width: 768px) {
    .index-news-container {
        display: flex;
      	margin: 40px 0px;
    }
}
.index-news-container .image-container img {
    display: none;
}
.index-news-container .image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 767px) {
    .index-news-container .image-container {
        height: 300px;
    }
}

/* ----- Index puff section ----- */
.index-puff-container {
    padding: 40px 0;
  	margin-bottom: -30px;
}
.index-puff-container .btn {
    border: none;
    color: #fff;
    padding: 0;
    border-bottom: 2px solid #00A7E1;
}
.index-puff-container h3 {
    color: #fff;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 20px;
}

/* ----- Index product slider ----- */
.pt-page-index .section_ProductNodeList .addToBasketContainer,
.pt-page-index .section_ProductNodeList .pricepanel,
.pt-page-index .section_ProductNodeList .p-productavailability,
.pt-page-index .section_ProductNodeList .js-avail-wrapper,
.pt-page-index .section_ProductNodeList .pt-list-attribute {
    display: none;
}
.pt-page-index .section_ProductNodeList h3 {
    height: auto;
}
.pt-page-index .section_ProductNodeList .hover-product-hover-bg {
    display: none;
}
.pt-page-index .section_ProductNodeList {
    padding: 0;
}
.pt-page-index .section_ProductNodeList .products {
    padding: 0;
}
.pt-page-index .section_ProductNodeList .product {
    padding: 0;
}
.pt-page-index .section_ProductNodeList .reloadlist {
    margin-top: 40px;
}
.pt-page-index .section_ProductNodeList .field-stockcode {
    margin-bottom: 0;
}
.pt-page-index .section_ProductNodeList p {
    margin-bottom: 0;
}


/* News
   ========================================================================== */
/* ----- News archive page ----- */
.pt-page-newsarchive .section_NewsList .section-heading {
    letter-spacing: 0;
}
.pt-page-newsarchive .section_NewsList .news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pt-page-newsarchive .section_NewsList .post {
    width: 49%;
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 20px;
}
.pt-page-newsarchive .section_NewsList .post-body {
 	padding: 10px 0 0; 
}
.pt-page-newsarchive .section_NewsList .post .media > a,
.pt-page-newsarchive .section_NewsList .post .media > a img {
    max-width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media > .media-body {
    width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media-body .post-heading.media-heading {
    margin-top: 10px;
}
.pt-page-newsarchive .section_NewsList .post .media > .pull-left {
    margin-right: 0;
}
@media screen and (max-width: 991px){
    .pt-page-newsarchive .section_NewsList .post {
        width: 48%;
    }
}
@media screen and (max-width: 576px){
    .pt-page-newsarchive .section_NewsList .post {
        width: 100%;
    }
}
.pt-page-newsarchive .section_NewsList ul.news-menu {
    padding-left: 0;
    width: 100%;
}

/* ----- News detail page ----- */
.section_NewsDetail .article-intro {
    margin-top: 10px;
}
.section_NewsDetail .article-date {
    margin-bottom: 10px;
}
.section_NewsDetail .article-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Contact us
   ========================================================================== */


/* About us
   ========================================================================== */



/* Customer service team
   ========================================================================== */
/* ----- Contact info card ----- */
.contact-info h3{
    margin-bottom:0;
    margin-top:5px;
    font-weight:bold;
}
.contact-info p {
    margin-bottom:0;
}
.contact-links {
    margin-top:5px;
}
.contact-links p {
	margin-bottom:2px;
}
.contact-links a {
    font-size:14px;
    font-weight:400;
}
.contact-info .info-name  {
  	position:relative;
}
.contact-info .info-name p {
    position:absolute;
    top:0;
    right:0;
}
.contact-info .info-name img {
	width:20px;
  	padding-left:3px;
}
/* ----- New template styling ----- */
.team-flags img {
    width: 15px;
}
.team-flags {
    position: absolute;
    top: 0;
    right: 0;
}
.team-top-row h3 {
    margin-bottom: 0px;
}
.team-top-row {
    position: relative;
    margin-top: 4px;
}
.team-card span {
    display: block;
}
.team-role {
    font-style: italic;
}
.team-phone, .team-email {
    font-size: 0.9em;
    margin-top: 4px;
}

/* Login popup
   ========================================================================== */
.modal .section_SignUp {
 	border-top: none;
  	padding-top: 0px !important;
}

/* ==========================================================================
   Product Pages Styling
   ========================================================================== */

/* Catalog landing page (3)
   ========================================================================== */
/* ----- Node hero image ----- */




/* Product list (5)
========================================================================== */





/* PDP (19)
========================================================================== */
/* ----- General ----- */
.section_ProductDetail_Header h1 {
    margin-bottom: 0;
  	font-size: 1.8em;
}
.section_ProductDetail_SkuNumber {
    color: #006ba9;
  	padding-bottom: 0 !important;
}
.section_ProductDetail_SkuNumber strong {
    font-weight: 400;
}
.section_ProductDetail_SkuNumber p {
    font-size: 1.4em !important;
    margin-bottom: 0;
}
.section_ProductDetail_Price h2 {
    font-size: 1.3em;
    line-height: 33px;
}

/* ----- Nav tabs ----- */
.nav-tabs {
    box-shadow: none;
    border-bottom: 3px solid #006ba9;
}
.nav-tabs > li.active {
    border-bottom: 3px solid #00a7e1;
    margin-bottom: -3px;
}
.nav-tabs > li > a {
    border: none !important;
    font-weight: 400 !important;
    color: #000;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #00a7e1;
    font-weight: 500;
  	background: none;
}
/* SKU */
.sku-row > div {
    display: flex;
}
.sku-row .section_Content {
    margin-right: 10px;
    font-size: 1.6em;
    padding-bottom: 0;
    color: #000;
}
.sku-row p {
    margin-bottom: 0;
}
.sku-row .section_ProductDetail_SkuNumber p {
    font-size: 1.6em !important;
}
.section_ProductDetail_Header h1 {
    font-size: 1.6em;
}
.section_529 {
    padding: 8px !important;
}
.section_516 {
    padding-bottom: 8px !important;
}


/* VPDP (23)
========================================================================== */

/* IPDP (20)
========================================================================== */

/* Search result (4)
========================================================================== */

/* Checkout (10)
========================================================================== */
/* ----- Cart table ----- */
.cart-view-table > tbody > tr > td:nth-of-type(3) a {
    color: #000;
}
.cart-view-table .cart-product-name {
    text-transform: none;
    font-weight: 500;
}


/* Exploded views (28)
========================================================================== */
/* ----- Diagram books ----- */
[id^="DiagramPagePreviewContainer"] {
    outline: none !important;
}
/* ----- Slider ----- */
.diagram-book-zoom-slider-container .ui-widget-content .ui-state-default {
    background: #006BA9;
    border-radius: 50%;
    border: none;
    margin-top: -5px;
    width: 25px;
    height: 25px;
}
.diagram-book-zoom-slider-container .ui-state-default i {
    color: #fff !important;
    top: 4px !important;
    left: 5px;
}
.diagram-book-zoom-slider-container .ui-slider {
    height: 3px;
    border: none;
    background: #d6d6d6;
    margin-top: 10px !important;
}
/* ----- Toolbar ----- */
#DiagramBookPreviewToolbarTOC {
    display: none;
}
#DiagramPageProductList116 {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 1.42857
}

/* ----- Hover ----- */
.ndd-popup-box {
    background: #F2F2FA !important;
}
.ndd-popup-arrow-down {
    border-color: #F2F2FA transparent transparent !important;
}

/* ----- Popup table ----- */
[data-loggedin="True"] .hot-spot td:nth-of-type(5),
[data-loggedin="True"] .hot-spot td:nth-of-type(6),
[data-loggedin="True"] .hot-spot td:nth-of-type(7),
[data-loggedin="True"] .hot-spot td:nth-of-type(8){
    display: none;
}
[data-loggedin="True"] .hot-spot td:nth-of-type(7){
    display: none;
}
[data-loggedin="True"] .hotspot-remark1, .hotspot-remark2, .hotspot-qty {
    display: none;
}
[data-loggedin="True"] .product-hotspots-table th:nth-of-type(8) {
    display: none;
}
[data-loggedin="True"] .section_ExplodedDiagramBookProductList #productlist h2 {
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 5px;
}
[data-loggedin="True"] .section_ExplodedDiagramBookProductList .table {
    border: 1px solid #F2F2FA;
}
[data-loggedin="True"] .section_ExplodedDiagramBookProductList .table>thead>tr>th {
    border-bottom: 1px solid #F2F2FA;
}
[data-loggedin="True"] .section_ExplodedDiagramBookProductList .hover-product-image {
    box-shadow: none;
    border: none;
}


/* Authors
   ==========================================================================
Frida Rosengren
*/



/* TEMP WORK */
.my-area-links .container > div {
    display: flex;
    flex-wrap: wrap;
}
.my-area-links .container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.my-area-links .container > div > .section_ContentDataUnit {
    width: 25%;
}
@media screen and (max-width: 991px) {
    .my-area-link a span {
        width: 100%;
    }
    .my-area-link a {
        flex-wrap: wrap;
        text-align: center;
    }
  	.link-icon-image {
     	margin: 0 auto;
    	margin-bottom: 5px; 
    }
}
@media screen and (max-width: 767px) {
    .my-area-links .container > div {
        width: 100%;
    }
    .my-area-links .container > div > .section_ContentDataUnit {
        width: 50%; 
      	margin-bottom: 20px;
      	margin-top: 20px;
    }
}
.dropdown.active.open a:hover {
    color: #00A7E1 !important;
}
.navbar-nav li.active .menulabel {
    background: none !important;
    color: #00A7E1 !important;
    opacity: 1 !important;
}
.dropdown.active.open li.active a {
    background: none;
}

.header-logos-col {
    display: flex;
}
.header-logos-col .section {
    margin-right: 20px;
    max-height: 35px;
}
.header-logos-col img {
    max-height: 35px;
}
@media screen and (max-width: 767px) {
    .header-logos-col {
        display: none;
    }
}

.ptHotSpotText {
    font-size: 0 !important;
}
.pdp-attributes dl {
    margin-bottom: 10px;
}

/* Move prod */
.js-price-wrapper h4 {
    text-transform: none;
    font-size: 14px !important;
    font-weight: 500 !important;
}
ul[class*="large-block-grid-"] .product-grossprice, .product-discount {
    font-size: 14px !important;
}
ul[class*="large-block-grid-"] .hover-product {
    display: flex;
    flex-wrap: wrap;
}
ul[class*="large-block-grid-"] .field-stockcode {
    order: 2;
    font-size: 16px;
    width: 100%;
}
ul[class*="large-block-grid-"] .hover-product-title {
    font-size: 14px;
    margin-bottom: 12px;
    width: 100%;
}
ul[class*="large-block-grid-"] .hover-product-title a {
 	font-size: 14px; 
  	margin-bottom: 10px;
}

ul[class*="large-block-grid-"] .hover-product-image-wrapper {
    order: 1;
}
ul[class*="large-block-grid-"] * {
    order: 3;
}
ul[class*="large-block-grid-"] .product-additional-content {
    font-size: 14px;
}
.product-nav .form-group label {
    font-size: 14px;
    font-weight: 400;
}
.filter-list-orderby {
    margin-right: 12px;
}
.pagination {
    padding-right: 0;
}
.pagination li span {
    padding-right: 0;
    font-weight: 400 !important;
}
.section_ProductSearchList h1 {
    font-size: 16px;
}
.section_ProductDetail_Price p {
    margin-bottom: 0px;
    font-size: 16px !important;
}
.section_ProductDetail_Price h2 {
    font-size: 18px;
    margin-bottom: 0;
}
.section_ProductDetail_DeliveryDetailInfo {
    font-size: 14px;
}
.section_AddToBasket .addToBasketContainer  {
    float: right;
}
/* SKU */
.sku-row > div {
    display: flex;
}
.sku-row .section_Content {
    margin-right: 10px;
    font-size: 1.6em;
    padding-bottom: 0;
    color: #000;
}
.sku-row p {
    margin-bottom: 0;
}
.sku-row .section_ProductDetail_SkuNumber p {
    font-size: 1.6em !important;
}
.section_ProductDetail_SkuNumber {
    padding-bottom: 0 !important;
}
.sku-row p, .sku-row strong {
    font-size: 22px;
    color: #000;
}
.sku-row .section_Content p {
    line-height: 38px;
}
.sku-row .section_Content {
    margin-right: 5px;
}
.section_ProductDetail_Header h1 {
    font-size: 18px;
    margin-bottom: 20px;
}
.section_ProductDetail_Price .js-price-wrapper {
    display: flex;
    flex-direction: column-reverse;
}
.section_ProductDetail_Price .js-price-wrapper * {
    order: 1;
}
.section_ProductDetail_Price .js-price-wrapper .product-grossprice {
    order: 2;
}
.section_ProductDetail_Price h2.product-netprice {
    font-size: 16px;
    line-height: 25px;
}
.pdp-price-flex {
    display: flex;
    align-items: flex-end;
}
.pdp-price-flex .section_ProductDetail_Price {
    padding-bottom: 0;
}
.pdp-price-flex .section_AddToBasket .addToBasketContainer {
    margin-top: -20px !important;
}
.product-grid .hover-product-title {
    text-transform: none;
    font-weight: 400;
}
.product-grid .hover-product-title a:hover {
    color: #000;
}
.product-grid .field-stockcode {
    font-size: 14px;
}
.product-grid .hover-product-image {
    box-shadow: 0px 1px 4px #ccc;
    border: none;
}
.product-grid .pt-list-attribute-item {
    font-size: 0.9em;
}
.product-grid .pt-list-attribute-item .attr-description {
    font-weight: 500;
}
.product-grid .p-productavailability {
    float: left;
    width: auto;
    margin-right: 3px;
}
.product-grid .p-productavailability .productAvailability {
    text-transform: none;
    font-size: 0.95em;
    font-weight: 500;
}
.product-grid .js-avail-wrapper {
    font-size: 0.9em;
    line-height: 24px;
}
.pt-page-productdetail .hover-product-image {
 	box-shadow: 0 3px 11px -7px rgba(50,50,50,.5);
    border: 1px solid #eee; 
}
.hover-product-additonal-details .delDate {
    display: none;
}

ul[class*="large-block-grid-"] {
    display: flex;
    flex-wrap: wrap;
}
ul[class*="large-block-grid-"] .hover-product {
    height: 100%;
    padding: 15px;
    padding-bottom: 60px;
    box-shadow: 2px 5px 5px #f0f0f0;
    border: 1px solid #ddd;
}
ul[class*="large-block-grid-"] .hover-product-title {
    height: auto;
    font-size: 14px;
    margin-bottom: 12px;
}
ul[class*="large-block-grid-"] .hover-product-image {
    box-shadow: none;
    margin-bottom: 5px;
}
ul[class*="large-block-grid-"] .field-stockcode {
    color: #000;
    margin-bottom: 3px !important;
}
ul[class*="large-block-grid-"] .hover-product-price {
    font-size: 0.95em;
    font-weight: 400;
    text-align: right;
}
ul[class*="large-block-grid-"] .product-netprice {
    margin-top: 3px;
}
ul[class*="large-block-grid-"] .pt-list-attribute-item {
    margin-bottom: -10px;
    margin-top: -5px;
}
ul[class*="large-block-grid-"] .product-grossprice, .product-discount {
    font-size: 0.9em;
}
ul[class*="large-block-grid-"] .hover-product .pull-right:last-of-type {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
ul[class*="large-block-grid-"] .hover-product .pull-right.pricepanel {
    position: absolute;
    bottom: 40px;
    right: 15px;
}
ul[class*="large-block-grid-"] .hover-product {
    padding-bottom: 110px !important;
}
ul[class*="large-block-grid-"] .hover-product label {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
}
ul[class*="large-block-grid-"] .hover-product-hover-bg {
    display: none;
}
.section_ProductImageLibrary hr {
    display: none;
}
.section_Checkout .text-cursive {
    font-style: normal;
}
.section_ProductParentNode_SubNodeMenu ul[class*="large-block-grid-"] .hover-product {
    padding: 0px !important;
    box-shadow: none;
    border: none;
}
.section_ProductParentNode_SubNodeMenu ul[class*="large-block-grid-"] .hover-product-hover-bg {
    display: block;
}
.section_ProductParentNode_SubNodeMenu .hover-product-hover-bg {
    background: #006BA9;
    opacity: 0.9;
}
.section_ProductParentNode_SubNodeMenu .hover-product-image {
    box-shadow: 0px 1px 4px #ccc !important;
    border: none;
  	margin-bottom: 0 !important;
}
.section_ProductParentNode_SubNodeMenu .hover-product-title {
    margin-top: 15px;
}
.slides img {
    border: none;
}
.cart-product-img {
    max-width: 60px;
}


/* Flags */
.ribbonText.ribbon-value-24008 {
    background: url(/en/image/getthumbnail/5453);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 70px;
    height: 30px;
    font-size: 0;
    display: block;
    text-shadow: none;
    box-shadow: none;
    left: 5px;
    top: -10px;
}
.ribbonText.ribbon-value-24008:before {
    border: none;
}
.ribbonText.ribbon-value-24009 {
    background: url(/en/image/getthumbnail/5451);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100px;
    height: 30px;
    font-size: 0;
    display: block;
    text-shadow: none;
    box-shadow: none;
    left: 5px;
    top: -15px;
}
.ribbonText.ribbon-value-24009:before {
    border: none;
}
.section_ProductImageLibrary .ribbonText.ribbon-value-24009 {
    left: 20px;
    top: -5px;
}
.ribbonText.ribbon-value-24007 {
    background: url(/en/image/getthumbnail/5452);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 70px;
    height: 30px;
    font-size: 0;
    display: block;
    text-shadow: none;
    box-shadow: none;
    left: 5px;
    top: -15px;
}
.ribbonText.ribbon-value-24007:before {
    border: none;
}
.section_ProductImageLibrary .ribbonText.ribbon-value-24007 {
    left: 16px;
    top: 0px;
}
.section_ProductImageLibrary .ribbonText.ribbon-value-24008 {
    left: 10px;
    top: 0px;
}
.field-stockcode.hidden-xs {
    display: block !important;
}
@media screen and (max-width: 767px){
    ._hj_feedback_container {
        display: none;
    }
}/* ==========================================================================
   General Site Styling
   ========================================================================== */
/*Search and list style*/
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .input-group {
    width: 100%;
}
@media screen and (max-width: 991px) {
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3){
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px){
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
        width: 30%;
    }
    #searchandlist > .row:first-of-type > .col-md-6 {
        width: 70%;
    }
    .pt-page-invoicesearch #searchandlist .form-control.js-searchlistbox {
        margin-top: 25px;
    }
    .pt-page-invoicesearch #searchandlist .js-pageQuerySearch.pt-btn-search {
        margin-top: 25px;
    }
}
 #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3) .checkbox,
 #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .checkbox {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 20px;
}
#searchandlist > .row:first-of-type .selected-user-wrapper {
    margin-left: 20px;
}
#searchandlist > .row:first-of-type .form-group .checkbox {
    float: left;
}

/* Customer information page */
.pt-page-usercustomerinformation .form-uppercase-label label {
    text-transform: none;
}
.pt-page-usercustomerinformation .control-label-static {
    margin-top: 0;
}

/* Quickshop */
.row.quickshopcontent {
    margin-left:  0px;
    margin-right: 0px;
    margin-top: 15px;
}
.quickshopcontent h4 {
    margin-top: 8px;
    text-transform: initial;
}
.quickshopcontent #quickHeader {
    padding-left: 0;
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 {
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn {
    float: right;
    width: 100%;
    font-size: 0;
    height: 33px;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn:after {
    content: '\f07a';
    font-size: 15px;
    font-family: fontawesome;
}
@media screen and (min-width: 992px){
    .quickshopcontent .col-sm-6.col-xs-6 {
        width: 58.33333%;
    }
    .quickshopcontent .col-sm-2.col-xs-2 {
        width: 8.33333%;
    }
}
@media screen and (max-width: 991px) {
    .quickshopcontent > div.col-sm-6.col-xs-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-4 {
        width: 50%;
        padding-right: 5px;
        padding-left: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 {
        width: 50%;
        padding-left: 5px;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 .btn {
        width: 100%;
    }
    .quickshopcontent #quickHeader {
        padding-left: 0;
    }
}

/*Content banner*/
.section_ContentBanner .banner-wrapper-main {
padding-bottom:0;
}

.section_ContentBanner .slick-dotted.slick-slider {
margin-bottom:0;
}

.section_ContentBanner .carousel {
box-shadow:none;
}

.section_ContentBanner .slick-dots {
bottom:25px;
}

.section_ContentBanner .slick-dots li button:before {
font-size:10px;
opacity:0.6;
}

.slick-dots li.slick-active button:before {
opacity:1;
}

/* Login page */
.pt-page-login label {
    text-transform: none;
}
.pt-page-login .section_Image {
    margin-top: 20px;
    text-align: center;
}
.pt-page-login .section_Login input {
    height: 35px;
}
.section_Login {
    padding-bottom: 0 !important;
}
.section_Login h3 {
    display: none;
}
.section_Login .col-md-5 {
    width: 100%;
}
.section_Login .col-md-5 .col-sm-8 {
    width: 100%;
}
.section_Login .col-md-2.top37 {
    margin: 0;
    width: 100%;
}
.section_Login .col-md-5:first-of-type .col-sm-8:before {
    content: '\f007';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login .col-md-5:nth-of-type(2) .col-sm-8:before {
    content: '\f13e';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login input {
    padding-left: 32px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header {
    border-bottom: none;
    text-transform: none;
    font-size: 1em;
    margin-top: 10px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:hover {
    cursor: pointer;
    text-decoration: underline;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:after {
    content: '?';
}
.pt-page-login .section_ForgotPassword > p,
.pt-page-login .section_ForgotPassword > form {
    display: none;
}
.pt-page-login {
    background-size: cover;
    background-repeat: no-repeat;
}
.section_ForgotPassword {
    padding-bottom: 0 !important;
}
.section_SignUp h3 {
    text-transform: none;
    border-bottom: 0;
    margin-bottom: 5px;
}
.section_SignUp {
    border-top: 1px solid #eee;
    padding-top: 20px !important;
}
.section_SignUp .btn {
    width: 100%;
}
.section_Login #login-response-msg-holder {
    margin-top: 2px;
    font-size: 13px;
}
.pt-page-login .content > .container:first-of-type {
    background: #fff;
    max-width: 400px;
    margin: 10vh auto;
}
.modal .section_ForgotPassword h3 {
    text-transform: none;
    border: none;
    margin-bottom: 5px;
}
/* Account details */
@media screen and (min-width: 992px) {
    .section_AccountDetail > form > .row > .col-md-6 {
        width: 75%;
    }
}
.pt-page-accountdetail .form-uppercase-label label {
    text-transform: none;
}

/*Breadcrumb*/
.breadcrumb-wrapper {
box-shadow: none;
}

/* Sidebar navigation */
.toggle-lvl-two li:first-of-type {
    box-shadow: none;
}
.sidebar-nav h3 {
    text-transform: none;
    border-bottom: none;
    margin-left: 0;
    margin-bottom: 0;
}
.sidebar-nav h3.sidebar-nav-heading {
    border: none;
    padding-left: 0;
    margin-bottom: 15px !important;
}
.sidebar-nav li.toggle-item {
    padding-bottom: 0px;
    padding-top: 7px;
}
.toggle-lvl-one h3 {
    padding-bottom: 12px;
}
.toggle-lvl-two {
    background: none;
}
.toggle-lvl-two h3 {
    padding-left: 15px;
}
.toggle-lvl-three {
    background: none;
}
.toggle-lvl-three h3 {
    padding-left: 30px;
}
.toggle-lvl-four {
    background: none;
}
.toggle-lvl-four h3 {
    padding-left: 45px;
}
.toggle-lvl-five {
    background: none;
}
.toggle-lvl-five h3 {
    padding-left: 60px;
}
.toggle-lvl-one .active {
    font-weight: 500;
}
.sidebar-nav h3 a.active {
    font-weight: 700;
}
.sidebar-nav li.active .toggle-btn {
    font-weight: 500;
}

/* Cookie notification */
#cookieNotification {
    z-index: 9998;
}

/* Modal */
.modal {
    z-index: 9999;
}
.modal-content {
    padding: 30px;
    max-height: 90vh;
    box-shadow: none;
    border: 1px solid #999;
}
.modal-dialog {
    margin-top: 5vh;
}
.modal-content .content {
    padding-top: 0;
}
.modal-header {
    padding: 0;
    min-height: 0;
}
.modal .close {
    margin-right: 0;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: grey;
}
.modal .close:hover {
    opacity: 1;
}
.modal .content {
    padding-bottom: 0;
}

/* Cart */
@media screen and (min-width: 992px) {
    .cart:hover {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .cart:hover {
        width: 100%;
    }
}
.cart-content {
   box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.cart:hover {
    box-shadow: none;
}

/*Buttons*/
.btn, .btn:focus, .btn:active {
outline:none!important;
}

/* Section checkout */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}

/* Top bar links */
.top-bar .top-bar-link a, .top-bar .top-bar-link a:focus, .top-bar .top-bar-link a:active {
    background: none;
    border: none;
}

/* News menu */
.section_NewsList ul.news-menu {
    padding-left: 0;
    width: 100%;
}


/* News detail */
.section_NewsDetail .article-intro {
    margin-top: 10px;
}
.section_NewsDetail .article-date {
    margin-bottom: 10px;
}
.section_NewsDetail .article-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Alertify dialog */
.alertify-dialog .alertify-message {
    color: #000;
}
.alertify-dialog button,
.alertify-dialog button:hover,
.alertify-dialog button:focus,
.alertify-dialog button:active {
    border-radius: 2px;
    padding: 6px 14px;
    height: 33px;
    line-height: 1.33;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    width: 49%;
    float: left;
    margin-left: 0;
    margin-right: 1%;
    margin-bottom: 10px;
}
.alertify-dialog button:last-of-type {
    margin-right: 0;
    float: right;
}
.alertify-dialog .alertify-buttons {
    border-radius: 0;
    box-shadow: none;
    padding-top: 5px;
  	background: #fff;
	border: none;
}
#alertify {
    border-radius: 0;
    border: 1px solid #ccc;
    max-width: 400px;
    padding-top: 5px;
    padding-bottom: 10px;
    top: 100px;
}
#alertify p {
    text-align: center;
}
/* Alertify logs */
.alertify-log {
  border-radius: 0;
  text-align: center;
  text-shadow: none;
  padding: 10px;
}

/* Megamenu */
@media screen and (min-width: 1200px) {
    .cd-nav > ul {
        margin: 0;
        padding-right: 0;
        float: left;
    }
  	.cd-primary-nav > li > a {
        height: 30px;
        line-height: 30px;
    }
    .cd-primary-nav .cd-secondary-nav {
      	top: 40px;
        left: 0;
      	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    	border-top: 1px solid #ccc;
      	padding-left: 25px;
    	padding-right: 25px;
      	height: auto !important; 
    }
  	.cd-main-header {
    	border-bottom: none;
	}
  	.desktop-menu .cd-primary-nav .cd-nav-icons li:nth-child(3n), .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+3) {
    	clear: none;
	}
}

/* Megamenu mobile toggle */
@media screen and (max-width: 1199px) {
    .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
        background: #2e3233;
        left: 0px;
        top: 0px;
        width: 28px;
    }
    .cd-nav-trigger.nav-is-visible {
        background: #e8e8e8;
        border: 5px solid #e8e8e8;
        border-radius: 0px;
        left: -35px;
        height: 40px;
        width: 45px;
    }
    .cd-nav-trigger.nav-is-visible span {
        top: 9px;
        left: 4px;
    }
    .cd-nav-trigger.nav-is-visible span::after {
        top: 15px;
    }
    .cd-main-header.nav-is-visible {
        top: 2px;
        color: transparent;
        position: fixed;
        right: 0;
        z-index: 9999;
    }
    .cd-nav-trigger span::after {
        top: 7px;
    }
    .cd-nav-trigger span {
        top: 22px;
        left: 9px;
    }
    .cd-nav-trigger span::before {
        top: -7px;
    }
    .cd-primary-nav {
        margin-top: 0 !important;
    }
  	.cd-primary-nav .has-children > a::before, .cd-primary-nav .has-children > a::after, .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after 	{
    	background: #fff;
	}
}
/* Contact us form */
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder {
    margin-left: 0;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder .control-label-lg {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder input[type="checkbox"] {
    cursor: pointer;
}
.section_ContactUsForm #ContactUsFormSubmit {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
    float: right;
    width: 40% !important;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
    width: 60%;
    float: left;
}
@media screen and (max-width: 576px) {
    .section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
        width: 100% !important;
    }
    .section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
        width: 100% !important;
    }
    .section_ContactUsForm #ContactUsFormSubmit {
        width: 100%;
    }
}.confirmationPDF {
 	font-family: helvetica, sans-serif; 
}
.confirmationPDF #summaryWrapper {
    font-size: 12px;
}
.confirmationPDF legend {
    font-size: 10px !important;
    border-bottom: 0;
    font-weight: 700;
  	margin-bottom: 3px;
}
.confirmationPDF label {
    margin-top: 0 !important;
    font-size: 10px !important;
}
.confirmationPDF .cart-view-table th {
    padding-top: 5px !important;
    padding-bottom: 4px !important;
    font-size: 12px;
    text-transform: none !important;
}
.confirmationPDF .cart-view-table>thead {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.confirmationPDF .cart-view-table>thead th {
    border-bottom: 1px solid #ccc !important;
}
.confirmationPDF .cart-view-image {
    display: none;
}
.confirmationPDF .cart-view-table {
    font-size: 12px;
}
.confirmationPDF .cart-view-table br {
    display: none;
}
.confirmationPDF .cart-view-table .text-bold {
    font-weight: 400;
}
.confirmationPDF #summaryWrapper .row:last-of-type .row {
    margin: 0;
}
.confirmationPDF .summary-header h3 {
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 4px;
  	padding-bottom: 0;
  	min-height: 0;
}
.confirmationPDF .summary-header p {
    font-size: 12px;
}
.confirmationPDF .summary-header h5 {
    font-size: 12px;
}
.confirmationPDF .pdf-logo img {
    max-width: 240px;
}
.confirmationPDF .pdf-logo {
 	display: block !important;
  	visibility: visible !important;
  	position: relative;
  	top: -30px;
  	margin-bottom: -30px !important;
}
.confirmationPDF .summary-header {
    display: flex;
  	justify-content: space-between;
}
.confirmationPDF .summary-header .row:first-of-type {
    width: 70%;
}
.confirmationPDF .basket-total-lines > .row {
    display: flex;
    justify-content: flex-end;
}
.confirmationPDF .basket-total-lines > .row > div {
    width: auto;
}
.confirmationPDF .basket-thumbnail {
 	display: none; 
}
.confirmationPDF .last-cell {
    display: none;
}
.confirmationPDF .basket-total-lines > .row > div h5 {
    font-weight: 400;
    font-size: 12px !important;
}
.confirmationPDF .basket-total-lines > .row {
    border-top: 1px solid #ccc;
  	margin-right: 0px;
  	margin-left: 0px;
}
.confirmationPDF #summaryWrapper .row:last-of-type legend {
    display: none;
}
.confirmationPDF .pdf-logo .section {
    padding-bottom: 0;
}
.confirmationPDF #summaryWrapper > .row:first-of-type {
    display: flex;
    flex-direction: row-reverse;
}
.confirmationPDF #summaryWrapper > .row:first-of-type .col-md-6:first-of-type {
    padding-left: 0;
}
.confirmationPDF .summary-header h5 {
  font-weight: bold;
}
.confirmationPDF #summaryWrapper > .row:first-of-type .control-label-static {
    display: none;
}
.confirmationPDF #summaryWrapper {
    margin-top: 20px;
}
.confirmationPDF .summary-header h5 {
    margin-top: -1px;
  	text-align: right;
}
.confirmationPDF .cart-view-table th:nth-of-type(2), td:nth-of-type(2) {
    padding-left: 0 !important;
}
.confirmationPDF .cart-view-table th.text-right, td.text-right {
    padding-right: 0 !important;
}
.confirmationPDF .basket-total-lines > .row > div {
    padding-right: 0;
}
.confirmationPDF .confirmation-pdf-pre-footer {
    display: block;
    visibility: visible;
  	font-size: 10px;
}
.confirmationPDF .confirmation-pdf-footer {
    visibility: visible;
    display: block;
  	font-size: 9px;
}
.confirmationPDF .show-confirmation-pdf {
 	visibility: visible;
  	display: block;
}
.confirmationPDF .header {
 	display: none;
}
.confirmationPDF .confirmation-pdf-footer img {
 	width: 120px; 
}
.confirmationPDF .confirmation-pdf-footer td {
    padding-left: 0;
  	padding-right: 0;
}
.confirmationPDF .confirmation-pdf-footer td {
    color: #444;
}
.confirmationPDF .confirmation-pdf-pre-footer.section {
 	padding: 0;
}
.confirmationPDF .confirmation-pdf-footer a {
	color: #00A7E1;
}
.confirmationPDF .order-conf-text p,
.confirmationPDF .order-conf-text a {
 	font-size: 10px; 
}
.confirmationPDF .order-conf-text {
	margin-top: -30px;
}